/*! 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-900:oklch(41.4% .112 45.904);--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-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-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--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-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--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-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-300:oklch(82.7% .119 306.383);--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-purple-900:oklch(38.1% .176 304.987);--color-purple-950:oklch(29.1% .149 302.717);--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-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-zinc-500:oklch(55.2% .016 285.938);--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);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--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;--drop-shadow-sm:0 1px 2px #00000026;--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{.pointer-events-none{pointer-events:none}.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\.5{top:calc(var(--spacing)*1.5)}.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-\[15px\]{right:-15px}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-1\.5{right:calc(var(--spacing)*1.5)}.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%}.left-full{left:100%}.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}.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-1{margin-inline:calc(var(--spacing)*-1)}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3{margin-inline:calc(var(--spacing)*3)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.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-0\.5{margin-right:calc(var(--spacing)*.5)}.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-1{margin-bottom:calc(var(--spacing)*-1)}.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-5{margin-bottom:calc(var(--spacing)*5)}.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-6{margin-left:calc(var(--spacing)*6)}.ml-7{margin-left:calc(var(--spacing)*7)}.ml-auto{margin-left:auto}.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-2{height:calc(var(--spacing)*2)!important}.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-64{height:calc(var(--spacing)*64)}.h-80{height:calc(var(--spacing)*80)}.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-80{max-height:calc(var(--spacing)*80)}.max-h-96{max-height:calc(var(--spacing)*96)}.max-h-\[70vh\]{max-height:70vh}.max-h-\[120px\]{max-height:120px}.max-h-\[200px\]{max-height:200px}.max-h-\[300px\]{max-height:300px}.max-h-\[400px\]{max-height:400px}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\[44px\]{min-height:44px}.min-h-\[60px\]{min-height:60px}.min-h-\[80px\]{min-height:80px}.min-h-\[100px\]{min-height:100px}.min-h-\[200px\]{min-height:200px}.min-h-screen{min-height:100vh}.\!w-2{width:calc(var(--spacing)*2)!important}.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-2\/3{width:66.6667%}.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-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-72{width:calc(var(--spacing)*72)}.w-80{width:calc(var(--spacing)*80)}.w-\[16px\]{width:16px}.w-\[220px\]{width:220px}.w-\[calc\(100vw-2rem\)\]{width:calc(100vw - 2rem)}.w-auto{width:auto}.w-full{width:100%}.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-\[150px\]{max-width:150px}.max-w-\[200px\]{max-width:200px}.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-\[40px\]{min-width:40px}.min-w-\[50px\]{min-width:50px}.min-w-\[60px\]{min-width:60px}.min-w-\[70px\]{min-width:70px}.min-w-\[100px\]{min-width:100px}.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-90{rotate:90deg}.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-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.cursor-wait{cursor:wait}.touch-manipulation{touch-action:manipulation}.touch-none{touch-action:none}.resize{resize:both}.resize-y{resize:vertical}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.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-evenly{justify-content:space-evenly}.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)}.gap-10{gap:calc(var(--spacing)*10)}.gap-px{gap:1px}: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-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{-moz-column-gap:calc(var(--spacing)*6);column-gap:calc(var(--spacing)*6)}: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)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.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-none{--tw-border-style:none;border-style:none}.border-\[var\(--action-primary\)\]{border-color:var(--action-primary)}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-300{border-color:var(--color-amber-300)}.border-amber-400{border-color:var(--color-amber-400)}.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-300{border-color:var(--color-emerald-300)}.border-gray-200{border-color:var(--color-gray-200)}.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-purple-300{border-color:var(--color-purple-300)}.border-red-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-red-500{border-color:var(--color-red-500)}.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-t-blue-500{border-top-color:var(--color-blue-500)}.border-r-orange-500{border-right-color:var(--color-orange-500)}.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-\[var\(--action-primary\)\]\/5{background-color:var(--action-primary)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--action-primary\)\]\/5{background-color:color-mix(in oklab,var(--action-primary)5%,transparent)}}.bg-\[var\(--action-primary\)\]\/10{background-color:var(--action-primary)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--action-primary\)\]\/10{background-color:color-mix(in oklab,var(--action-primary)10%,transparent)}}.bg-\[var\(--action-primary\)\]\/15{background-color:var(--action-primary)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--action-primary\)\]\/15{background-color:color-mix(in oklab,var(--action-primary)15%,transparent)}}.bg-\[var\(--action-primary-subtle\)\]{background-color:var(--action-primary-subtle)}.bg-\[var\(--surface-base\)\]{background-color:var(--surface-base)}.bg-\[var\(--surface-secondary\)\]{background-color:var(--surface-secondary)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-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-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-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-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\/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-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\/50{background-color:#fef2f280}@supports (color:color-mix(in lab, red, red)){.bg-red-50\/50{background-color:color-mix(in oklab,var(--color-red-50)50%,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\/60{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.bg-white\/60{background-color:color-mix(in oklab,var(--color-white)60%,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-zinc-500{background-color:var(--color-zinc-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-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-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-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.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{padding-block:calc(var(--spacing)*0)}.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)}.py-px{padding-block:1px}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-1{padding-top:calc(var(--spacing)*1)}.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-0\.5{padding-right:calc(var(--spacing)*.5)}.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)}.pr-14{padding-right:calc(var(--spacing)*14)}.pb-0\.5{padding-bottom:calc(var(--spacing)*.5)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-2\.5{padding-bottom:calc(var(--spacing)*2.5)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-1\.5{padding-left:calc(var(--spacing)*1.5)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-10{padding-left:calc(var(--spacing)*10)}.pl-\[64px\]{padding-left:64px}.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-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.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-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.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)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[var\(--action-primary\)\]{color:var(--action-primary)}.text-\[var\(--color-tab-amber\)\]{color:var(--color-tab-amber)}.text-\[var\(--state-error\)\]{color:var(--state-error)}.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-600{color:var(--color-gray-600)}.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-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}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.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-40{opacity:.4}.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-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-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-\[var\(--action-primary\)\]{--tw-ring-color:var(--action-primary)}.ring-\[var\(--border-default\)\]{--tw-ring-color:var(--border-default)}.ring-white\/\[0\.06\]{--tw-ring-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.ring-white\/\[0\.06\]{--tw-ring-color:color-mix(in oklab,var(--color-white)6%,transparent)}}.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,)}.drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm));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-\[grid-template-rows\]{transition-property:grid-template-rows;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-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-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-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *),.group-hover\/header\:opacity-100:is(:where(.group\/header):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\:border-blue-600:hover{border-color:var(--color-blue-600)}.hover\:bg-\[var\(--state-error-bg\)\]:hover{background-color:var(--state-error-bg)}.hover\:bg-\[var\(--surface-hover\)\]:hover{background-color:var(--surface-hover)}.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\/10:hover{background-color:#3080ff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-blue-500\/10:hover{background-color:color-mix(in oklab,var(--color-blue-500)10%,transparent)}}.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-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-cyan-100:hover{background-color:var(--color-cyan-100)}.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-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\:text-\[var\(--color-tab-amber\)\]:hover{color:var(--color-tab-amber)}.hover\:text-\[var\(--state-error\)\]:hover{color:var(--state-error)}.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\:text-white:hover{color:var(--color-white)}.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\:shadow-md:hover{--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)}.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)}}.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-0:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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-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-red-500:focus{--tw-ring-color:var(--color-red-500)}.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)}.active\:opacity-80:active{opacity:.8}.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\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.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\: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\:block{display:block}.md\:flex{display:flex}.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\:px-6{padding-inline:calc(var(--spacing)*6)}.md\:pb-6{padding-bottom:calc(var(--spacing)*6)}}@media (min-width:64rem){.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\:flex-row{flex-direction:row}}@media (min-width:80rem){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\:border-amber-700{border-color:var(--color-amber-700)}.dark\:border-blue-700{border-color:var(--color-blue-700)}.dark\:border-emerald-700{border-color:var(--color-emerald-700)}.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-purple-700{border-color:var(--color-purple-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-yellow-700{border-color:var(--color-yellow-700)}.dark\:bg-amber-900\/50{background-color:#7b330680}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-900\/50{background-color:color-mix(in oklab,var(--color-amber-900)50%,transparent)}}.dark\:bg-amber-950\/20{background-color:#46190133}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-950\/20{background-color:color-mix(in oklab,var(--color-amber-950)20%,transparent)}}.dark\:bg-amber-950\/40{background-color:#46190166}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-950\/40{background-color:color-mix(in oklab,var(--color-amber-950)40%,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-900\/50{background-color:#1c398e80}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-900\/50{background-color:color-mix(in oklab,var(--color-blue-900)50%,transparent)}}.dark\:bg-blue-950{background-color:var(--color-blue-950)}.dark\:bg-blue-950\/40{background-color:#16245666}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-950\/40{background-color:color-mix(in oklab,var(--color-blue-950)40%,transparent)}}.dark\:bg-emerald-900\/50{background-color:#004e3b80}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-900\/50{background-color:color-mix(in oklab,var(--color-emerald-900)50%,transparent)}}.dark\:bg-emerald-950\/40{background-color:#002c2266}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-950\/40{background-color:color-mix(in oklab,var(--color-emerald-950)40%,transparent)}}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:bg-gray-900{background-color:var(--color-gray-900)}.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-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-purple-900\/50{background-color:#59168b80}@supports (color:color-mix(in lab, red, red)){.dark\:bg-purple-900\/50{background-color:color-mix(in oklab,var(--color-purple-900)50%,transparent)}}.dark\:bg-purple-950\/40{background-color:#3c036666}@supports (color:color-mix(in lab, red, red)){.dark\:bg-purple-950\/40{background-color:color-mix(in oklab,var(--color-purple-950)40%,transparent)}}.dark\:bg-red-900{background-color:var(--color-red-900)}.dark\:bg-red-900\/10{background-color:#82181a1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-900\/10{background-color:color-mix(in oklab,var(--color-red-900)10%,transparent)}}.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-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.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-200{color:var(--color-amber-200)}.dark\:text-amber-400{color:var(--color-amber-400)}.dark\:text-blue-300{color:var(--color-blue-300)}.dark\:text-blue-400{color:var(--color-blue-400)}.dark\:text-emerald-400{color:var(--color-emerald-400)}.dark\:text-gray-100{color:var(--color-gray-100)}.dark\:text-gray-300{color:var(--color-gray-300)}.dark\:text-gray-400{color:var(--color-gray-400)}.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-purple-400{color:var(--color-purple-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-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-red-400:hover{background-color:var(--color-red-400)}.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}.\[\&\>button\]\:ring-2>button{--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)}.\[\&\>span\:not\(\:last-child\)\]\:line-clamp-1>span:not(:last-child){-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:#eff6ff;--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:239 246 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;--tracking-tight:.02em;--tracking-normal:.025em;--tracking-wide:.04em;--tracking-wider:.1em;--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-raised:var(--color-blue-50);--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);--type-work:var(--state-info);--type-work-bg:var(--state-info-bg);--type-work-border:var(--state-info-border);--type-personal:var(--state-success)}@supports (color:color-mix(in lab, red, red)){:root{--type-personal:color-mix(in srgb,var(--state-success)88%,black)}}:root{--type-personal-bg:var(--state-success-bg);--type-personal-border:var(--state-success-border);--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-raised-rgb:var(--color-blue-50-rgb);--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-sticky:1100;--z-overlay:1200;--z-modal:1300;--z-dropdown:1400;--z-popover:1500;--z-tooltip:1600;--z-toast:1700;--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;--color-tab-emerald:#10b981;--color-tab-emerald-active:#047857;--color-tab-emerald-dark:#6ee7b7;--color-tab-emerald-border:#10b981;--color-tab-purple:#a855f7;--color-tab-purple-active:#7e22ce;--color-tab-purple-dark:#d8b4fe;--color-tab-purple-border:#a855f7;--color-tab-amber:#b8860b;--color-tab-amber-active:#8b6508;--color-tab-amber-dark:#daa520;--color-tab-amber-border:#b8860b;--color-tab-cyan:#06b6d4;--color-tab-cyan-active:#0e7490;--color-tab-cyan-dark:#67e8f9;--color-tab-cyan-border:#06b6d4;--color-tab-orange:#f97316;--color-tab-orange-active:#c2410c;--color-tab-orange-dark:#fdba74;--color-tab-orange-border:#f97316;--color-tab-pink:#ec4899;--color-tab-pink-active:#be185d;--color-tab-pink-dark:#f9a8d4;--color-tab-pink-border:#ec4899;--color-tab-sky:#0ea5e9;--color-tab-sky-active:#0369a1;--color-tab-sky-dark:#7dd3fc;--color-tab-sky-border:#0ea5e9;--color-tab-indigo:#6366f1;--color-tab-indigo-active:#4338ca;--color-tab-indigo-dark:#a5b4fc;--color-tab-indigo-border:#6366f1;--color-tab-red-dark:#fca5a5;--color-tab-blue-dark:#93c5fd;--accent-teal-50:#f0fdfa;--accent-teal-100:#ccfbf1;--accent-teal-500:#14b8a6;--accent-teal-600:#0d9488;--accent-teal-700:#0f766e;--priority-p1-bg:#fee2e2;--priority-p1-text:#dc2626;--priority-p2-bg:#fef3c7;--priority-p2-text:#d97706;--priority-p3-bg:#dbeafe;--priority-p3-text:#2563eb;--priority-p4-bg:#f3f4f6;--priority-p4-text:#6b7280;--overlay-bg:#0000004d;--overlay-blur:8px;--color-interaction-purple-bg:#f3e8ff;--color-interaction-purple-text:#7c3aed;--color-interaction-orange-bg:#fff7ed;--color-interaction-orange-text:#c2410c;--color-interaction-indigo-bg:#eef2ff;--color-interaction-indigo-text:#4338ca;--color-badge-purple:#a855f7;--color-badge-blue:#3b82f6;--color-badge-green:#22c55e;--color-badge-purple-bg:#a855f726;--color-badge-blue-bg:#3b82f626;--color-badge-green-bg:#22c55e26;--color-gradient-start:#e0e7ff;--color-gradient-end:#fce7e7}[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-700);--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-600);--border-strong:var(--color-gray-500);--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-700-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-600-rgb);--border-strong-rgb:var(--color-gray-500-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;--color-tab-emerald:#6ee7b7;--color-tab-emerald-active:#10b981;--color-tab-emerald-dark:#6ee7b7;--color-tab-emerald-border:#10b981;--color-tab-purple:#d8b4fe;--color-tab-purple-active:#a855f7;--color-tab-purple-dark:#d8b4fe;--color-tab-purple-border:#a855f7;--color-tab-amber:#daa520;--color-tab-amber-active:#b8860b;--color-tab-amber-dark:#daa520;--color-tab-amber-border:#b8860b;--color-tab-cyan:#67e8f9;--color-tab-cyan-active:#06b6d4;--color-tab-cyan-dark:#67e8f9;--color-tab-cyan-border:#06b6d4;--color-tab-orange:#fdba74;--color-tab-orange-active:#f97316;--color-tab-orange-dark:#fdba74;--color-tab-orange-border:#f97316;--color-tab-pink:#f9a8d4;--color-tab-pink-active:#ec4899;--color-tab-pink-dark:#f9a8d4;--color-tab-pink-border:#ec4899;--color-tab-sky:#7dd3fc;--color-tab-sky-active:#0ea5e9;--color-tab-sky-dark:#7dd3fc;--color-tab-sky-border:#0ea5e9;--color-tab-indigo:#a5b4fc;--color-tab-indigo-active:#6366f1;--color-tab-indigo-dark:#a5b4fc;--color-tab-indigo-border:#6366f1;--color-tab-red-dark:#fca5a5;--color-tab-blue-dark:#93c5fd;--accent-teal-50:#14b8a61a;--accent-teal-100:#14b8a626;--accent-teal-500:#2dd4bf;--accent-teal-600:#14b8a6;--accent-teal-700:#5eead4;--priority-p1-bg:#ef444426;--priority-p1-text:#ef4444;--priority-p2-bg:#f59e0b26;--priority-p2-text:#f59e0b;--priority-p3-bg:#3b82f626;--priority-p3-text:#3b82f6;--priority-p4-bg:#9ca3af26;--priority-p4-text:#9ca3af;--overlay-bg:#0000004d;--overlay-blur:8px;--color-interaction-purple-bg:#7c3aed26;--color-interaction-purple-text:#c4b5fd;--color-interaction-orange-bg:#c2410c26;--color-interaction-orange-text:#fdba74;--color-interaction-indigo-bg:#4338ca26;--color-interaction-indigo-text:#a5b4fc;--color-badge-purple:#c084fc;--color-badge-blue:#60a5fa;--color-badge-green:#4ade80;--color-badge-purple-bg:#c084fc26;--color-badge-blue-bg:#60a5fa26;--color-badge-green-bg:#4ade8026;--color-gradient-start:#6366f126;--color-gradient-end:#f43f5e26}[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-raised: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-raised-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;--color-tab-emerald:#6ee7b7;--color-tab-emerald-active:#10b981;--color-tab-emerald-dark:#6ee7b7;--color-tab-emerald-border:#10b981;--color-tab-purple:#d8b4fe;--color-tab-purple-active:#a855f7;--color-tab-purple-dark:#d8b4fe;--color-tab-purple-border:#a855f7;--color-tab-amber:#daa520;--color-tab-amber-active:#b8860b;--color-tab-amber-dark:#daa520;--color-tab-amber-border:#b8860b;--color-tab-cyan:#67e8f9;--color-tab-cyan-active:#06b6d4;--color-tab-cyan-dark:#67e8f9;--color-tab-cyan-border:#06b6d4;--color-tab-orange:#fdba74;--color-tab-orange-active:#f97316;--color-tab-orange-dark:#fdba74;--color-tab-orange-border:#f97316;--color-tab-pink:#f9a8d4;--color-tab-pink-active:#ec4899;--color-tab-pink-dark:#f9a8d4;--color-tab-pink-border:#ec4899;--color-tab-sky:#7dd3fc;--color-tab-sky-active:#0ea5e9;--color-tab-sky-dark:#7dd3fc;--color-tab-sky-border:#0ea5e9;--color-tab-indigo:#a5b4fc;--color-tab-indigo-active:#6366f1;--color-tab-indigo-dark:#a5b4fc;--color-tab-indigo-border:#6366f1;--color-tab-red-dark:#fca5a5;--color-tab-blue-dark:#93c5fd;--accent-teal-50:#14b8a61a;--accent-teal-100:#14b8a626;--accent-teal-500:#2dd4bf;--accent-teal-600:#14b8a6;--accent-teal-700:#5eead4;--priority-p1-bg:#ef444426;--priority-p1-text:#ef4444;--priority-p2-bg:#f59e0b26;--priority-p2-text:#f59e0b;--priority-p3-bg:#3b82f626;--priority-p3-text:#3b82f6;--priority-p4-bg:#9ca3af26;--priority-p4-text:#9ca3af;--overlay-bg:#0000004d;--overlay-blur:8px;--color-interaction-purple-bg:#7c3aed26;--color-interaction-purple-text:#c4b5fd;--color-interaction-orange-bg:#c2410c26;--color-interaction-orange-text:#fdba74;--color-interaction-indigo-bg:#4338ca26;--color-interaction-indigo-text:#a5b4fc;--color-badge-purple:#c084fc;--color-badge-blue:#60a5fa;--color-badge-green:#4ade80;--color-badge-purple-bg:#c084fc26;--color-badge-blue-bg:#60a5fa26;--color-badge-green-bg:#4ade8026;--color-gradient-start:#6366f126;--color-gradient-end:#f43f5e26}[data-theme=ocean]{--color-ocean-deep:#0c4a6e;--color-ocean-mid:#0369a1;--color-ocean-surface:#0ea5e9;--color-ocean-foam:#e0f2fe;--color-ocean-sand:#f0f9ff;--color-ocean-text:#082f49;--color-ocean-text-secondary:#164e63;--surface-base:var(--color-ocean-sand);--surface-primary:#fff;--surface-secondary:var(--color-ocean-foam);--surface-tertiary:var(--color-ocean-foam);--surface-overlay:#fff;--surface-elevated:#fff;--surface-hover:var(--color-ocean-foam);--surface-active:#bae6fd;--surface-disabled:var(--color-ocean-foam);--item-hover-bg:#0ea5e91a;--text-primary:var(--color-ocean-text);--text-secondary:var(--color-ocean-text-secondary);--text-tertiary:#0369a1;--text-disabled:#7dd3fc;--text-inverse:#fff;--text-link:var(--color-ocean-mid);--text-link-hover:var(--color-ocean-deep);--border-default:#bae6fd;--border-strong:#7dd3fc;--border-subtle:#e0f2fe;--border-focus:var(--color-ocean-mid);--border-error:var(--color-red-500);--action-primary:var(--color-ocean-mid);--action-primary-hover:var(--color-ocean-deep);--action-primary-active:#075985;--action-secondary:#e0f2fe;--action-secondary-hover:#bae6fd;--action-secondary-active:#7dd3fc;--state-success:var(--color-green-600);--state-success-bg:var(--color-green-50);--state-success-border:var(--color-green-200);--state-warning:var(--color-yellow-600);--state-warning-bg:var(--color-yellow-50);--state-warning-border:var(--color-yellow-200);--state-error:var(--color-red-600);--state-error-bg:var(--color-red-50);--state-error-border:var(--color-red-200);--state-info:var(--color-ocean-mid);--state-info-bg:var(--color-ocean-foam);--state-info-border:#7dd3fc;--state-success-rgb:22 163 74;--state-warning-rgb:202 138 4;--state-error-rgb:220 38 38;--shadow-sm:0 1px 2px 0 #0c4a6e0d;--shadow-md:0 4px 6px -1px #0c4a6e1a,0 2px 4px -2px #0c4a6e1a;--shadow-lg:0 10px 15px -3px #0c4a6e1a,0 4px 6px -4px #0c4a6e1a;--shadow-xl:0 20px 25px -5px #0c4a6e1a,0 8px 10px -6px #0c4a6e1a;--shadow-2xl:0 25px 50px -12px #0c4a6e40;--color-tab-emerald:#10b981;--color-tab-emerald-active:#047857;--color-tab-emerald-dark:#6ee7b7;--color-tab-emerald-border:#10b981;--color-tab-purple:#a855f7;--color-tab-purple-active:#7e22ce;--color-tab-purple-dark:#d8b4fe;--color-tab-purple-border:#a855f7;--color-tab-amber:#b8860b;--color-tab-amber-active:#8b6508;--color-tab-amber-dark:#daa520;--color-tab-amber-border:#b8860b;--color-tab-cyan:#06b6d4;--color-tab-cyan-active:#0e7490;--color-tab-cyan-dark:#67e8f9;--color-tab-cyan-border:#06b6d4;--color-tab-orange:#f97316;--color-tab-orange-active:#c2410c;--color-tab-orange-dark:#fdba74;--color-tab-orange-border:#f97316;--color-tab-pink:#ec4899;--color-tab-pink-active:#be185d;--color-tab-pink-dark:#f9a8d4;--color-tab-pink-border:#ec4899;--color-tab-sky:#0ea5e9;--color-tab-sky-active:#0369a1;--color-tab-sky-dark:#7dd3fc;--color-tab-sky-border:#0ea5e9;--color-tab-indigo:#6366f1;--color-tab-indigo-active:#4338ca;--color-tab-indigo-dark:#a5b4fc;--color-tab-indigo-border:#6366f1;--color-tab-red-dark:#fca5a5;--color-tab-blue-dark:#93c5fd;--accent-teal-50:#f0fdfa;--accent-teal-100:#ccfbf1;--accent-teal-500:#14b8a6;--accent-teal-600:#0d9488;--accent-teal-700:#0f766e;--priority-p1-bg:#fee2e2;--priority-p1-text:#dc2626;--priority-p2-bg:#fef3c7;--priority-p2-text:#d97706;--priority-p3-bg:#dbeafe;--priority-p3-text:#2563eb;--priority-p4-bg:#f3f4f6;--priority-p4-text:#6b7280;--overlay-bg:#0000004d;--overlay-blur:8px;--color-interaction-purple-bg:#f3e8ff;--color-interaction-purple-text:#7c3aed;--color-interaction-orange-bg:#fff7ed;--color-interaction-orange-text:#c2410c;--color-interaction-indigo-bg:#eef2ff;--color-interaction-indigo-text:#4338ca;--color-badge-purple:#a855f7;--color-badge-blue:#3b82f6;--color-badge-green:#22c55e;--color-badge-purple-bg:#a855f726;--color-badge-blue-bg:#3b82f626;--color-badge-green-bg:#22c55e26;--type-work:#1e40af;--type-work-bg:#bfdbfe;--type-work-border:#93c5fd;--color-gradient-start:#e0e7ff;--color-gradient-end:#fce7e7}[data-theme=forest]{--color-forest-deep:#14532d;--color-forest-mid:#166534;--color-forest-canopy:#22c55e;--color-forest-moss:#dcfce7;--color-forest-clearing:#f0fdf4;--color-forest-bark:#1c1917;--color-forest-bark-light:#292524;--surface-base:var(--color-forest-clearing);--surface-primary:#fff;--surface-secondary:var(--color-forest-moss);--surface-tertiary:var(--color-forest-moss);--surface-overlay:#fff;--surface-elevated:#fff;--surface-hover:var(--color-forest-moss);--surface-active:#bbf7d0;--surface-disabled:var(--color-forest-moss);--item-hover-bg:#22c55e1a;--text-primary:var(--color-forest-bark);--text-secondary:var(--color-forest-bark-light);--text-tertiary:#166534;--text-disabled:#86efac;--text-inverse:#fff;--text-link:var(--color-forest-mid);--text-link-hover:var(--color-forest-deep);--border-default:#bbf7d0;--border-strong:#86efac;--border-subtle:#dcfce7;--border-focus:var(--color-forest-mid);--border-error:var(--color-red-500);--action-primary:var(--color-forest-mid);--action-primary-hover:var(--color-forest-deep);--action-primary-active:#15803d;--action-secondary:#dcfce7;--action-secondary-hover:#bbf7d0;--action-secondary-active:#86efac;--state-success:var(--color-forest-mid);--state-success-bg:var(--color-forest-moss);--state-success-border:#86efac;--state-warning:var(--color-yellow-600);--state-warning-bg:var(--color-yellow-50);--state-warning-border:var(--color-yellow-200);--state-error:var(--color-red-600);--state-error-bg:var(--color-red-50);--state-error-border:var(--color-red-200);--state-info:var(--color-blue-600);--state-info-bg:var(--color-blue-50);--state-info-border:var(--color-blue-200);--state-success-rgb:22 101 52;--state-warning-rgb:202 138 4;--state-error-rgb:220 38 38;--shadow-sm:0 1px 2px 0 #14532d0d;--shadow-md:0 4px 6px -1px #14532d1a,0 2px 4px -2px #14532d1a;--shadow-lg:0 10px 15px -3px #14532d1a,0 4px 6px -4px #14532d1a;--shadow-xl:0 20px 25px -5px #14532d1a,0 8px 10px -6px #14532d1a;--shadow-2xl:0 25px 50px -12px #14532d40;--color-tab-emerald:#10b981;--color-tab-emerald-active:#047857;--color-tab-emerald-dark:#6ee7b7;--color-tab-emerald-border:#10b981;--color-tab-purple:#a855f7;--color-tab-purple-active:#7e22ce;--color-tab-purple-dark:#d8b4fe;--color-tab-purple-border:#a855f7;--color-tab-amber:#b8860b;--color-tab-amber-active:#8b6508;--color-tab-amber-dark:#daa520;--color-tab-amber-border:#b8860b;--color-tab-cyan:#06b6d4;--color-tab-cyan-active:#0e7490;--color-tab-cyan-dark:#67e8f9;--color-tab-cyan-border:#06b6d4;--color-tab-orange:#f97316;--color-tab-orange-active:#c2410c;--color-tab-orange-dark:#fdba74;--color-tab-orange-border:#f97316;--color-tab-pink:#ec4899;--color-tab-pink-active:#be185d;--color-tab-pink-dark:#f9a8d4;--color-tab-pink-border:#ec4899;--color-tab-sky:#0ea5e9;--color-tab-sky-active:#0369a1;--color-tab-sky-dark:#7dd3fc;--color-tab-sky-border:#0ea5e9;--color-tab-indigo:#6366f1;--color-tab-indigo-active:#4338ca;--color-tab-indigo-dark:#a5b4fc;--color-tab-indigo-border:#6366f1;--color-tab-red-dark:#fca5a5;--color-tab-blue-dark:#93c5fd;--accent-teal-50:#f0fdfa;--accent-teal-100:#ccfbf1;--accent-teal-500:#14b8a6;--accent-teal-600:#0d9488;--accent-teal-700:#0f766e;--priority-p1-bg:#fee2e2;--priority-p1-text:#dc2626;--priority-p2-bg:#fef3c7;--priority-p2-text:#d97706;--priority-p3-bg:#dbeafe;--priority-p3-text:#2563eb;--priority-p4-bg:#f3f4f6;--priority-p4-text:#6b7280;--overlay-bg:#0000004d;--overlay-blur:8px;--color-interaction-purple-bg:#f3e8ff;--color-interaction-purple-text:#7c3aed;--color-interaction-orange-bg:#fff7ed;--color-interaction-orange-text:#c2410c;--color-interaction-indigo-bg:#eef2ff;--color-interaction-indigo-text:#4338ca;--color-badge-purple:#a855f7;--color-badge-blue:#3b82f6;--color-badge-green:#22c55e;--color-badge-purple-bg:#a855f726;--color-badge-blue-bg:#3b82f626;--color-badge-green-bg:#22c55e26;--color-gradient-start:#e0e7ff;--color-gradient-end:#fce7e7}[data-theme=sunset]{--color-sunset-deep:#7c2d12;--color-sunset-mid:#c2410c;--color-sunset-glow:#fb923c;--color-sunset-sky:#fef3c7;--color-sunset-horizon:#fffbeb;--color-sunset-night:#1c1917;--color-sunset-dusk:#44403c;--surface-base:var(--color-sunset-horizon);--surface-primary:#fff;--surface-secondary:var(--color-sunset-sky);--surface-tertiary:var(--color-sunset-sky);--surface-overlay:#fff;--surface-elevated:#fff;--surface-hover:var(--color-sunset-sky);--surface-active:#fde68a;--surface-disabled:var(--color-sunset-sky);--item-hover-bg:#fb923c1a;--text-primary:var(--color-sunset-night);--text-secondary:var(--color-sunset-dusk);--text-tertiary:#c2410c;--text-disabled:#fdba74;--text-inverse:#fff;--text-link:var(--color-sunset-mid);--text-link-hover:var(--color-sunset-deep);--border-default:#fde68a;--border-strong:#fcd34d;--border-subtle:#fef3c7;--border-focus:var(--color-sunset-mid);--border-error:var(--color-red-500);--action-primary:var(--color-sunset-mid);--action-primary-hover:var(--color-sunset-deep);--action-primary-active:#9a3412;--action-secondary:#fef3c7;--action-secondary-hover:#fde68a;--action-secondary-active:#fcd34d;--state-success:var(--color-green-600);--state-success-bg:var(--color-green-50);--state-success-border:var(--color-green-200);--state-warning:var(--color-sunset-mid);--state-warning-bg:var(--color-sunset-sky);--state-warning-border:#fcd34d;--state-error:var(--color-red-600);--state-error-bg:var(--color-red-50);--state-error-border:var(--color-red-200);--state-info:var(--color-blue-600);--state-info-bg:var(--color-blue-50);--state-info-border:var(--color-blue-200);--state-success-rgb:22 163 74;--state-warning-rgb:194 65 12;--state-error-rgb:220 38 38;--shadow-sm:0 1px 2px 0 #7c2d120d;--shadow-md:0 4px 6px -1px #7c2d121a,0 2px 4px -2px #7c2d121a;--shadow-lg:0 10px 15px -3px #7c2d121a,0 4px 6px -4px #7c2d121a;--shadow-xl:0 20px 25px -5px #7c2d121a,0 8px 10px -6px #7c2d121a;--shadow-2xl:0 25px 50px -12px #7c2d1240;--color-tab-emerald:#10b981;--color-tab-emerald-active:#047857;--color-tab-emerald-dark:#6ee7b7;--color-tab-emerald-border:#10b981;--color-tab-purple:#a855f7;--color-tab-purple-active:#7e22ce;--color-tab-purple-dark:#d8b4fe;--color-tab-purple-border:#a855f7;--color-tab-amber:#b8860b;--color-tab-amber-active:#8b6508;--color-tab-amber-dark:#daa520;--color-tab-amber-border:#b8860b;--color-tab-cyan:#06b6d4;--color-tab-cyan-active:#0e7490;--color-tab-cyan-dark:#67e8f9;--color-tab-cyan-border:#06b6d4;--color-tab-orange:#f97316;--color-tab-orange-active:#c2410c;--color-tab-orange-dark:#fdba74;--color-tab-orange-border:#f97316;--color-tab-pink:#ec4899;--color-tab-pink-active:#be185d;--color-tab-pink-dark:#f9a8d4;--color-tab-pink-border:#ec4899;--color-tab-sky:#0ea5e9;--color-tab-sky-active:#0369a1;--color-tab-sky-dark:#7dd3fc;--color-tab-sky-border:#0ea5e9;--color-tab-indigo:#6366f1;--color-tab-indigo-active:#4338ca;--color-tab-indigo-dark:#a5b4fc;--color-tab-indigo-border:#6366f1;--color-tab-red-dark:#fca5a5;--color-tab-blue-dark:#93c5fd;--accent-teal-50:#f0fdfa;--accent-teal-100:#ccfbf1;--accent-teal-500:#14b8a6;--accent-teal-600:#0d9488;--accent-teal-700:#0f766e;--priority-p1-bg:#fee2e2;--priority-p1-text:#dc2626;--priority-p2-bg:#fef3c7;--priority-p2-text:#d97706;--priority-p3-bg:#dbeafe;--priority-p3-text:#2563eb;--priority-p4-bg:#f3f4f6;--priority-p4-text:#6b7280;--overlay-bg:#0000004d;--overlay-blur:8px;--color-interaction-purple-bg:#f3e8ff;--color-interaction-purple-text:#7c3aed;--color-interaction-orange-bg:#fff7ed;--color-interaction-orange-text:#c2410c;--color-interaction-indigo-bg:#eef2ff;--color-interaction-indigo-text:#4338ca;--color-badge-purple:#a855f7;--color-badge-blue:#3b82f6;--color-badge-green:#22c55e;--color-badge-purple-bg:#a855f726;--color-badge-blue-bg:#3b82f626;--color-badge-green-bg:#22c55e26;--color-gradient-start:#e0e7ff;--color-gradient-end:#fce7e7}[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-950);--text-secondary:var(--color-gray-800);--text-tertiary:var(--color-gray-700);--text-disabled:var(--color-gray-500);--text-inverse:var(--color-white);--text-link:var(--color-blue-600);--text-link-hover:var(--color-blue-700);--border-default:var(--color-gray-500);--border-strong:var(--color-gray-600);--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-950-rgb);--text-secondary-rgb:var(--color-gray-800-rgb);--text-tertiary-rgb:var(--color-gray-700-rgb);--text-disabled-rgb:var(--color-gray-500-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-500-rgb);--border-strong-rgb:var(--color-gray-600-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 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 8px -1px #00000026,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;--color-tab-emerald:#10b981;--color-tab-emerald-active:#047857;--color-tab-emerald-dark:#6ee7b7;--color-tab-emerald-border:#10b981;--color-tab-purple:#a855f7;--color-tab-purple-active:#7e22ce;--color-tab-purple-dark:#d8b4fe;--color-tab-purple-border:#a855f7;--color-tab-amber:#b8860b;--color-tab-amber-active:#8b6508;--color-tab-amber-dark:#daa520;--color-tab-amber-border:#b8860b;--color-tab-cyan:#06b6d4;--color-tab-cyan-active:#0e7490;--color-tab-cyan-dark:#67e8f9;--color-tab-cyan-border:#06b6d4;--color-tab-orange:#f97316;--color-tab-orange-active:#c2410c;--color-tab-orange-dark:#fdba74;--color-tab-orange-border:#f97316;--color-tab-pink:#ec4899;--color-tab-pink-active:#be185d;--color-tab-pink-dark:#f9a8d4;--color-tab-pink-border:#ec4899;--color-tab-sky:#0ea5e9;--color-tab-sky-active:#0369a1;--color-tab-sky-dark:#7dd3fc;--color-tab-sky-border:#0ea5e9;--color-tab-indigo:#6366f1;--color-tab-indigo-active:#4338ca;--color-tab-indigo-dark:#a5b4fc;--color-tab-indigo-border:#6366f1;--color-tab-red-dark:#fca5a5;--color-tab-blue-dark:#93c5fd;--accent-teal-50:#f0fdfa;--accent-teal-100:#ccfbf1;--accent-teal-500:#14b8a6;--accent-teal-600:#0d9488;--accent-teal-700:#0f766e;--priority-p1-bg:#fee2e2;--priority-p1-text:#dc2626;--priority-p2-bg:#fef3c7;--priority-p2-text:#d97706;--priority-p3-bg:#dbeafe;--priority-p3-text:#2563eb;--priority-p4-bg:#f3f4f6;--priority-p4-text:#6b7280;--overlay-bg:#0000004d;--overlay-blur:8px;--color-interaction-purple-bg:#f3e8ff;--color-interaction-purple-text:#7c3aed;--color-interaction-orange-bg:#fff7ed;--color-interaction-orange-text:#c2410c;--color-interaction-indigo-bg:#eef2ff;--color-interaction-indigo-text:#4338ca;--color-badge-purple:#a855f7;--color-badge-blue:#3b82f6;--color-badge-green:#22c55e;--color-badge-purple-bg:#a855f726;--color-badge-blue-bg:#3b82f626;--color-badge-green-bg:#22c55e26;--color-gradient-start:#e0e7ff;--color-gradient-end:#fce7e7}[data-theme=solarized-dark]{--color-sol-base03:#002b36;--color-sol-base02:#073642;--color-sol-base01:#586e75;--color-sol-base00:#657b83;--color-sol-base0:#839496;--color-sol-base1:#93a1a1;--color-sol-yellow:#b58900;--color-sol-orange:#cb4b16;--color-sol-red:#dc322f;--color-sol-magenta:#d33682;--color-sol-violet:#6c71c4;--color-sol-blue:#268bd2;--color-sol-cyan:#2aa198;--color-sol-green:#859900;--surface-base:var(--color-sol-base03);--surface-primary:var(--color-sol-base02);--surface-secondary:var(--color-sol-base03);--surface-tertiary:var(--color-sol-base02);--surface-overlay:var(--color-sol-base02);--surface-elevated:var(--color-sol-base02);--surface-hover:#0a4355;--surface-active:var(--color-sol-base02);--surface-disabled:var(--color-sol-base03);--item-hover-bg:#268bd226;--text-primary:var(--color-sol-base0);--text-secondary:var(--color-sol-base01);--text-tertiary:var(--color-sol-base00);--text-disabled:#4a5d66;--text-inverse:var(--color-sol-base03);--text-link:var(--color-sol-blue);--text-link-hover:var(--color-sol-cyan);--border-default:#1a4a5e;--border-strong:#2a6a7e;--border-subtle:var(--color-sol-base02);--border-focus:var(--color-sol-blue);--border-error:var(--color-sol-red);--action-primary:var(--color-sol-blue);--action-primary-hover:var(--color-sol-cyan);--action-primary-active:#1a6fa0;--action-secondary:var(--color-sol-base02);--action-secondary-hover:#0a4355;--action-secondary-active:#0d5a6f;--state-success:var(--color-sol-green);--state-success-bg:#0a2a1a;--state-success-border:#3a5a2a;--state-warning:var(--color-sol-yellow);--state-warning-bg:#2a2a0a;--state-warning-border:#5a5a2a;--state-error:var(--color-sol-red);--state-error-bg:#2a0a0a;--state-error-border:#5a2a2a;--state-info:var(--color-sol-blue);--state-info-bg:#0a1a2a;--state-info-border:#2a4a6a;--state-success-rgb:133 153 0;--state-warning-rgb:181 137 0;--state-error-rgb:220 50 47;--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;--color-tab-emerald:#6ee7b7;--color-tab-emerald-active:#10b981;--color-tab-emerald-dark:#6ee7b7;--color-tab-emerald-border:#10b981;--color-tab-purple:#d8b4fe;--color-tab-purple-active:#a855f7;--color-tab-purple-dark:#d8b4fe;--color-tab-purple-border:#a855f7;--color-tab-amber:#daa520;--color-tab-amber-active:#b8860b;--color-tab-amber-dark:#daa520;--color-tab-amber-border:#b8860b;--color-tab-cyan:#67e8f9;--color-tab-cyan-active:#06b6d4;--color-tab-cyan-dark:#67e8f9;--color-tab-cyan-border:#06b6d4;--color-tab-orange:#fdba74;--color-tab-orange-active:#f97316;--color-tab-orange-dark:#fdba74;--color-tab-orange-border:#f97316;--color-tab-pink:#f9a8d4;--color-tab-pink-active:#ec4899;--color-tab-pink-dark:#f9a8d4;--color-tab-pink-border:#ec4899;--color-tab-sky:#7dd3fc;--color-tab-sky-active:#0ea5e9;--color-tab-sky-dark:#7dd3fc;--color-tab-sky-border:#0ea5e9;--color-tab-indigo:#a5b4fc;--color-tab-indigo-active:#6366f1;--color-tab-indigo-dark:#a5b4fc;--color-tab-indigo-border:#6366f1;--color-tab-red-dark:#fca5a5;--color-tab-blue-dark:#93c5fd;--accent-teal-50:#14b8a61a;--accent-teal-100:#14b8a626;--accent-teal-500:#2dd4bf;--accent-teal-600:#14b8a6;--accent-teal-700:#5eead4;--priority-p1-bg:#ef444426;--priority-p1-text:#ef4444;--priority-p2-bg:#f59e0b26;--priority-p2-text:#f59e0b;--priority-p3-bg:#3b82f626;--priority-p3-text:#3b82f6;--priority-p4-bg:#9ca3af26;--priority-p4-text:#9ca3af;--overlay-bg:#0000004d;--overlay-blur:8px;--color-interaction-purple-bg:#7c3aed26;--color-interaction-purple-text:#c4b5fd;--color-interaction-orange-bg:#c2410c26;--color-interaction-orange-text:#fdba74;--color-interaction-indigo-bg:#4338ca26;--color-interaction-indigo-text:#a5b4fc;--color-badge-purple:#c084fc;--color-badge-blue:#60a5fa;--color-badge-green:#4ade80;--color-badge-purple-bg:#c084fc26;--color-badge-blue-bg:#60a5fa26;--color-badge-green-bg:#4ade8026;--color-gradient-start:#6366f126;--color-gradient-end:#f43f5e26}[data-theme=solarized-light]{--color-sol-base2:#eee8d5;--color-sol-base3:#fdf6e3;--color-sol-base00:#657b83;--color-sol-base01:#586e75;--color-sol-base0:#839496;--color-sol-yellow:#b58900;--color-sol-orange:#cb4b16;--color-sol-red:#dc322f;--color-sol-magenta:#d33682;--color-sol-violet:#6c71c4;--color-sol-blue:#268bd2;--color-sol-cyan:#2aa198;--color-sol-green:#859900;--surface-base:var(--color-sol-base3);--surface-primary:#fff;--surface-secondary:var(--color-sol-base2);--surface-tertiary:var(--color-sol-base2);--surface-overlay:#fff;--surface-elevated:#fff;--surface-hover:var(--color-sol-base2);--surface-active:#ddd6c3;--surface-disabled:var(--color-sol-base2);--item-hover-bg:#268bd21a;--text-primary:#2c3e42;--text-secondary:#3d5157;--text-tertiary:var(--color-sol-base00);--text-disabled:#a8b5bd;--text-inverse:var(--color-sol-base3);--text-link:var(--color-sol-blue);--text-link-hover:#1a6fa0;--border-default:#d0c8b0;--border-strong:#b8b0a0;--border-subtle:var(--color-sol-base2);--border-focus:var(--color-sol-blue);--border-error:var(--color-sol-red);--action-primary:var(--color-sol-blue);--action-primary-hover:#1a6fa0;--action-primary-active:#155a85;--action-secondary:var(--color-sol-base2);--action-secondary-hover:#ddd6c3;--action-secondary-active:#ccc5b0;--state-success:#5a7a00;--state-success-bg:#f0f5e0;--state-success-border:#a8c060;--state-warning:#9a7500;--state-warning-bg:#fef8e0;--state-warning-border:#d4b050;--state-error:#c02020;--state-error-bg:#fef0f0;--state-error-border:#e08080;--state-info:var(--color-sol-blue);--state-info-bg:#e8f4fc;--state-info-border:#90c0e0;--state-success-rgb:90 122 0;--state-warning-rgb:154 117 0;--state-error-rgb:192 32 32;--shadow-sm:0 1px 2px 0 #002b360d;--shadow-md:0 4px 6px -1px #002b361a,0 2px 4px -2px #002b361a;--shadow-lg:0 10px 15px -3px #002b361a,0 4px 6px -4px #002b361a;--shadow-xl:0 20px 25px -5px #002b361a,0 8px 10px -6px #002b361a;--shadow-2xl:0 25px 50px -12px #002b3640;--color-tab-emerald:#10b981;--color-tab-emerald-active:#047857;--color-tab-emerald-dark:#6ee7b7;--color-tab-emerald-border:#10b981;--color-tab-purple:#a855f7;--color-tab-purple-active:#7e22ce;--color-tab-purple-dark:#d8b4fe;--color-tab-purple-border:#a855f7;--color-tab-amber:#b8860b;--color-tab-amber-active:#8b6508;--color-tab-amber-dark:#daa520;--color-tab-amber-border:#b8860b;--color-tab-cyan:#06b6d4;--color-tab-cyan-active:#0e7490;--color-tab-cyan-dark:#67e8f9;--color-tab-cyan-border:#06b6d4;--color-tab-orange:#f97316;--color-tab-orange-active:#c2410c;--color-tab-orange-dark:#fdba74;--color-tab-orange-border:#f97316;--color-tab-pink:#ec4899;--color-tab-pink-active:#be185d;--color-tab-pink-dark:#f9a8d4;--color-tab-pink-border:#ec4899;--color-tab-sky:#0ea5e9;--color-tab-sky-active:#0369a1;--color-tab-sky-dark:#7dd3fc;--color-tab-sky-border:#0ea5e9;--color-tab-indigo:#6366f1;--color-tab-indigo-active:#4338ca;--color-tab-indigo-dark:#a5b4fc;--color-tab-indigo-border:#6366f1;--color-tab-red-dark:#fca5a5;--color-tab-blue-dark:#93c5fd;--accent-teal-50:#f0fdfa;--accent-teal-100:#ccfbf1;--accent-teal-500:#14b8a6;--accent-teal-600:#0d9488;--accent-teal-700:#0f766e;--priority-p1-bg:#fee2e2;--priority-p1-text:#dc2626;--priority-p2-bg:#fef3c7;--priority-p2-text:#d97706;--priority-p3-bg:#dbeafe;--priority-p3-text:#2563eb;--priority-p4-bg:#f3f4f6;--priority-p4-text:#6b7280;--overlay-bg:#0000004d;--overlay-blur:8px;--color-interaction-purple-bg:#f3e8ff;--color-interaction-purple-text:#7c3aed;--color-interaction-orange-bg:#fff7ed;--color-interaction-orange-text:#c2410c;--color-interaction-indigo-bg:#eef2ff;--color-interaction-indigo-text:#4338ca;--color-badge-purple:#a855f7;--color-badge-blue:#3b82f6;--color-badge-green:#22c55e;--color-badge-purple-bg:#a855f726;--color-badge-blue-bg:#3b82f626;--color-badge-green-bg:#22c55e26;--color-gradient-start:#e0e7ff;--color-gradient-end:#fce7e7}[data-theme=dracula]{--color-drac-bg:#282a36;--color-drac-current:#44475a;--color-drac-fg:#f8f8f2;--color-drac-comment:#6272a4;--color-drac-cyan:#8be9fd;--color-drac-green:#50fa7b;--color-drac-orange:#ffb86c;--color-drac-pink:#ff79c6;--color-drac-purple:#bd93f9;--color-drac-red:#f55;--color-drac-yellow:#f1fa8c;--surface-base:var(--color-drac-bg);--surface-primary:var(--color-drac-current);--surface-secondary:var(--color-drac-bg);--surface-tertiary:var(--color-drac-current);--surface-overlay:var(--color-drac-current);--surface-elevated:var(--color-drac-current);--surface-hover:#353847;--surface-active:var(--color-drac-current);--surface-disabled:var(--color-drac-bg);--item-hover-bg:#bd93f926;--text-primary:var(--color-drac-fg);--text-secondary:#ccc8c2;--text-tertiary:var(--color-drac-comment);--text-disabled:#555766;--text-inverse:var(--color-drac-bg);--text-link:var(--color-drac-pink);--text-link-hover:var(--color-drac-cyan);--border-default:#5a5d6e;--border-strong:#6e7185;--border-subtle:var(--color-drac-current);--border-focus:var(--color-drac-purple);--border-error:var(--color-drac-red);--action-primary:var(--color-drac-purple);--action-primary-hover:var(--color-drac-pink);--action-primary-active:#9a7ad6;--action-secondary:var(--color-drac-current);--action-secondary-hover:#353847;--action-secondary-active:#505368;--state-success:var(--color-drac-green);--state-success-bg:#1a2a1a;--state-success-border:#3a5a3a;--state-warning:var(--color-drac-orange);--state-warning-bg:#2a2a1a;--state-warning-border:#5a4a2a;--state-error:var(--color-drac-red);--state-error-bg:#2a1a1a;--state-error-border:#5a2a2a;--state-info:var(--color-drac-cyan);--state-info-bg:#1a2a2a;--state-info-border:#3a5a6a;--state-success-rgb:80 250 123;--state-warning-rgb:255 184 108;--state-error-rgb:255 85 85;--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;--color-tab-emerald:#6ee7b7;--color-tab-emerald-active:#10b981;--color-tab-emerald-dark:#6ee7b7;--color-tab-emerald-border:#10b981;--color-tab-purple:#d8b4fe;--color-tab-purple-active:#a855f7;--color-tab-purple-dark:#d8b4fe;--color-tab-purple-border:#a855f7;--color-tab-amber:#daa520;--color-tab-amber-active:#b8860b;--color-tab-amber-dark:#daa520;--color-tab-amber-border:#b8860b;--color-tab-cyan:#67e8f9;--color-tab-cyan-active:#06b6d4;--color-tab-cyan-dark:#67e8f9;--color-tab-cyan-border:#06b6d4;--color-tab-orange:#fdba74;--color-tab-orange-active:#f97316;--color-tab-orange-dark:#fdba74;--color-tab-orange-border:#f97316;--color-tab-pink:#f9a8d4;--color-tab-pink-active:#ec4899;--color-tab-pink-dark:#f9a8d4;--color-tab-pink-border:#ec4899;--color-tab-sky:#7dd3fc;--color-tab-sky-active:#0ea5e9;--color-tab-sky-dark:#7dd3fc;--color-tab-sky-border:#0ea5e9;--color-tab-indigo:#a5b4fc;--color-tab-indigo-active:#6366f1;--color-tab-indigo-dark:#a5b4fc;--color-tab-indigo-border:#6366f1;--color-tab-red-dark:#fca5a5;--color-tab-blue-dark:#93c5fd;--accent-teal-50:#14b8a61a;--accent-teal-100:#14b8a626;--accent-teal-500:#2dd4bf;--accent-teal-600:#14b8a6;--accent-teal-700:#5eead4;--priority-p1-bg:#ef444426;--priority-p1-text:#ef4444;--priority-p2-bg:#f59e0b26;--priority-p2-text:#f59e0b;--priority-p3-bg:#3b82f626;--priority-p3-text:#3b82f6;--priority-p4-bg:#9ca3af26;--priority-p4-text:#9ca3af;--overlay-bg:#0000004d;--overlay-blur:8px;--color-interaction-purple-bg:#7c3aed26;--color-interaction-purple-text:#c4b5fd;--color-interaction-orange-bg:#c2410c26;--color-interaction-orange-text:#fdba74;--color-interaction-indigo-bg:#4338ca26;--color-interaction-indigo-text:#a5b4fc;--color-badge-purple:#c084fc;--color-badge-blue:#60a5fa;--color-badge-green:#4ade80;--color-badge-purple-bg:#c084fc26;--color-badge-blue-bg:#60a5fa26;--color-badge-green-bg:#4ade8026;--color-gradient-start:#6366f126;--color-gradient-end:#f43f5e26}[data-theme=dracula-light]{--color-aluc-bg:#fffbeb;--color-aluc-current:#cfcfde;--color-aluc-fg:#1f1f1f;--color-aluc-comment:#6c664b;--color-aluc-cyan:#036a96;--color-aluc-green:#14710a;--color-aluc-orange:#a34d14;--color-aluc-pink:#a3144d;--color-aluc-purple:#644ac9;--color-aluc-red:#cb3a2a;--color-aluc-yellow:#846e15;--surface-base:var(--color-aluc-bg);--surface-primary:#fff;--surface-secondary:#f5f0e0;--surface-tertiary:var(--color-aluc-current);--surface-overlay:#fff;--surface-elevated:#fff;--surface-hover:#f5f0e0;--surface-active:var(--color-aluc-current);--surface-disabled:#f5f0e0;--item-hover-bg:#644ac91a;--text-primary:var(--color-aluc-fg);--text-secondary:#3f3f3f;--text-tertiary:var(--color-aluc-comment);--text-disabled:#a0a0a0;--text-inverse:var(--color-aluc-bg);--text-link:var(--color-aluc-purple);--text-link-hover:var(--color-aluc-pink);--border-default:#c5c0b0;--border-strong:#a5a090;--border-subtle:#e5e0d5;--border-focus:var(--color-aluc-purple);--border-error:var(--color-aluc-red);--action-primary:var(--color-aluc-purple);--action-primary-hover:var(--color-aluc-pink);--action-primary-active:#5040a0;--action-secondary:#f5f0e0;--action-secondary-hover:#e5e0d0;--action-secondary-active:var(--color-aluc-current);--state-success:var(--color-aluc-green);--state-success-bg:#e8f5e0;--state-success-border:#a0d090;--state-warning:var(--color-aluc-orange);--state-warning-bg:#fef5e0;--state-warning-border:#d0a060;--state-error:var(--color-aluc-red);--state-error-bg:#fef0e8;--state-error-border:#e0a090;--state-info:var(--color-aluc-cyan);--state-info-bg:#e0f0f8;--state-info-border:#80b0d0;--state-success-rgb:20 113 10;--state-warning-rgb:163 77 20;--state-error-rgb:203 58 42;--shadow-sm:0 1px 2px 0 #1f1f1f0d;--shadow-md:0 4px 6px -1px #1f1f1f1a,0 2px 4px -2px #1f1f1f1a;--shadow-lg:0 10px 15px -3px #1f1f1f1a,0 4px 6px -4px #1f1f1f1a;--shadow-xl:0 20px 25px -5px #1f1f1f1a,0 8px 10px -6px #1f1f1f1a;--shadow-2xl:0 25px 50px -12px #1f1f1f40;--color-tab-emerald:#10b981;--color-tab-emerald-active:#047857;--color-tab-emerald-dark:#6ee7b7;--color-tab-emerald-border:#10b981;--color-tab-purple:#a855f7;--color-tab-purple-active:#7e22ce;--color-tab-purple-dark:#d8b4fe;--color-tab-purple-border:#a855f7;--color-tab-amber:#b8860b;--color-tab-amber-active:#8b6508;--color-tab-amber-dark:#daa520;--color-tab-amber-border:#b8860b;--color-tab-cyan:#06b6d4;--color-tab-cyan-active:#0e7490;--color-tab-cyan-dark:#67e8f9;--color-tab-cyan-border:#06b6d4;--color-tab-orange:#f97316;--color-tab-orange-active:#c2410c;--color-tab-orange-dark:#fdba74;--color-tab-orange-border:#f97316;--color-tab-pink:#ec4899;--color-tab-pink-active:#be185d;--color-tab-pink-dark:#f9a8d4;--color-tab-pink-border:#ec4899;--color-tab-sky:#0ea5e9;--color-tab-sky-active:#0369a1;--color-tab-sky-dark:#7dd3fc;--color-tab-sky-border:#0ea5e9;--color-tab-indigo:#6366f1;--color-tab-indigo-active:#4338ca;--color-tab-indigo-dark:#a5b4fc;--color-tab-indigo-border:#6366f1;--color-tab-red-dark:#fca5a5;--color-tab-blue-dark:#93c5fd;--accent-teal-50:#f0fdfa;--accent-teal-100:#ccfbf1;--accent-teal-500:#14b8a6;--accent-teal-600:#0d9488;--accent-teal-700:#0f766e;--priority-p1-bg:#fee2e2;--priority-p1-text:#dc2626;--priority-p2-bg:#fef3c7;--priority-p2-text:#d97706;--priority-p3-bg:#dbeafe;--priority-p3-text:#2563eb;--priority-p4-bg:#f3f4f6;--priority-p4-text:#6b7280;--overlay-bg:#0000004d;--overlay-blur:8px;--color-interaction-purple-bg:#f3e8ff;--color-interaction-purple-text:#7c3aed;--color-interaction-orange-bg:#fff7ed;--color-interaction-orange-text:#c2410c;--color-interaction-indigo-bg:#eef2ff;--color-interaction-indigo-text:#4338ca;--color-badge-purple:#a855f7;--color-badge-blue:#3b82f6;--color-badge-green:#22c55e;--color-badge-purple-bg:#a855f726;--color-badge-blue-bg:#3b82f626;--color-badge-green-bg:#22c55e26;--color-gradient-start:#e0e7ff;--color-gradient-end:#fce7e7}*{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}[data-theme=catppuccin-latte]{--color-ctp-base:#eff1f5;--color-ctp-mantle:#e6e9ef;--color-ctp-crust:#dce0e8;--color-ctp-text:#303247;--color-ctp-subtext1:#4c4f69;--color-ctp-subtext0:#6c6f85;--color-ctp-overlay2:#7c7f93;--color-ctp-overlay1:#8c8fa1;--color-ctp-overlay0:#9ca0b0;--color-ctp-surface2:#acb0be;--color-ctp-surface1:#bcc0cc;--color-ctp-surface0:#ccd0da;--color-ctp-rosewater:#dc8a78;--color-ctp-flamingo:#dd7878;--color-ctp-pink:#ea76cb;--color-ctp-mauve:#8839ef;--color-ctp-red:#d20f39;--color-ctp-maroon:#e64553;--color-ctp-peach:#fe640b;--color-ctp-yellow:#df8e1d;--color-ctp-green:#40a02b;--color-ctp-teal:#179299;--color-ctp-sky:#04a5e5;--color-ctp-sapphire:#209fb5;--color-ctp-blue:#1e66f5;--color-ctp-lavender:#7287fd;--surface-base:var(--color-ctp-base);--surface-primary:#fff;--surface-secondary:var(--color-ctp-mantle);--surface-tertiary:var(--color-ctp-crust);--surface-overlay:#fff;--surface-elevated:#fff;--surface-hover:var(--color-ctp-mantle);--surface-active:var(--color-ctp-crust);--surface-disabled:var(--color-ctp-mantle);--item-hover-bg:#1e66f51a;--text-primary:var(--color-ctp-text);--text-secondary:var(--color-ctp-subtext1);--text-tertiary:var(--color-ctp-subtext0);--text-disabled:var(--color-ctp-overlay0);--text-inverse:var(--color-ctp-base);--text-link:var(--color-ctp-blue);--text-link-hover:var(--color-ctp-sapphire);--border-default:var(--color-ctp-surface1);--border-strong:var(--color-ctp-surface2);--border-subtle:var(--color-ctp-surface0);--border-focus:var(--color-ctp-blue);--border-error:var(--color-ctp-red);--action-primary:var(--color-ctp-blue);--action-primary-hover:var(--color-ctp-sapphire);--action-primary-active:#1550c0;--action-secondary:var(--color-ctp-surface0);--action-secondary-hover:var(--color-ctp-surface1);--action-secondary-active:var(--color-ctp-surface2);--state-success:var(--color-ctp-green);--state-success-bg:#e8f5e5;--state-success-border:#90c080;--state-warning:var(--color-ctp-yellow);--state-warning-bg:#fef5e5;--state-warning-border:#d0a060;--state-error:var(--color-ctp-red);--state-error-bg:#fee5e5;--state-error-border:#e08080;--state-info:var(--color-ctp-blue);--state-info-bg:#e5f0fe;--state-info-border:#80a0e0;--state-success-rgb:64 160 43;--state-warning-rgb:223 142 29;--state-error-rgb:210 15 57;--shadow-sm:0 1px 2px 0 #4c4f690d;--shadow-md:0 4px 6px -1px #4c4f691a,0 2px 4px -2px #4c4f691a;--shadow-lg:0 10px 15px -3px #4c4f691a,0 4px 6px -4px #4c4f691a;--shadow-xl:0 20px 25px -5px #4c4f691a,0 8px 10px -6px #4c4f691a;--shadow-2xl:0 25px 50px -12px #4c4f6940;--color-tab-emerald:#10b981;--color-tab-emerald-active:#047857;--color-tab-emerald-dark:#6ee7b7;--color-tab-emerald-border:#10b981;--color-tab-purple:#a855f7;--color-tab-purple-active:#7e22ce;--color-tab-purple-dark:#d8b4fe;--color-tab-purple-border:#a855f7;--color-tab-amber:#b8860b;--color-tab-amber-active:#8b6508;--color-tab-amber-dark:#daa520;--color-tab-amber-border:#b8860b;--color-tab-cyan:#06b6d4;--color-tab-cyan-active:#0e7490;--color-tab-cyan-dark:#67e8f9;--color-tab-cyan-border:#06b6d4;--color-tab-orange:#f97316;--color-tab-orange-active:#c2410c;--color-tab-orange-dark:#fdba74;--color-tab-orange-border:#f97316;--color-tab-pink:#ec4899;--color-tab-pink-active:#be185d;--color-tab-pink-dark:#f9a8d4;--color-tab-pink-border:#ec4899;--color-tab-sky:#0ea5e9;--color-tab-sky-active:#0369a1;--color-tab-sky-dark:#7dd3fc;--color-tab-sky-border:#0ea5e9;--color-tab-indigo:#6366f1;--color-tab-indigo-active:#4338ca;--color-tab-indigo-dark:#a5b4fc;--color-tab-indigo-border:#6366f1;--color-tab-red-dark:#fca5a5;--color-tab-blue-dark:#93c5fd;--accent-teal-50:#f0fdfa;--accent-teal-100:#ccfbf1;--accent-teal-500:#14b8a6;--accent-teal-600:#0d9488;--accent-teal-700:#0f766e;--priority-p1-bg:#fee2e2;--priority-p1-text:#dc2626;--priority-p2-bg:#fef3c7;--priority-p2-text:#d97706;--priority-p3-bg:#dbeafe;--priority-p3-text:#2563eb;--priority-p4-bg:#f3f4f6;--priority-p4-text:#6b7280;--overlay-bg:#0000004d;--overlay-blur:8px;--color-interaction-purple-bg:#f3e8ff;--color-interaction-purple-text:#7c3aed;--color-interaction-orange-bg:#fff7ed;--color-interaction-orange-text:#c2410c;--color-interaction-indigo-bg:#eef2ff;--color-interaction-indigo-text:#4338ca;--color-badge-purple:#a855f7;--color-badge-blue:#3b82f6;--color-badge-green:#22c55e;--color-badge-purple-bg:#a855f726;--color-badge-blue-bg:#3b82f626;--color-badge-green-bg:#22c55e26;--color-gradient-start:#e0e7ff;--color-gradient-end:#fce7e7}[data-theme=catppuccin-frappe]{--color-ctp-base:#303446;--color-ctp-mantle:#292c3c;--color-ctp-crust:#232634;--color-ctp-text:#c6d0f5;--color-ctp-subtext1:#b5bfe2;--color-ctp-subtext0:#a5adce;--color-ctp-overlay2:#949cbb;--color-ctp-overlay1:#838ba7;--color-ctp-overlay0:#737994;--color-ctp-surface2:#626880;--color-ctp-surface1:#51576d;--color-ctp-surface0:#414559;--color-ctp-rosewater:#f2d5cf;--color-ctp-flamingo:#eebebe;--color-ctp-pink:#f4b8e4;--color-ctp-mauve:#ca9ee6;--color-ctp-red:#e78284;--color-ctp-maroon:#ea999c;--color-ctp-peach:#ef9f76;--color-ctp-yellow:#e5c890;--color-ctp-green:#a6d189;--color-ctp-teal:#81c8be;--color-ctp-sky:#99d1db;--color-ctp-sapphire:#85c1dc;--color-ctp-blue:#8caaee;--color-ctp-lavender:#babbf1;--surface-base:var(--color-ctp-base);--surface-primary:var(--color-ctp-surface0);--surface-secondary:var(--color-ctp-mantle);--surface-tertiary:var(--color-ctp-surface0);--surface-overlay:var(--color-ctp-surface0);--surface-elevated:var(--color-ctp-surface0);--surface-hover:var(--color-ctp-surface1);--surface-active:var(--color-ctp-surface2);--surface-disabled:var(--color-ctp-mantle);--item-hover-bg:#8caaee26;--text-primary:var(--color-ctp-text);--text-secondary:var(--color-ctp-subtext1);--text-tertiary:var(--color-ctp-subtext0);--text-disabled:var(--color-ctp-overlay0);--text-inverse:var(--color-ctp-base);--text-link:var(--color-ctp-blue);--text-link-hover:var(--color-ctp-sapphire);--border-default:var(--color-ctp-surface1);--border-strong:var(--color-ctp-surface2);--border-subtle:var(--color-ctp-surface0);--border-focus:var(--color-ctp-blue);--border-error:var(--color-ctp-red);--action-primary:var(--color-ctp-blue);--action-primary-hover:var(--color-ctp-sapphire);--action-primary-active:#6a8ac0;--action-secondary:var(--color-ctp-surface0);--action-secondary-hover:var(--color-ctp-surface1);--action-secondary-active:var(--color-ctp-surface2);--state-success:var(--color-ctp-green);--state-success-bg:#2a3530;--state-success-border:#506050;--state-warning:var(--color-ctp-yellow);--state-warning-bg:#353530;--state-warning-border:#606050;--state-error:var(--color-ctp-red);--state-error-bg:#352a2a;--state-error-border:#604545;--state-info:var(--color-ctp-blue);--state-info-bg:#2a3040;--state-info-border:#455570;--state-success-rgb:166 209 137;--state-warning-rgb:229 200 144;--state-error-rgb:231 130 132;--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;--color-tab-emerald:#6ee7b7;--color-tab-emerald-active:#10b981;--color-tab-emerald-dark:#6ee7b7;--color-tab-emerald-border:#10b981;--color-tab-purple:#d8b4fe;--color-tab-purple-active:#a855f7;--color-tab-purple-dark:#d8b4fe;--color-tab-purple-border:#a855f7;--color-tab-amber:#daa520;--color-tab-amber-active:#b8860b;--color-tab-amber-dark:#daa520;--color-tab-amber-border:#b8860b;--color-tab-cyan:#67e8f9;--color-tab-cyan-active:#06b6d4;--color-tab-cyan-dark:#67e8f9;--color-tab-cyan-border:#06b6d4;--color-tab-orange:#fdba74;--color-tab-orange-active:#f97316;--color-tab-orange-dark:#fdba74;--color-tab-orange-border:#f97316;--color-tab-pink:#f9a8d4;--color-tab-pink-active:#ec4899;--color-tab-pink-dark:#f9a8d4;--color-tab-pink-border:#ec4899;--color-tab-sky:#7dd3fc;--color-tab-sky-active:#0ea5e9;--color-tab-sky-dark:#7dd3fc;--color-tab-sky-border:#0ea5e9;--color-tab-indigo:#a5b4fc;--color-tab-indigo-active:#6366f1;--color-tab-indigo-dark:#a5b4fc;--color-tab-indigo-border:#6366f1;--color-tab-red-dark:#fca5a5;--color-tab-blue-dark:#93c5fd;--accent-teal-50:#14b8a61a;--accent-teal-100:#14b8a626;--accent-teal-500:#2dd4bf;--accent-teal-600:#14b8a6;--accent-teal-700:#5eead4;--priority-p1-bg:#ef444426;--priority-p1-text:#ef4444;--priority-p2-bg:#f59e0b26;--priority-p2-text:#f59e0b;--priority-p3-bg:#3b82f626;--priority-p3-text:#3b82f6;--priority-p4-bg:#9ca3af26;--priority-p4-text:#9ca3af;--overlay-bg:#0000004d;--overlay-blur:8px;--color-interaction-purple-bg:#7c3aed26;--color-interaction-purple-text:#c4b5fd;--color-interaction-orange-bg:#c2410c26;--color-interaction-orange-text:#fdba74;--color-interaction-indigo-bg:#4338ca26;--color-interaction-indigo-text:#a5b4fc;--color-badge-purple:#c084fc;--color-badge-blue:#60a5fa;--color-badge-green:#4ade80;--color-badge-purple-bg:#c084fc26;--color-badge-blue-bg:#60a5fa26;--color-badge-green-bg:#4ade8026;--color-gradient-start:#6366f126;--color-gradient-end:#f43f5e26}[data-theme=catppuccin-macchiato]{--color-ctp-base:#24273a;--color-ctp-mantle:#1e2030;--color-ctp-crust:#181926;--color-ctp-text:#cad3f5;--color-ctp-subtext1:#b8c0e0;--color-ctp-subtext0:#a5adcb;--color-ctp-overlay2:#939ab7;--color-ctp-overlay1:#8087a2;--color-ctp-overlay0:#6e738d;--color-ctp-surface2:#5b6078;--color-ctp-surface1:#494d64;--color-ctp-surface0:#363a4f;--color-ctp-rosewater:#f4dbd6;--color-ctp-flamingo:#f0c6c6;--color-ctp-pink:#f5bde6;--color-ctp-mauve:#c6a0f6;--color-ctp-red:#ed8796;--color-ctp-maroon:#ee99a0;--color-ctp-peach:#f5a97f;--color-ctp-yellow:#eed49f;--color-ctp-green:#a6da95;--color-ctp-teal:#8bd5ca;--color-ctp-sky:#91d7e3;--color-ctp-sapphire:#7dc4e4;--color-ctp-blue:#8aadf4;--color-ctp-lavender:#b7bdf8;--surface-base:var(--color-ctp-base);--surface-primary:var(--color-ctp-surface0);--surface-secondary:var(--color-ctp-mantle);--surface-tertiary:var(--color-ctp-surface0);--surface-overlay:var(--color-ctp-surface0);--surface-elevated:var(--color-ctp-surface0);--surface-hover:var(--color-ctp-surface1);--surface-active:var(--color-ctp-surface2);--surface-disabled:var(--color-ctp-mantle);--item-hover-bg:#8aadf426;--text-primary:var(--color-ctp-text);--text-secondary:var(--color-ctp-subtext1);--text-tertiary:var(--color-ctp-subtext0);--text-disabled:var(--color-ctp-overlay0);--text-inverse:var(--color-ctp-base);--text-link:var(--color-ctp-blue);--text-link-hover:var(--color-ctp-sapphire);--border-default:var(--color-ctp-surface1);--border-strong:var(--color-ctp-surface2);--border-subtle:var(--color-ctp-surface0);--border-focus:var(--color-ctp-blue);--border-error:var(--color-ctp-red);--action-primary:var(--color-ctp-blue);--action-primary-hover:var(--color-ctp-sapphire);--action-primary-active:#6a90c8;--action-secondary:var(--color-ctp-surface0);--action-secondary-hover:var(--color-ctp-surface1);--action-secondary-active:var(--color-ctp-surface2);--state-success:var(--color-ctp-green);--state-success-bg:#223028;--state-success-border:#4a6548;--state-warning:var(--color-ctp-yellow);--state-warning-bg:#302e22;--state-warning-border:#5a5840;--state-error:var(--color-ctp-red);--state-error-bg:#302228;--state-error-border:#604048;--state-info:var(--color-ctp-blue);--state-info-bg:#222838;--state-info-border:#3a5068;--state-success-rgb:166 218 149;--state-warning-rgb:238 212 159;--state-error-rgb:237 135 150;--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;--color-tab-emerald:#6ee7b7;--color-tab-emerald-active:#10b981;--color-tab-emerald-dark:#6ee7b7;--color-tab-emerald-border:#10b981;--color-tab-purple:#d8b4fe;--color-tab-purple-active:#a855f7;--color-tab-purple-dark:#d8b4fe;--color-tab-purple-border:#a855f7;--color-tab-amber:#daa520;--color-tab-amber-active:#b8860b;--color-tab-amber-dark:#daa520;--color-tab-amber-border:#b8860b;--color-tab-cyan:#67e8f9;--color-tab-cyan-active:#06b6d4;--color-tab-cyan-dark:#67e8f9;--color-tab-cyan-border:#06b6d4;--color-tab-orange:#fdba74;--color-tab-orange-active:#f97316;--color-tab-orange-dark:#fdba74;--color-tab-orange-border:#f97316;--color-tab-pink:#f9a8d4;--color-tab-pink-active:#ec4899;--color-tab-pink-dark:#f9a8d4;--color-tab-pink-border:#ec4899;--color-tab-sky:#7dd3fc;--color-tab-sky-active:#0ea5e9;--color-tab-sky-dark:#7dd3fc;--color-tab-sky-border:#0ea5e9;--color-tab-indigo:#a5b4fc;--color-tab-indigo-active:#6366f1;--color-tab-indigo-dark:#a5b4fc;--color-tab-indigo-border:#6366f1;--color-tab-red-dark:#fca5a5;--color-tab-blue-dark:#93c5fd;--accent-teal-50:#14b8a61a;--accent-teal-100:#14b8a626;--accent-teal-500:#2dd4bf;--accent-teal-600:#14b8a6;--accent-teal-700:#5eead4;--priority-p1-bg:#ef444426;--priority-p1-text:#ef4444;--priority-p2-bg:#f59e0b26;--priority-p2-text:#f59e0b;--priority-p3-bg:#3b82f626;--priority-p3-text:#3b82f6;--priority-p4-bg:#9ca3af26;--priority-p4-text:#9ca3af;--overlay-bg:#0000004d;--overlay-blur:8px;--color-interaction-purple-bg:#7c3aed26;--color-interaction-purple-text:#c4b5fd;--color-interaction-orange-bg:#c2410c26;--color-interaction-orange-text:#fdba74;--color-interaction-indigo-bg:#4338ca26;--color-interaction-indigo-text:#a5b4fc;--color-badge-purple:#c084fc;--color-badge-blue:#60a5fa;--color-badge-green:#4ade80;--color-badge-purple-bg:#c084fc26;--color-badge-blue-bg:#60a5fa26;--color-badge-green-bg:#4ade8026;--color-gradient-start:#6366f126;--color-gradient-end:#f43f5e26}[data-theme=catppuccin-mocha]{--color-ctp-base:#1e1e2e;--color-ctp-mantle:#181825;--color-ctp-crust:#11111b;--color-ctp-text:#cdd6f4;--color-ctp-subtext1:#bac2de;--color-ctp-subtext0:#a6adc8;--color-ctp-overlay2:#9399b2;--color-ctp-overlay1:#7f849c;--color-ctp-overlay0:#6c7086;--color-ctp-surface2:#585b70;--color-ctp-surface1:#45475a;--color-ctp-surface0:#313244;--color-ctp-rosewater:#f5e0dc;--color-ctp-flamingo:#f2cdcd;--color-ctp-pink:#f5c2e7;--color-ctp-mauve:#cba6f7;--color-ctp-red:#f38ba8;--color-ctp-maroon:#eba0ac;--color-ctp-peach:#fab387;--color-ctp-yellow:#f9e2af;--color-ctp-green:#a6e3a1;--color-ctp-teal:#94e2d5;--color-ctp-sky:#89dceb;--color-ctp-sapphire:#74c7ec;--color-ctp-blue:#89b4fa;--color-ctp-lavender:#b4befe;--surface-base:var(--color-ctp-base);--surface-primary:var(--color-ctp-surface0);--surface-secondary:var(--color-ctp-mantle);--surface-tertiary:var(--color-ctp-surface0);--surface-overlay:var(--color-ctp-surface0);--surface-elevated:var(--color-ctp-surface0);--surface-hover:var(--color-ctp-surface1);--surface-active:var(--color-ctp-surface2);--surface-disabled:var(--color-ctp-mantle);--item-hover-bg:#89b4fa26;--text-primary:var(--color-ctp-text);--text-secondary:var(--color-ctp-subtext1);--text-tertiary:var(--color-ctp-subtext0);--text-disabled:var(--color-ctp-overlay0);--text-inverse:var(--color-ctp-base);--text-link:var(--color-ctp-blue);--text-link-hover:var(--color-ctp-sapphire);--border-default:var(--color-ctp-surface1);--border-strong:var(--color-ctp-surface2);--border-subtle:var(--color-ctp-surface0);--border-focus:var(--color-ctp-blue);--border-error:var(--color-ctp-red);--action-primary:var(--color-ctp-blue);--action-primary-hover:var(--color-ctp-sapphire);--action-primary-active:#6898d0;--action-secondary:var(--color-ctp-surface0);--action-secondary-hover:var(--color-ctp-surface1);--action-secondary-active:var(--color-ctp-surface2);--state-success:var(--color-ctp-green);--state-success-bg:#1a2820;--state-success-border:#405840;--state-warning:var(--color-ctp-yellow);--state-warning-bg:#28281a;--state-warning-border:#505038;--state-error:var(--color-ctp-red);--state-error-bg:#281a22;--state-error-border:#583840;--state-info:var(--color-ctp-blue);--state-info-bg:#1a2230;--state-info-border:#384860;--state-success-rgb:166 227 161;--state-warning-rgb:249 226 175;--state-error-rgb:243 139 168;--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;--color-tab-emerald:#6ee7b7;--color-tab-emerald-active:#10b981;--color-tab-emerald-dark:#6ee7b7;--color-tab-emerald-border:#10b981;--color-tab-purple:#d8b4fe;--color-tab-purple-active:#a855f7;--color-tab-purple-dark:#d8b4fe;--color-tab-purple-border:#a855f7;--color-tab-amber:#daa520;--color-tab-amber-active:#b8860b;--color-tab-amber-dark:#daa520;--color-tab-amber-border:#b8860b;--color-tab-cyan:#67e8f9;--color-tab-cyan-active:#06b6d4;--color-tab-cyan-dark:#67e8f9;--color-tab-cyan-border:#06b6d4;--color-tab-orange:#fdba74;--color-tab-orange-active:#f97316;--color-tab-orange-dark:#fdba74;--color-tab-orange-border:#f97316;--color-tab-pink:#f9a8d4;--color-tab-pink-active:#ec4899;--color-tab-pink-dark:#f9a8d4;--color-tab-pink-border:#ec4899;--color-tab-sky:#7dd3fc;--color-tab-sky-active:#0ea5e9;--color-tab-sky-dark:#7dd3fc;--color-tab-sky-border:#0ea5e9;--color-tab-indigo:#a5b4fc;--color-tab-indigo-active:#6366f1;--color-tab-indigo-dark:#a5b4fc;--color-tab-indigo-border:#6366f1;--color-tab-red-dark:#fca5a5;--color-tab-blue-dark:#93c5fd;--accent-teal-50:#14b8a61a;--accent-teal-100:#14b8a626;--accent-teal-500:#2dd4bf;--accent-teal-600:#14b8a6;--accent-teal-700:#5eead4;--priority-p1-bg:#ef444426;--priority-p1-text:#ef4444;--priority-p2-bg:#f59e0b26;--priority-p2-text:#f59e0b;--priority-p3-bg:#3b82f626;--priority-p3-text:#3b82f6;--priority-p4-bg:#9ca3af26;--priority-p4-text:#9ca3af;--overlay-bg:#0000004d;--overlay-blur:8px;--color-interaction-purple-bg:#7c3aed26;--color-interaction-purple-text:#c4b5fd;--color-interaction-orange-bg:#c2410c26;--color-interaction-orange-text:#fdba74;--color-interaction-indigo-bg:#4338ca26;--color-interaction-indigo-text:#a5b4fc;--color-badge-purple:#c084fc;--color-badge-blue:#60a5fa;--color-badge-green:#4ade80;--color-badge-purple-bg:#c084fc26;--color-badge-blue-bg:#60a5fa26;--color-badge-green-bg:#4ade8026;--color-gradient-start:#6366f126;--color-gradient-end:#f43f5e26}[data-theme=sage]{--color-sage-deep:#14532d;--color-sage-mid:#166534;--color-sage-surface:#22c55e;--color-sage-mist:#dcfce7;--color-sage-canvas:#f5f7f3;--color-sage-text:#14241a;--color-sage-text-secondary:#1e3a28;--surface-base:var(--color-sage-canvas);--surface-primary:#fff;--surface-secondary:var(--color-sage-mist);--surface-tertiary:var(--color-sage-mist);--surface-overlay:#fff;--surface-elevated:#fff;--surface-hover:var(--color-sage-mist);--surface-active:#bbf7d0;--surface-raised:#f9fbf8;--surface-disabled:var(--color-sage-mist);--item-hover-bg:#22c55e1a;--text-primary:var(--color-sage-text);--text-secondary:var(--color-sage-text-secondary);--text-tertiary:#3d6b4e;--text-disabled:#86efac;--text-inverse:#fff;--text-link:var(--color-sage-mid);--text-link-hover:var(--color-sage-deep);--border-default:#bbf7d0;--border-strong:#86efac;--border-subtle:#dcfce7;--border-focus:var(--color-sage-mid);--border-error:var(--color-red-500);--action-primary:var(--color-sage-mid);--action-primary-hover:var(--color-sage-deep);--action-primary-active:#15803d;--action-primary-disabled:#86efac;--action-secondary:#dcfce7;--action-secondary-hover:#bbf7d0;--action-secondary-active:#86efac;--state-success:var(--color-green-600);--state-success-bg:var(--color-green-50);--state-success-border:var(--color-green-200);--state-warning:var(--color-yellow-600);--state-warning-bg:var(--color-yellow-50);--state-warning-border:var(--color-yellow-200);--state-error:var(--color-red-600);--state-error-bg:var(--color-red-50);--state-error-border:var(--color-red-200);--state-info:var(--color-sage-mid);--state-info-bg:var(--color-sage-mist);--state-info-border:#86efac;--state-success-rgb:22 163 74;--state-warning-rgb:202 138 4;--state-error-rgb:220 38 38;--shadow-sm:0 1px 2px 0 #14532d0d;--shadow-md:0 4px 6px -1px #14532d1a,0 2px 4px -2px #14532d1a;--shadow-lg:0 10px 15px -3px #14532d1a,0 4px 6px -4px #14532d1a;--shadow-xl:0 20px 25px -5px #14532d1a,0 8px 10px -6px #14532d1a;--shadow-2xl:0 25px 50px -12px #14532d40;--color-tab-emerald:#10b981;--color-tab-emerald-active:#047857;--color-tab-emerald-dark:#6ee7b7;--color-tab-emerald-border:#10b981;--color-tab-purple:#a855f7;--color-tab-purple-active:#7e22ce;--color-tab-purple-dark:#d8b4fe;--color-tab-purple-border:#a855f7;--color-tab-amber:#b8860b;--color-tab-amber-active:#8b6508;--color-tab-amber-dark:#daa520;--color-tab-amber-border:#b8860b;--color-tab-cyan:#06b6d4;--color-tab-cyan-active:#0e7490;--color-tab-cyan-dark:#67e8f9;--color-tab-cyan-border:#06b6d4;--color-tab-orange:#f97316;--color-tab-orange-active:#c2410c;--color-tab-orange-dark:#fdba74;--color-tab-orange-border:#f97316;--color-tab-pink:#ec4899;--color-tab-pink-active:#be185d;--color-tab-pink-dark:#f9a8d4;--color-tab-pink-border:#ec4899;--color-tab-sky:#0ea5e9;--color-tab-sky-active:#0369a1;--color-tab-sky-dark:#7dd3fc;--color-tab-sky-border:#0ea5e9;--color-tab-indigo:#6366f1;--color-tab-indigo-active:#4338ca;--color-tab-indigo-dark:#a5b4fc;--color-tab-indigo-border:#6366f1;--color-tab-red-dark:#fca5a5;--color-tab-blue-dark:#93c5fd;--accent-teal-50:#f0fdfa;--accent-teal-100:#ccfbf1;--accent-teal-500:#14b8a6;--accent-teal-600:#0d9488;--accent-teal-700:#0f766e;--priority-p1-bg:#fee2e2;--priority-p1-text:#dc2626;--priority-p2-bg:#fef3c7;--priority-p2-text:#d97706;--priority-p3-bg:#dbeafe;--priority-p3-text:#2563eb;--priority-p4-bg:#f3f4f6;--priority-p4-text:#6b7280;--overlay-bg:#0000004d;--overlay-blur:8px;--color-interaction-purple-bg:#f3e8ff;--color-interaction-purple-text:#7c3aed;--color-interaction-orange-bg:#fff7ed;--color-interaction-orange-text:#c2410c;--color-interaction-indigo-bg:#eef2ff;--color-interaction-indigo-text:#4338ca;--color-badge-purple:#a855f7;--color-badge-blue:#3b82f6;--color-badge-green:#22c55e;--color-badge-purple-bg:#a855f726;--color-badge-blue-bg:#3b82f626;--color-badge-green-bg:#22c55e26;--type-work:#1e40af;--type-work-bg:#bfdbfe;--type-work-border:#93c5fd;--color-gradient-start:#dcfce7;--color-gradient-end:#fce7e7}[data-theme=sand]{--color-sand-deep:#78350f;--color-sand-mid:#92400e;--color-sand-surface:#d97706;--color-sand-dune:#fef3c7;--color-sand-canvas:#faf8f5;--color-sand-text:#1c1410;--color-sand-text-secondary:#3d2e1e;--surface-base:var(--color-sand-canvas);--surface-primary:#fff;--surface-secondary:var(--color-sand-dune);--surface-tertiary:var(--color-sand-dune);--surface-overlay:#fff;--surface-elevated:#fff;--surface-hover:var(--color-sand-dune);--surface-active:#fde68a;--surface-raised:#fcfaf7;--surface-disabled:var(--color-sand-dune);--item-hover-bg:#d977061a;--text-primary:var(--color-sand-text);--text-secondary:var(--color-sand-text-secondary);--text-tertiary:#6b5030;--text-disabled:#fcd34d;--text-inverse:#fff;--text-link:var(--color-sand-mid);--text-link-hover:var(--color-sand-deep);--border-default:#fde68a;--border-strong:#fcd34d;--border-subtle:#fef3c7;--border-focus:var(--color-sand-mid);--border-error:var(--color-red-500);--action-primary:var(--color-sand-mid);--action-primary-hover:var(--color-sand-deep);--action-primary-active:#713f12;--action-primary-disabled:#fcd34d;--action-secondary:#fef3c7;--action-secondary-hover:#fde68a;--action-secondary-active:#fcd34d;--state-success:var(--color-green-600);--state-success-bg:var(--color-green-50);--state-success-border:var(--color-green-200);--state-warning:#b45309;--state-warning-bg:#fffbeb;--state-warning-border:#fcd34d;--state-error:var(--color-red-600);--state-error-bg:var(--color-red-50);--state-error-border:var(--color-red-200);--state-info:#0369a1;--state-info-bg:#f0f9ff;--state-info-border:#bae6fd;--state-success-rgb:22 163 74;--state-warning-rgb:180 83 9;--state-error-rgb:220 38 38;--shadow-sm:0 1px 2px 0 #78350f0d;--shadow-md:0 4px 6px -1px #78350f1a,0 2px 4px -2px #78350f1a;--shadow-lg:0 10px 15px -3px #78350f1a,0 4px 6px -4px #78350f1a;--shadow-xl:0 20px 25px -5px #78350f1a,0 8px 10px -6px #78350f1a;--shadow-2xl:0 25px 50px -12px #78350f40;--color-tab-emerald:#10b981;--color-tab-emerald-active:#047857;--color-tab-emerald-dark:#6ee7b7;--color-tab-emerald-border:#10b981;--color-tab-purple:#a855f7;--color-tab-purple-active:#7e22ce;--color-tab-purple-dark:#d8b4fe;--color-tab-purple-border:#a855f7;--color-tab-amber:#b8860b;--color-tab-amber-active:#8b6508;--color-tab-amber-dark:#daa520;--color-tab-amber-border:#b8860b;--color-tab-cyan:#06b6d4;--color-tab-cyan-active:#0e7490;--color-tab-cyan-dark:#67e8f9;--color-tab-cyan-border:#06b6d4;--color-tab-orange:#f97316;--color-tab-orange-active:#c2410c;--color-tab-orange-dark:#fdba74;--color-tab-orange-border:#f97316;--color-tab-pink:#ec4899;--color-tab-pink-active:#be185d;--color-tab-pink-dark:#f9a8d4;--color-tab-pink-border:#ec4899;--color-tab-sky:#0ea5e9;--color-tab-sky-active:#0369a1;--color-tab-sky-dark:#7dd3fc;--color-tab-sky-border:#0ea5e9;--color-tab-indigo:#6366f1;--color-tab-indigo-active:#4338ca;--color-tab-indigo-dark:#a5b4fc;--color-tab-indigo-border:#6366f1;--color-tab-red-dark:#fca5a5;--color-tab-blue-dark:#93c5fd;--accent-teal-50:#f0fdfa;--accent-teal-100:#ccfbf1;--accent-teal-500:#14b8a6;--accent-teal-600:#0d9488;--accent-teal-700:#0f766e;--priority-p1-bg:#fee2e2;--priority-p1-text:#dc2626;--priority-p2-bg:#fef3c7;--priority-p2-text:#d97706;--priority-p3-bg:#dbeafe;--priority-p3-text:#2563eb;--priority-p4-bg:#f3f4f6;--priority-p4-text:#6b7280;--overlay-bg:#0000004d;--overlay-blur:8px;--color-interaction-purple-bg:#f3e8ff;--color-interaction-purple-text:#7c3aed;--color-interaction-orange-bg:#fff7ed;--color-interaction-orange-text:#c2410c;--color-interaction-indigo-bg:#eef2ff;--color-interaction-indigo-text:#4338ca;--color-badge-purple:#a855f7;--color-badge-blue:#3b82f6;--color-badge-green:#22c55e;--color-badge-purple-bg:#a855f726;--color-badge-blue-bg:#3b82f626;--color-badge-green-bg:#22c55e26;--type-work:#1e40af;--type-work-bg:#bfdbfe;--type-work-border:#93c5fd;--color-gradient-start:#fef3c7;--color-gradient-end:#fce7e7}[data-theme=lavender]{--color-lav-deep:#4c1d95;--color-lav-mid:#6d28d9;--color-lav-surface:#8b5cf6;--color-lav-mist:#ede9fe;--color-lav-canvas:#f8f7fc;--color-lav-text:#1a1226;--color-lav-text-secondary:#2e2248;--surface-base:var(--color-lav-canvas);--surface-primary:#fff;--surface-secondary:var(--color-lav-mist);--surface-tertiary:var(--color-lav-mist);--surface-overlay:#fff;--surface-elevated:#fff;--surface-hover:var(--color-lav-mist);--surface-active:#ddd6fe;--surface-raised:#faf9fd;--surface-disabled:var(--color-lav-mist);--item-hover-bg:#8b5cf61a;--text-primary:var(--color-lav-text);--text-secondary:var(--color-lav-text-secondary);--text-tertiary:#5b4a80;--text-disabled:#c4b5fd;--text-inverse:#fff;--text-link:var(--color-lav-mid);--text-link-hover:var(--color-lav-deep);--border-default:#ddd6fe;--border-strong:#c4b5fd;--border-subtle:#ede9fe;--border-focus:var(--color-lav-mid);--border-error:var(--color-red-500);--action-primary:var(--color-lav-mid);--action-primary-hover:var(--color-lav-deep);--action-primary-active:#5b21b6;--action-primary-disabled:#c4b5fd;--action-secondary:#ede9fe;--action-secondary-hover:#ddd6fe;--action-secondary-active:#c4b5fd;--state-success:var(--color-green-600);--state-success-bg:var(--color-green-50);--state-success-border:var(--color-green-200);--state-warning:var(--color-yellow-600);--state-warning-bg:var(--color-yellow-50);--state-warning-border:var(--color-yellow-200);--state-error:var(--color-red-600);--state-error-bg:var(--color-red-50);--state-error-border:var(--color-red-200);--state-info:var(--color-lav-mid);--state-info-bg:var(--color-lav-mist);--state-info-border:#c4b5fd;--state-success-rgb:22 163 74;--state-warning-rgb:202 138 4;--state-error-rgb:220 38 38;--shadow-sm:0 1px 2px 0 #4c1d950d;--shadow-md:0 4px 6px -1px #4c1d951a,0 2px 4px -2px #4c1d951a;--shadow-lg:0 10px 15px -3px #4c1d951a,0 4px 6px -4px #4c1d951a;--shadow-xl:0 20px 25px -5px #4c1d951a,0 8px 10px -6px #4c1d951a;--shadow-2xl:0 25px 50px -12px #4c1d9540;--color-tab-emerald:#10b981;--color-tab-emerald-active:#047857;--color-tab-emerald-dark:#6ee7b7;--color-tab-emerald-border:#10b981;--color-tab-purple:#a855f7;--color-tab-purple-active:#7e22ce;--color-tab-purple-dark:#d8b4fe;--color-tab-purple-border:#a855f7;--color-tab-amber:#b8860b;--color-tab-amber-active:#8b6508;--color-tab-amber-dark:#daa520;--color-tab-amber-border:#b8860b;--color-tab-cyan:#06b6d4;--color-tab-cyan-active:#0e7490;--color-tab-cyan-dark:#67e8f9;--color-tab-cyan-border:#06b6d4;--color-tab-orange:#f97316;--color-tab-orange-active:#c2410c;--color-tab-orange-dark:#fdba74;--color-tab-orange-border:#f97316;--color-tab-pink:#ec4899;--color-tab-pink-active:#be185d;--color-tab-pink-dark:#f9a8d4;--color-tab-pink-border:#ec4899;--color-tab-sky:#0ea5e9;--color-tab-sky-active:#0369a1;--color-tab-sky-dark:#7dd3fc;--color-tab-sky-border:#0ea5e9;--color-tab-indigo:#6366f1;--color-tab-indigo-active:#4338ca;--color-tab-indigo-dark:#a5b4fc;--color-tab-indigo-border:#6366f1;--color-tab-red-dark:#fca5a5;--color-tab-blue-dark:#93c5fd;--accent-teal-50:#f0fdfa;--accent-teal-100:#ccfbf1;--accent-teal-500:#14b8a6;--accent-teal-600:#0d9488;--accent-teal-700:#0f766e;--priority-p1-bg:#fee2e2;--priority-p1-text:#dc2626;--priority-p2-bg:#fef3c7;--priority-p2-text:#d97706;--priority-p3-bg:#dbeafe;--priority-p3-text:#2563eb;--priority-p4-bg:#f3f4f6;--priority-p4-text:#6b7280;--overlay-bg:#0000004d;--overlay-blur:8px;--color-interaction-purple-bg:#f3e8ff;--color-interaction-purple-text:#7c3aed;--color-interaction-orange-bg:#fff7ed;--color-interaction-orange-text:#c2410c;--color-interaction-indigo-bg:#eef2ff;--color-interaction-indigo-text:#4338ca;--color-badge-purple:#a855f7;--color-badge-blue:#3b82f6;--color-badge-green:#22c55e;--color-badge-purple-bg:#a855f726;--color-badge-blue-bg:#3b82f626;--color-badge-green-bg:#22c55e26;--type-work:#1e40af;--type-work-bg:#bfdbfe;--type-work-border:#93c5fd;--color-gradient-start:#ede9fe;--color-gradient-end:#fce7e7}[data-theme=paper]{--color-paper-ink:#111;--color-paper-mid:#374151;--color-paper-accent:#1d4ed8;--color-paper-wash:#f4f4f5;--color-paper-canvas:#fafafa;--color-paper-text:#111;--color-paper-text-secondary:#27272a;--surface-base:var(--color-paper-canvas);--surface-primary:#fff;--surface-secondary:var(--color-paper-wash);--surface-tertiary:#e4e4e7;--surface-overlay:#fff;--surface-elevated:#fff;--surface-hover:var(--color-paper-wash);--surface-active:#e4e4e7;--surface-raised:#fcfcfc;--surface-disabled:var(--color-paper-wash);--item-hover-bg:#0000000a;--text-primary:var(--color-paper-text);--text-secondary:var(--color-paper-text-secondary);--text-tertiary:#52525b;--text-disabled:#a1a1aa;--text-inverse:#fff;--text-link:var(--color-paper-accent);--text-link-hover:#1e3a8a;--border-default:#d4d4d8;--border-strong:#a1a1aa;--border-subtle:#e4e4e7;--border-focus:var(--color-paper-accent);--border-error:var(--color-red-500);--action-primary:var(--color-paper-accent);--action-primary-hover:#1e3a8a;--action-primary-active:#172554;--action-primary-disabled:#93c5fd;--action-secondary:var(--color-paper-wash);--action-secondary-hover:#e4e4e7;--action-secondary-active:#d4d4d8;--state-success:var(--color-green-600);--state-success-bg:var(--color-green-50);--state-success-border:var(--color-green-200);--state-warning:var(--color-yellow-600);--state-warning-bg:var(--color-yellow-50);--state-warning-border:var(--color-yellow-200);--state-error:var(--color-red-600);--state-error-bg:var(--color-red-50);--state-error-border:var(--color-red-200);--state-info:var(--color-paper-accent);--state-info-bg:#eff6ff;--state-info-border:#bfdbfe;--state-success-rgb:22 163 74;--state-warning-rgb:202 138 4;--state-error-rgb:220 38 38;--shadow-sm:0 1px 2px 0 #0000000a;--shadow-md:0 4px 6px -1px #0000000f,0 2px 4px -2px #0000000f;--shadow-lg:0 10px 15px -3px #0000000f,0 4px 6px -4px #0000000f;--shadow-xl:0 20px 25px -5px #0000000f,0 8px 10px -6px #0000000f;--shadow-2xl:0 25px 50px -12px #00000026;--color-tab-emerald:#10b981;--color-tab-emerald-active:#047857;--color-tab-emerald-dark:#6ee7b7;--color-tab-emerald-border:#10b981;--color-tab-purple:#a855f7;--color-tab-purple-active:#7e22ce;--color-tab-purple-dark:#d8b4fe;--color-tab-purple-border:#a855f7;--color-tab-amber:#b8860b;--color-tab-amber-active:#8b6508;--color-tab-amber-dark:#daa520;--color-tab-amber-border:#b8860b;--color-tab-cyan:#06b6d4;--color-tab-cyan-active:#0e7490;--color-tab-cyan-dark:#67e8f9;--color-tab-cyan-border:#06b6d4;--color-tab-orange:#f97316;--color-tab-orange-active:#c2410c;--color-tab-orange-dark:#fdba74;--color-tab-orange-border:#f97316;--color-tab-pink:#ec4899;--color-tab-pink-active:#be185d;--color-tab-pink-dark:#f9a8d4;--color-tab-pink-border:#ec4899;--color-tab-sky:#0ea5e9;--color-tab-sky-active:#0369a1;--color-tab-sky-dark:#7dd3fc;--color-tab-sky-border:#0ea5e9;--color-tab-indigo:#6366f1;--color-tab-indigo-active:#4338ca;--color-tab-indigo-dark:#a5b4fc;--color-tab-indigo-border:#6366f1;--color-tab-red-dark:#fca5a5;--color-tab-blue-dark:#93c5fd;--accent-teal-50:#f0fdfa;--accent-teal-100:#ccfbf1;--accent-teal-500:#14b8a6;--accent-teal-600:#0d9488;--accent-teal-700:#0f766e;--priority-p1-bg:#fee2e2;--priority-p1-text:#dc2626;--priority-p2-bg:#fef3c7;--priority-p2-text:#d97706;--priority-p3-bg:#dbeafe;--priority-p3-text:#2563eb;--priority-p4-bg:#f3f4f6;--priority-p4-text:#6b7280;--overlay-bg:#0000004d;--overlay-blur:8px;--color-interaction-purple-bg:#f3e8ff;--color-interaction-purple-text:#7c3aed;--color-interaction-orange-bg:#fff7ed;--color-interaction-orange-text:#c2410c;--color-interaction-indigo-bg:#eef2ff;--color-interaction-indigo-text:#4338ca;--color-badge-purple:#a855f7;--color-badge-blue:#3b82f6;--color-badge-green:#22c55e;--color-badge-purple-bg:#a855f726;--color-badge-blue-bg:#3b82f626;--color-badge-green-bg:#22c55e26;--type-work:#1e40af;--type-work-bg:#dbeafe;--type-work-border:#93c5fd;--color-gradient-start:#e4e4e7;--color-gradient-end:#fce7e7}[data-theme=warm-ocean]{--color-wocean-deep:#134e4a;--color-wocean-mid:#0d9488;--color-wocean-surface:#14b8a6;--color-wocean-foam:#ccfbf1;--color-wocean-canvas:#f0fdfa;--color-wocean-text:#0a2620;--color-wocean-text-secondary:#164e48;--surface-base:var(--color-wocean-canvas);--surface-primary:#fff;--surface-secondary:var(--color-wocean-foam);--surface-tertiary:var(--color-wocean-foam);--surface-overlay:#fff;--surface-elevated:#fff;--surface-hover:var(--color-wocean-foam);--surface-active:#99f6e4;--surface-raised:#f5fefb;--surface-disabled:var(--color-wocean-foam);--item-hover-bg:#14b8a61a;--text-primary:var(--color-wocean-text);--text-secondary:var(--color-wocean-text-secondary);--text-tertiary:#0d9488;--text-disabled:#5eead4;--text-inverse:#fff;--text-link:var(--color-wocean-mid);--text-link-hover:var(--color-wocean-deep);--border-default:#99f6e4;--border-strong:#5eead4;--border-subtle:#ccfbf1;--border-focus:var(--color-wocean-mid);--border-error:var(--color-red-500);--action-primary:var(--color-wocean-mid);--action-primary-hover:var(--color-wocean-deep);--action-primary-active:#115e59;--action-primary-disabled:#5eead4;--action-secondary:#ccfbf1;--action-secondary-hover:#99f6e4;--action-secondary-active:#5eead4;--state-success:var(--color-green-600);--state-success-bg:var(--color-green-50);--state-success-border:var(--color-green-200);--state-warning:var(--color-yellow-600);--state-warning-bg:var(--color-yellow-50);--state-warning-border:var(--color-yellow-200);--state-error:var(--color-red-600);--state-error-bg:var(--color-red-50);--state-error-border:var(--color-red-200);--state-info:var(--color-wocean-mid);--state-info-bg:var(--color-wocean-foam);--state-info-border:#5eead4;--state-success-rgb:22 163 74;--state-warning-rgb:202 138 4;--state-error-rgb:220 38 38;--shadow-sm:0 1px 2px 0 #134e4a0d;--shadow-md:0 4px 6px -1px #134e4a1a,0 2px 4px -2px #134e4a1a;--shadow-lg:0 10px 15px -3px #134e4a1a,0 4px 6px -4px #134e4a1a;--shadow-xl:0 20px 25px -5px #134e4a1a,0 8px 10px -6px #134e4a1a;--shadow-2xl:0 25px 50px -12px #134e4a40;--color-tab-emerald:#10b981;--color-tab-emerald-active:#047857;--color-tab-emerald-dark:#6ee7b7;--color-tab-emerald-border:#10b981;--color-tab-purple:#a855f7;--color-tab-purple-active:#7e22ce;--color-tab-purple-dark:#d8b4fe;--color-tab-purple-border:#a855f7;--color-tab-amber:#b8860b;--color-tab-amber-active:#8b6508;--color-tab-amber-dark:#daa520;--color-tab-amber-border:#b8860b;--color-tab-cyan:#06b6d4;--color-tab-cyan-active:#0e7490;--color-tab-cyan-dark:#67e8f9;--color-tab-cyan-border:#06b6d4;--color-tab-orange:#f97316;--color-tab-orange-active:#c2410c;--color-tab-orange-dark:#fdba74;--color-tab-orange-border:#f97316;--color-tab-pink:#ec4899;--color-tab-pink-active:#be185d;--color-tab-pink-dark:#f9a8d4;--color-tab-pink-border:#ec4899;--color-tab-sky:#0ea5e9;--color-tab-sky-active:#0369a1;--color-tab-sky-dark:#7dd3fc;--color-tab-sky-border:#0ea5e9;--color-tab-indigo:#6366f1;--color-tab-indigo-active:#4338ca;--color-tab-indigo-dark:#a5b4fc;--color-tab-indigo-border:#6366f1;--color-tab-red-dark:#fca5a5;--color-tab-blue-dark:#93c5fd;--accent-teal-50:#f0fdfa;--accent-teal-100:#ccfbf1;--accent-teal-500:#14b8a6;--accent-teal-600:#0d9488;--accent-teal-700:#0f766e;--priority-p1-bg:#fee2e2;--priority-p1-text:#dc2626;--priority-p2-bg:#fef3c7;--priority-p2-text:#d97706;--priority-p3-bg:#dbeafe;--priority-p3-text:#2563eb;--priority-p4-bg:#f3f4f6;--priority-p4-text:#6b7280;--overlay-bg:#0000004d;--overlay-blur:8px;--color-interaction-purple-bg:#f3e8ff;--color-interaction-purple-text:#7c3aed;--color-interaction-orange-bg:#fff7ed;--color-interaction-orange-text:#c2410c;--color-interaction-indigo-bg:#eef2ff;--color-interaction-indigo-text:#4338ca;--color-badge-purple:#a855f7;--color-badge-blue:#3b82f6;--color-badge-green:#22c55e;--color-badge-purple-bg:#a855f726;--color-badge-blue-bg:#3b82f626;--color-badge-green-bg:#22c55e26;--type-work:#1e40af;--type-work-bg:#bfdbfe;--type-work-border:#93c5fd;--color-gradient-start:#ccfbf1;--color-gradient-end:#fce7e7}*,:before,:after{-webkit-user-select:none;-moz-user-select:none;user-select:none}input,textarea,[contenteditable=true],pre,code{-webkit-user-select:text;-moz-user-select:text;user-select:text}.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_ct8ib_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_ct8ib_10:hover {
  transform: scale(1.1);
}

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

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

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

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

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

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

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

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

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

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

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

._badgeBase_ct8ib_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_ct8ib_79:hover {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

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

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

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

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

/* Loading spinner for status indicators */
._spinner_ct8ib_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_ct8ib_167 1s linear infinite;
}

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

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

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

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

/* Multicolor spin animation - rotates the entire logo showing color segments */
._logoMulticolorSpin_ct8ib_209 {
  animation: _logoMulticolorSpin_ct8ib_209 1.5s linear infinite;
}

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

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

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

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

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

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

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

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

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

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

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

._progressContainer_ct8ib_276 {
  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_ct8ib_286 {
  flex: 1;
  height: 0.25rem; /* 4px */
  background-color: var(--surface-tertiary);
  border-radius: var(--radius-full);
  overflow: hidden;
}

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

._progressText_ct8ib_301 {
  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_ct8ib_35,
[data-theme='dark-contrasted'] ._statusSynced_ct8ib_35 {
  background-color: var(--color-green-900);
}

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

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

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

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

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

  ._processing_ct8ib_149 {
    animation: none;
  }

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

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

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

  ._logoMulticolorSpin_ct8ib_209 {
    animation: none;
  }
}

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

/* Focus styles for keyboard navigation */
._statusBase_ct8ib_10:focus-visible,
._badgeBase_ct8ib_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_m0ss7_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_m0ss7_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_m0ss7_33 {
  display: flex;
  height: 100vh;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
    135deg,
    var(--color-blue-50) 0%,
    var(--color-gradient-start) 100%
  );
}

._authLoadingContent_m0ss7_45 {
  text-align: center;
}

._authLoadingSpinner_m0ss7_49 {
  animation: _spin_m0ss7_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_m0ss7_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

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

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

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

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

/* Desktop sidebar - fixed positioning */
._sidebarDesktop_m0ss7_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_m0ss7_109 {
  width: 4rem; /* 64px */
}

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

/* Mobile sidebar - overlay */
._sidebarMobile_m0ss7_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_m0ss7_128 {
  display: flex;
  height: 100%;
  flex-direction: column;
  gap: 1rem; /* 16px */
  padding: 1rem; /* 16px */
}

/* Navigation button base */
._navButton_m0ss7_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_m0ss7_137:hover {
  transform: scale(1.05);
}

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

._navButtonCenter_m0ss7_162 {
  justify-content: center;
}

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

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

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

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

._headerContainer_m0ss7_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_m0ss7_195 {
  cursor: grab;
}

._headerDraggable_m0ss7_195:active {
  cursor: grabbing;
}

._headerContent_m0ss7_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_m0ss7_203 {
    padding-right: 1.5rem; /* 24px */
  }
}

/* Tauri desktop app - space for macOS traffic lights */
._headerContentTauri_m0ss7_221 {
  /* macOS traffic lights need ~52px clearance (8px offset + 44px buttons) */
  padding-left: 56px;
}

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

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

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

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

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

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

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

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

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

._tabList_m0ss7_280 {
  overflow-x: auto;
}

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

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

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

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

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

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

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

  ._showOnlyMobile_m0ss7_326 {
    display: none;
  }
}

._showOnlyMobile_m0ss7_326 {
  display: block;
}

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

  ._showOnlyTablet_m0ss7_341 {
    display: block;
  }
}

._hideOnTablet_m0ss7_337 {
  display: block;
}

._showOnlyTablet_m0ss7_341 {
  display: none;
}

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

._spacerVertical_m0ss7_358 {
  flex: 1;
}

._spacerHorizontal_m0ss7_362 {
  flex-grow: 1;
}

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

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

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

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

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

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

._flexCenter_m0ss7_396 {
  justify-content: center;
}

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

/* Gap utilities */
._gap1_m0ss7_407 {
  gap: 0.25rem;
} /* 4px */
._gap2_m0ss7_410 {
  gap: 0.5rem;
} /* 8px */
._gap3_m0ss7_413 {
  gap: 0.75rem;
} /* 12px */
._gap4_m0ss7_416 {
  gap: 1rem;
} /* 16px */
._gap6_m0ss7_419 {
  gap: 1.5rem;
} /* 24px */

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

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

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

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

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

/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  ._sidebarContainer_m0ss7_92,
  ._navButton_m0ss7_137,
  ._navIcon_m0ss7_167,
  ._authLoadingSpinner_m0ss7_49 {
    transition: none;
    animation: none;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._hoverPurple_r7534_80:hover {
  background-color: var(--color-interaction-purple-bg);
  color: var(--color-interaction-purple-text);
}

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

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

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

._hoverOrange_r7534_100:hover {
  background-color: var(--color-interaction-orange-bg);
  color: var(--color-interaction-orange-text);
}

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

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

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

._hoverIndigo_r7534_120:hover {
  background-color: var(--color-interaction-indigo-bg);
  color: var(--color-interaction-indigo-text);
}

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

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

._hoverScaleGreen_r7534_138 {
}

._hoverScalePurple_r7534_142 {
}

._hoverScaleRed_r7534_146 {
}

._hoverScaleOrange_r7534_150 {
}

._hoverScaleGray_r7534_154 {
}

._hoverScaleIndigo_r7534_158 {
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  ._hoverScale_r7534_10,
  ._hoverScaleSubtle_r7534_23,
  ._hoverScaleLarge_r7534_35,
  ._hoverScaleBlue_r7534_134,
  ._hoverScaleGreen_r7534_138,
  ._hoverScalePurple_r7534_142,
  ._hoverScaleRed_r7534_146,
  ._hoverScaleOrange_r7534_150,
  ._hoverScaleGray_r7534_154,
  ._hoverScaleIndigo_r7534_158,
  ._hoverLift_r7534_167,
  ._pressEffect_r7534_184,
  ._navItem_r7534_223 {
    transition:
      background-color var(--transition-fast),
      color var(--transition-fast);
  }

  ._hoverScale_r7534_10:hover,
  ._hoverScaleSubtle_r7534_23:hover,
  ._hoverScaleLarge_r7534_35:hover,
  ._hoverLift_r7534_167:hover,
  ._navItem_r7534_223:hover {
    transform: none;
  }

  ._hoverScale_r7534_10:active,
  ._hoverScaleSubtle_r7534_23:active,
  ._hoverScaleLarge_r7534_35:active,
  ._pressEffect_r7534_184:active {
    transform: none;
  }
}

/* Focus visible styles for keyboard navigation */
._focusRing_r7534_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;
}
/**
 * Header Module
 * Styles for special header content like Today View navigation
 */

/* ========================================
   TODAY VIEW HEADER (in main navbar)
   ======================================== */

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

._todayNavBtn_8ct2k_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_8ct2k_16:hover {
  background: var(--surface-hover);
  color: var(--text-primary);
}

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

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

._dayNumber_8ct2k_47 {
  font-weight: var(--font-weight-bold);
}

._todayDateNumber_8ct2k_51 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  align-self: flex-end;
  margin-bottom: 0.125rem;
}

._todayBadge_8ct2k_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_8ct2k_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_8ct2k_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_8ct2k_78:hover {
  background: var(--surface-hover);
  color: var(--text-primary);
  border-color: var(--border-hover);
}

._weekBtnActive_8ct2k_99 {
  background: var(--color-blue-500);
  border-color: var(--color-blue-600);
  color: var(--color-white);
}

._weekBtnActive_8ct2k_99:hover {
  background: var(--color-blue-600);
  border-color: var(--color-blue-700);
  color: var(--color-white);
}

/* Navigation arrows container */
._navArrows_8ct2k_112 {
  display: flex;
  align-items: center;
  gap: 0.125rem;
}

/* Mode toggle button - subtle style */
._modeToggleBtn_8ct2k_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_8ct2k_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_8ct2k_145 {
  color: var(--color-green-500);
}
._tabGreenActive_8ct2k_148 {
  color: var(--color-green-700);
}
[data-theme='dark'] ._tabGreenActive_8ct2k_148,
[data-theme='dark-contrasted'] ._tabGreenActive_8ct2k_148 {
  color: var(--color-green-500);
}
._tabGreenBorder_8ct2k_155 {
  border: 1px solid var(--color-green-500);
}

/* Emerald - Income variant */
._tabEmerald_8ct2k_160 {
  color: var(--color-tab-emerald);
}
._tabEmeraldActive_8ct2k_163 {
  color: var(--color-tab-emerald-active);
}
[data-theme='dark'] ._tabEmeraldActive_8ct2k_163,
[data-theme='dark-contrasted'] ._tabEmeraldActive_8ct2k_163 {
  color: var(--color-tab-emerald-dark);
}
._tabEmeraldBorder_8ct2k_170 {
  border: 1px solid var(--color-tab-emerald-border);
}

/* Red - Expenses, Alerts */
._tabRed_8ct2k_175 {
  color: var(--color-red-500);
}
._tabRedActive_8ct2k_178 {
  color: var(--color-red-700);
}
[data-theme='dark'] ._tabRedActive_8ct2k_178,
[data-theme='dark-contrasted'] ._tabRedActive_8ct2k_178 {
  color: var(--color-tab-red-dark);
}
._tabRedBorder_8ct2k_185 {
  border: 1px solid var(--color-red-500);
}

/* Blue - Assets, Week Score */
._tabBlue_8ct2k_190 {
  color: var(--color-blue-500);
}
._tabBlueActive_8ct2k_193 {
  color: var(--color-blue-700);
}
[data-theme='dark'] ._tabBlueActive_8ct2k_193,
[data-theme='dark-contrasted'] ._tabBlueActive_8ct2k_193 {
  color: var(--color-tab-blue-dark);
}
._tabBlueBorder_8ct2k_200 {
  border: 1px solid var(--color-blue-500);
}

/* Purple - Subscriptions, Sleep */
._tabPurple_8ct2k_205 {
  color: var(--color-tab-purple);
}
._tabPurpleActive_8ct2k_208 {
  color: var(--color-tab-purple-active);
}
[data-theme='dark'] ._tabPurpleActive_8ct2k_208,
[data-theme='dark-contrasted'] ._tabPurpleActive_8ct2k_208 {
  color: var(--color-tab-purple-dark);
}
._tabPurpleBorder_8ct2k_215 {
  border: 1px solid var(--color-tab-purple-border);
}

/* Amber - Mortgage */
._tabAmber_8ct2k_220 {
  color: var(--color-tab-amber);
}
._tabAmberActive_8ct2k_223 {
  color: var(--color-tab-amber-active);
}
[data-theme='dark'] ._tabAmberActive_8ct2k_223,
[data-theme='dark-contrasted'] ._tabAmberActive_8ct2k_223 {
  color: var(--color-tab-amber-dark);
}
._tabAmberBorder_8ct2k_230 {
  border: 1px solid var(--color-tab-amber-border);
}

/* Cyan - Investments */
._tabCyan_8ct2k_235 {
  color: var(--color-tab-cyan);
}
._tabCyanActive_8ct2k_238 {
  color: var(--color-tab-cyan-active);
}
[data-theme='dark'] ._tabCyanActive_8ct2k_238,
[data-theme='dark-contrasted'] ._tabCyanActive_8ct2k_238 {
  color: var(--color-tab-cyan-dark);
}
._tabCyanBorder_8ct2k_245 {
  border: 1px solid var(--color-tab-cyan-border);
}

/* Orange - Budgets, Correlations */
._tabOrange_8ct2k_250 {
  color: var(--color-tab-orange);
}
._tabOrangeActive_8ct2k_253 {
  color: var(--color-tab-orange-active);
}
[data-theme='dark'] ._tabOrangeActive_8ct2k_253,
[data-theme='dark-contrasted'] ._tabOrangeActive_8ct2k_253 {
  color: var(--color-tab-orange-dark);
}
._tabOrangeBorder_8ct2k_260 {
  border: 1px solid var(--color-tab-orange-border);
}

/* Pink - OKRs */
._tabPink_8ct2k_265 {
  color: var(--color-tab-pink);
}
._tabPinkActive_8ct2k_268 {
  color: var(--color-tab-pink-active);
}
[data-theme='dark'] ._tabPinkActive_8ct2k_268,
[data-theme='dark-contrasted'] ._tabPinkActive_8ct2k_268 {
  color: var(--color-tab-pink-dark);
}
._tabPinkBorder_8ct2k_275 {
  border: 1px solid var(--color-tab-pink-border);
}

/* Sky - Travel */
._tabSky_8ct2k_280 {
  color: var(--color-tab-sky);
}
._tabSkyActive_8ct2k_283 {
  color: var(--color-tab-sky-active);
}
[data-theme='dark'] ._tabSkyActive_8ct2k_283,
[data-theme='dark-contrasted'] ._tabSkyActive_8ct2k_283 {
  color: var(--color-tab-sky-dark);
}
._tabSkyBorder_8ct2k_290 {
  border: 1px solid var(--color-tab-sky-border);
}

/* Indigo - Yearly Report */
._tabIndigo_8ct2k_295 {
  color: var(--color-tab-indigo);
}
._tabIndigoActive_8ct2k_298 {
  color: var(--color-tab-indigo-active);
}
[data-theme='dark'] ._tabIndigoActive_8ct2k_298,
[data-theme='dark-contrasted'] ._tabIndigoActive_8ct2k_298 {
  color: var(--color-tab-indigo-dark);
}
._tabIndigoBorder_8ct2k_305 {
  border: 1px solid var(--color-tab-indigo-border);
}
/**
 * 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_1hu2t_11 *:focus-visible {
  outline: 2px solid var(--border-focus);
  outline-offset: 2px;
}

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

._container_1hu2t_11 {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}

._leftPanel_1hu2t_29 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

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

._weekHeader_1hu2t_41 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
  border-bottom: 1px solid var(--border-default);
  background-color: var(--surface-base);
  flex-shrink: 0;
  box-sizing: border-box;
}

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

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

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

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

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

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

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

._weekNav_1hu2t_52 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

._weekNavBtn_1hu2t_104 {
  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_1hu2t_104:hover {
  background-color: var(--surface-elevated);
  color: var(--text-primary);
}

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

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

._todayBtnCompact_1hu2t_137 {
  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_1hu2t_137:hover {
  background: var(--action-primary);
  color: white;
}

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

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

._objectivesBar_1hu2t_164 {
  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_1hu2t_175 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-tertiary);

  letter-spacing: 0.02em;
  white-space: nowrap;
}

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

._objectiveChip_1hu2t_192 {
  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_1hu2t_192:hover {
  border-color: var(--border-default);
  background-color: var(--surface-primary);
}

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

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

._addObjectiveBtn_1hu2t_224 {
  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_1hu2t_224:hover {
  border-color: var(--text-secondary);
  color: var(--text-secondary);
}

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

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

/* Floating sidebar toggle — vertically centered on right edge */
._sidebarFloatingToggle_1hu2t_258 {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 40px;
  border: 1px solid var(--border-default);
  border-right: none;
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
  background: var(--surface-base);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all var(--transition-fast);
}

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

._daysGrid_1hu2t_283 {
  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);
  position: relative;
}

/* Resize handle between the two day rows (Mon-Wed / Thu-Fri-Weekend) */
._dayRowResizer_1hu2t_297 {
  position: absolute;
  left: 0;
  right: 0;
  height: 6px;
  margin-top: -3px;
  cursor: row-resize;
  z-index: 5;
  background: transparent;
  transition: background-color 0.15s ease;
}

._dayRowResizer_1hu2t_297:hover,
._dayRowResizer_1hu2t_297:active {
  background: var(--border-strong);
}

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

._rightSidebar_1hu2t_318 {
  width: 260px;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  border-left: 1px solid var(--border-default);
  background-color: var(--surface-base);
  overflow: hidden;
  transition: width 0.2s ease-in-out;
}

._rightSidebarCollapsed_1hu2t_329 {
  width: 0;
  border-left: none;
}

._rightSidebarResizeHandle_1hu2t_334 {
  width: 4px;
  cursor: col-resize;
  background: transparent;
  flex-shrink: 0;
  transition: background-color 0.15s ease;
}

._rightSidebarResizeHandle_1hu2t_334:hover,
._rightSidebarResizeHandle_1hu2t_334:active {
  background-color: var(--border-active, var(--accent));
}

._rightSidebarContent_1hu2t_347 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

/* Sidebar View Selector - icon tabs at top, height matches weekHeader */
._sidebarViewSelector_1hu2t_357 {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 0 0.25rem;
  border-bottom: 1px solid var(--border-default);
  flex-shrink: 0;
  box-sizing: border-box;
}

/* Ensure left header and sidebar selector have identical height */
._weekHeader_1hu2t_41, ._sidebarViewSelector_1hu2t_357 {
  height: 41px;
}

._sidebarViewBtn_1hu2t_372 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex: 1;
  height: 24px;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all var(--transition-fast);
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
}

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

._sidebarViewBtnActive_1hu2t_395 {
  background: color-mix(in srgb, var(--action-primary) 15%, transparent);
  color: var(--action-primary);
}

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

/* Sidebar Projects View */
._sidebarProjectsList_1hu2t_406 {
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 0.25rem;
}

._sidebarProjectRow_1hu2t_413 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.375rem;
  padding: 0.3rem 0.625rem;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-primary);
  font-size: 0.75rem;
  cursor: pointer;
  text-align: left;
  transition: background var(--transition-fast);
}

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

._sidebarProjectName_1hu2t_433 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._sidebarProjectProgress_1hu2t_441 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: var(--text-tertiary);
  font-size: 0.6875rem;
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}

._sidebarProjectGroupHeader_1hu2t_451 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.375rem 0.625rem 0.125rem;
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--text-tertiary);
}

._sidebarProjectGroupLabel_1hu2t_461 {
  display: flex;
  align-items: center;
  gap: 4px;
}

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

._sidebarProjectAttention_1hu2t_473 {
  color: var(--warning);
  flex-shrink: 0;
  margin-right: 4px;
  vertical-align: -1px;
  display: inline;
}

._sidebarProjectBadge_1hu2t_481 {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--warning);
}

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

/* Work mode selector in sidebar bottom */
._sidebarWorkMode_1hu2t_501 {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  padding: 0.375rem 0.5rem;
  border-top: 1px solid color-mix(in srgb, var(--border-default) 40%, transparent);
}

/* Collapsible Week Selector at sidebar bottom */
._weekSelectorCollapsible_1hu2t_510 {
  flex-shrink: 0;
  border-top: 1px solid color-mix(in srgb, var(--border-default) 40%, transparent);
}

._weekSelectorToggle_1hu2t_515 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  width: 100%;
  padding: 0.375rem 0.5rem;
  border: none;
  background: transparent;
  color: var(--text-tertiary);
  font-size: 0.6875rem;
  font-weight: 500;
  cursor: pointer;
  transition: color var(--transition-fast);
}

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

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

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

._sidebarSectionHeader_1hu2t_548 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  flex-shrink: 0;
}

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

/* Sidebar Notes header */
._sidebarNotesHeader_1hu2t_566 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.5rem;
  flex-shrink: 0;
  border-bottom: 1px solid var(--border-default);
}

._sidebarNotesTitle_1hu2t_575 {
  font-size: var(--font-size-xs);
  font-weight: 500;
  color: var(--text-secondary);
}

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

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

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

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

  letter-spacing: 0.025em;
}

._sidebarSectionCount_1hu2t_615 {
  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);
}

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

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

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

._sidebarEmptyClickable_1hu2t_646 {
  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_1hu2t_646:hover {
  color: var(--action-primary);
}

._sidebarEmptyState_1hu2t_489 {
  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_1hu2t_671 {
  opacity: 0.5;
}

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

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

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

._sidebarAddBtn_1hu2t_689 {
  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_1hu2t_689:hover {
  background-color: var(--surface-base);
  color: var(--text-primary);
}

/* Goal items in sidebar */
._goalItem_1hu2t_710 {
  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_1hu2t_710:hover {
  background-color: var(--surface-base);
}

._goalItemCompleted_1hu2t_728 {
}

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

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

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

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

._sidebarTabsList_1hu2t_760 {
  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_1hu2t_770 {
  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_1hu2t_770:hover {
  color: var(--text-secondary);
  background-color: var(--surface-elevated);
}

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

._sidebarTabCount_1hu2t_797 {
  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_1hu2t_770[data-selected] ._sidebarTabCount_1hu2t_797 {
  background-color: var(--action-primary);
  color: white;
}

/* Colored sidebar tab icons */
._iconGoals_1hu2t_812 {
  color: var(--state-warning); /* Amber/orange for goals/targets */
}

._iconInbox_1hu2t_816 {
  color: var(--state-info); /* Blue for inbox */
}

._iconDeferred_1hu2t_820 {
  color: var(--action-primary); /* Purple for deferred/paused */
}

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

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

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

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

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

  letter-spacing: 0.025em;
}

._weekSelectorNavBtn_1hu2t_868 {
  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_1hu2t_868:hover {
  background-color: var(--surface-elevated);
  color: var(--text-primary);
}

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

._weekSelectorCell_1hu2t_893 {
  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_1hu2t_893:hover {
  background-color: var(--action-primary);
  color: white;
  border-color: transparent;
}

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

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

._weekSelectorCellCurrent_1hu2t_922 {
  border-color: var(--action-primary);
  border-width: 2px;
}

._weekSelectorCellCurrent_1hu2t_922:not(._weekSelectorCellSelected_1hu2t_912):not(:hover) {
  color: var(--action-primary);
}

._weekSelectorCellOutside_1hu2t_931 {
  opacity: 0.35;
}

._weekSelectorCellOutside_1hu2t_931:hover {
  opacity: 1;
}

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

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

._weekSelectorCellMonth_1hu2t_952 {
  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_1hu2t_961 {
  margin-bottom: 0.5rem;
}

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

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

._inboxTypeHeader_1hu2t_973 {
  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_1hu2t_984 {
}

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

._inboxTypeHeaderPersonal_1hu2t_992 {
}

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

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

._dayColumn_1hu2t_1004 {
  display: flex;
  flex-direction: column;
  background-color: var(--surface-base);
  min-height: 0;
  border-radius: 0;
  border-right: 1px solid var(--border-subtle);
  outline: none !important;
}

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

/* Add bottom border to first row (first 3 items) */
._dayColumn_1hu2t_1004:nth-child(-n + 3) {
  border-bottom: 1px solid var(--border-subtle);
}

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

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

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

._dayColumnPast_1hu2t_1037::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_1hu2t_1037 ._dayHeader_1hu2t_1053,
._dayColumnPast_1hu2t_1037 ._dayTasks_1hu2t_1054,
._dayColumnPast_1hu2t_1037 ._dayTasksEmpty_1hu2t_1055 {
  opacity: 0.6;
}

._dayHeader_1hu2t_1053 {
  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_1hu2t_1053:hover {
  background-color: var(--surface-hover);
}

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

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

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

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

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

._dayName_1hu2t_1103 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.02em;
  color: var(--text-primary);
}

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

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

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

._todayBadge_1hu2t_1126 {
  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_1hu2t_1136 {
  font-size: 0.625rem;
  color: var(--text-tertiary);
  margin-left: 0.375rem;
}

/* Gap Summary Badge */
._gapBadgeContainer_1hu2t_1143 {
  position: relative;
  display: inline-flex;
  overflow: visible;
}

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

._gapBadge_1hu2t_1143:hover {
  background: color-mix(in srgb, var(--state-success-bg) 80%, var(--state-success));
  color: var(--state-success);
}

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

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

/* Gap Popover */
._gapPopover_1hu2t_1180 {
  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_1hu2t_1194 {
  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_1hu2t_1204 {
  font-weight: 400;
  font-size: 0.625rem;
  color: var(--text-tertiary);
}

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

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

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

._gapCategoryBadge_1hu2t_1228 {
  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_1hu2t_1242 {
  background: var(--state-success-bg);
  color: var(--state-success);
}

._gapMedium_1hu2t_1247 {
  background: var(--state-warning-bg);
  color: var(--state-warning);
}

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

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

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

/* Capacity Indicator (in GapSummaryBadge) */
._capacityDivider_1hu2t_1268 {
  color: var(--text-quaternary);
  font-size: 0.625rem;
}

._capacityRatio_1hu2t_1273 {
  font-size: 0.6875rem;
  font-weight: 500;
  color: var(--text-secondary);
}

._capacityOver_1hu2t_1279 {
  color: var(--state-warning);
}

/* Popover Stats Section */
._gapPopoverStats_1hu2t_1285 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding: 0.375rem 0;
  margin-bottom: 0.375rem;
  border-bottom: 1px solid var(--border-default);
}

._gapPopoverStatRow_1hu2t_1294 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.6875rem;
}

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

._gapPopoverStatValue_1hu2t_1305 {
  color: var(--text-secondary);
  font-weight: 500;
}

._gapPopoverStatNote_1hu2t_1310 {
  color: var(--text-tertiary);
  font-weight: 400;
  margin-left: 0.25rem;
}

._addTaskBtn_1hu2t_1316 {
  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_1hu2t_1004:hover ._addTaskBtn_1hu2t_1316,
._addTaskBtn_1hu2t_1316:focus {
  opacity: 1;
}

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

._dayNote_1hu2t_1343 {
  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);
}

._dayNoteInline_1hu2t_1352 {
  margin-left: auto;
  max-width: 30ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  font-style: italic;
  cursor: pointer;
  flex-shrink: 1;
}

._dayNotePopover_1hu2t_1365 {
  position: absolute;
  right: 0.5rem;
  top: 100%;
  z-index: 10;
  max-width: 280px;
  padding: 0.5rem;
  font-size: var(--font-size-xs);
  font-style: italic;
  color: var(--text-secondary);
  background: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-md);
  white-space: normal;
  word-break: break-word;
}

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

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

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

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

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

/* Wrapper for task card with optional subtasks below */
._taskCardWrapper_1hu2t_1415 {
  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_1hu2t_1415:hover {
  box-shadow: var(--shadow-sm);
}

._taskCardWrapperDragging_1hu2t_1434 {
  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_1hu2t_1444 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  min-width: 0; /* Allow text truncation */
}

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

/* Legacy taskCard class for backwards compatibility */
._taskCard_1hu2t_1415 {
  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_1hu2t_1415:hover {
  border-color: var(--border-default);
  box-shadow: var(--shadow-sm);
}

._taskCardDragging_1hu2t_1480 {
  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_1hu2t_1490 {
  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_1hu2t_1497 {
  opacity: 0.6;
  background-color: transparent;
  transition:
    opacity var(--transition-fast),
    transform var(--transition-fast);
}

._taskCardCompleted_1hu2t_1497:hover {
  opacity: 0.8;
}

/* Skipped task styling - muted like completed but with strikethrough */
._taskCardSkipped_1hu2t_1510 {
  opacity: 0.5;
  background-color: transparent;
  transition:
    opacity var(--transition-fast),
    transform var(--transition-fast);
}

._taskCardSkipped_1hu2t_1510:hover {
  opacity: 0.7;
}

._taskTitleSkipped_1hu2t_1522 {
  flex: 1;
  font-size: var(--font-size-xs);
  line-height: 1.3;
  min-width: 0;
  color: var(--text-tertiary);
  text-decoration: line-through;
}

/* Template icon in TaskCard (replaces checkbox for templates) */
._taskTemplateIcon_1hu2t_1532 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--action-primary);
}

/* Skip button for recurring instances */
._skipBtn_1hu2t_1543 {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  padding: 0.125rem 0.375rem;
  background-color: transparent;
  color: var(--text-tertiary);
  font-size: var(--font-size-xs);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  cursor: pointer;
  flex-shrink: 0;
  transition: all var(--transition-fast);
}

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

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

/* Height collapse animation for task wrapper - starts collapsing after fade completes */
@keyframes _taskCollapseHeight_1hu2t_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_1hu2t_1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}

._taskCardCompleting_1hu2t_1609 {
  animation:
    _taskComplete_1hu2t_1 400ms ease-out forwards,
    _taskCollapseHeight_1hu2t_1 400ms ease-out forwards;
  pointer-events: none;
  overflow: hidden;
}

._taskCardCompleting_1hu2t_1609 ._taskCheckbox_1hu2t_1617 {
  animation: _checkmarkPop_1hu2t_1 200ms ease-out;
}

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

  ._taskCardCompleting_1hu2t_1609 ._taskCheckbox_1hu2t_1617 {
    animation: none;
  }
}

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

._taskCardDeleting_1hu2t_1652 {
  animation:
    _taskDelete_1hu2t_1 350ms ease-out forwards,
    _taskCollapseHeight_1hu2t_1 350ms ease-out forwards;
  pointer-events: none;
  overflow: hidden;
}

/* Respect reduced motion preferences for delete animation */
@media (prefers-reduced-motion: reduce) {
  ._taskCardDeleting_1hu2t_1652 {
    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_1hu2t_1 {
  0%,
  100% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.4;
  }
}

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

._taskCardPending_1hu2t_1681::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_1hu2t_1 1.5s ease-in-out infinite;
  pointer-events: none;
}

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

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

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

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

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

._failedBadge_1hu2t_1736 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--state-error);
}

._failedRetryBtn_1hu2t_1743 {
  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_1hu2t_1743:hover {
  color: var(--action-primary);
  background-color: color-mix(in srgb, var(--action-primary) 10%, transparent);
}

._failedDismissBtn_1hu2t_1763 {
  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_1hu2t_1763:hover {
  color: var(--state-error);
  background-color: color-mix(in srgb, var(--state-error) 10%, transparent);
}

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

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

._dayColumnHighlighted_1hu2t_1788::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_1hu2t_1617 {
  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_1hu2t_1617:checked {
  background-color: var(--action-primary);
  border-color: var(--action-primary);
}

._taskCheckbox_1hu2t_1617: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_1hu2t_1617:hover {
  border-color: var(--action-primary);
}

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

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


/* Scheduled time display in task cards — prominent, right-aligned column */
._taskScheduledTime_1hu2t_1855 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  color: var(--text-secondary);
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
  min-width: 2.75rem;
  text-align: right;
}

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

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

._taskSectionHeader_1hu2t_1876 {
  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_1hu2t_1876 svg {
  opacity: 0.7;
}

._taskSectionHeaderWork_1hu2t_1890 {
}

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

._taskSectionHeaderPersonal_1hu2t_1898 {
}

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

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

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

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

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

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

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

._weekendColumn_1hu2t_1942 {
}

._weekendHeader_1hu2t_1946 {
}

._weekendHeaderToday_1hu2t_1950 {
}

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

._weekendLabel_1hu2t_1963 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);

  letter-spacing: 0.02em;
  color: var(--text-secondary);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: color 0.15s ease;
  flex-shrink: 0;
}

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

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

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

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

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

._statusIndicator_1hu2t_2005 {
  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_1hu2t_2005:hover {
  background: color-mix(in srgb, var(--color-blue-500) 18%, transparent);
}

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

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

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

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

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

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

._statusActionBtn_1hu2t_2057 {
  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_1hu2t_2057:hover {
  background: var(--surface-elevated);
  color: var(--text-primary);
}

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

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

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

._statusWarning_1hu2t_2076 ._statusTime_1hu2t_2036 {
  color: var(--color-yellow-600);
}

._statusWarning_1hu2t_2076 ._statusText_1hu2t_2042 {
  color: var(--color-yellow-600);
  font-weight: var(--font-weight-semibold);
}

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

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

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

._bottomTrayCollapsed_1hu2t_2120 {
}

._bottomTrayExpanded_1hu2t_2124 {
  height: 12rem;
}

._bottomTrayHeader_1hu2t_2129 {
  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_1hu2t_2129:hover {
  background-color: var(--surface-elevated);
}

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

._bottomTrayTab_1hu2t_2142 {
  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_1hu2t_2142:hover {
  color: var(--text-primary);
}

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

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

._bottomTrayToggle_1hu2t_2179 {
  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_1hu2t_2179:hover {
  background-color: var(--surface-elevated);
  color: var(--text-primary);
}

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

._bottomTrayExpanded_1hu2t_2124 ._bottomTrayContent_1hu2t_2198 {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

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

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

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

@keyframes _dropZonePulse_1hu2t_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_1hu2t_2222 {
  animation: _dropZonePulse_1hu2t_1 1.5s ease-in-out infinite;
}

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

._nextWeekDropZone_1hu2t_2246 {
  /* 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_1hu2t_2246 span {
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

._nextWeekDropZoneActive_1hu2t_2277 {
  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_1hu2t_2285 {
  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_1hu2t_2285 span {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
}

._prevWeekDropZoneActive_1hu2t_2318 {
  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_1hu2t_1914,
[data-theme='dark-contrasted'] ._priorityP1_1hu2t_1914 {
  background-color: color-mix(in srgb, var(--color-red-500) 20%, transparent);
  color: var(--color-red-400);
}

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  ._taskCard_1hu2t_1415,
  ._dayColumn_1hu2t_1004,
  ._bottomTray_1hu2t_2113,
  ._weekNavBtn_1hu2t_104,
  ._addTaskBtn_1hu2t_1316,
  ._objectiveChip_1hu2t_192,
  ._dropZone_1hu2t_2215 {
    transition: none;
  }

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

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

._loadingOverlay_1hu2t_2378 {
  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_1hu2t_2388 {
  width: 1.5rem;
  height: 1.5rem;
  border: 2px solid var(--border-default);
  border-top-color: var(--action-primary);
  border-radius: 50%;
  animation: _spin_1hu2t_1 0.6s linear infinite;
}

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

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

._errorBanner_1hu2t_2410 {
  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_1hu2t_2421 {
  flex-shrink: 0;
}

._errorBannerMessage_1hu2t_2425 {
  flex: 1;
}

._errorBannerAction_1hu2t_2429 {
  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_1hu2t_2429:hover {
  background-color: var(--color-red-200);
}

._daysGridLoading_1hu2t_2445 {
  position: relative;
}

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

._modalOverlay_1hu2t_2454 {
  position: fixed;
  inset: 0;
  background-color: var(--overlay-bg);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: var(--z-floating);
  animation: _fadeIn_1hu2t_1 0.15s ease-out;
}

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

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

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

._modalClose_1hu2t_2493 {
  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_1hu2t_2493:hover {
  background-color: var(--surface-base);
  color: var(--text-primary);
}

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

._modalFooter_1hu2t_2521 {
  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_1hu2t_2531 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._formLabel_1hu2t_2537 {
  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_1hu2t_2546 {
  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_1hu2t_2546:focus {
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--action-primary) 20%, transparent);
}

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

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

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

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

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

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

._priorityOption_1hu2t_2589 {
  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_1hu2t_2589:hover {
  border-color: var(--border-default);
}

._priorityOptionP1_1hu2t_2607 {
}

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

._priorityOptionP2_1hu2t_2618 {
}

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

._priorityOptionP3_1hu2t_2629 {
}

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

._priorityOptionP4_1hu2t_2640 {
}

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

/* Tags input */
._tagsContainer_1hu2t_2652 {
  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_1hu2t_2652:focus-within {
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--action-primary) 20%, transparent);
}

._tag_1hu2t_2652 {
  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_1hu2t_2680 {
  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_1hu2t_2680:hover {
  background-color: var(--surface-base);
  color: var(--text-primary);
}

._tagInput_1hu2t_2698 {
  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_1hu2t_2698::-moz-placeholder {
  color: var(--text-tertiary);
}

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

/* Buttons */
._btnPrimary_1hu2t_2714 {
  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_1hu2t_2714:hover {
  opacity: 0.9;
}

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

._btnSecondary_1hu2t_2735 {
  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_1hu2t_2735:hover {
  background-color: var(--surface-elevated);
  color: var(--text-primary);
}

._btnDanger_1hu2t_2752 {
  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_1hu2t_2752:hover {
  background-color: var(--color-red-500);
  color: white;
}

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

._taskModalOverlay_1hu2t_2777 {
  position: fixed;
  inset: 0;
  background-color: var(--overlay-bg);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5vh 20px;
  z-index: var(--z-overlay);
  animation: _fadeIn_1hu2t_1 0.15s ease-out;
}

._taskModal_1hu2t_2777 {
  background-color: var(--surface-elevated);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-2xl), 0 0 0 1px var(--border-default);
  width: 100%;
  max-width: 900px;
  height: 92vh;
  max-height: 92vh;
  display: flex;
  flex-direction: column;
  animation: _scaleIn_1hu2t_1 0.15s ease-out;
  overflow: hidden;
}

/* Objective Modal - smaller variant */
._objectiveModal_1hu2t_2806 {
  background-color: var(--surface-elevated);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-2xl), 0 0 0 1px var(--border-default);
  width: 100%;
  max-width: 480px;
  display: flex;
  flex-direction: column;
  animation: _scaleIn_1hu2t_1 0.15s ease-out;
  overflow: hidden;
}

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

._objectiveLabel_1hu2t_2825 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);

  letter-spacing: 0.02em;
}

._objectiveTitleInput_1hu2t_2833 {
  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_1hu2t_2833:focus {
  border-color: var(--action-primary);
}

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

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

._objectiveDescriptionInput_1hu2t_2855 {
  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_1hu2t_2855:focus {
  border-color: var(--action-primary);
}

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

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

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

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

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

._taskModalHeaderProjectBtn_1hu2t_2901 {
  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_1hu2t_2901:hover {
  background-color: var(--surface-base);
  color: var(--text-primary);
}

._taskModalProjectDropdownHeader_1hu2t_2920 {
  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_1hu2t_2934 {
  color: var(--text-tertiary);
}

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

._taskModalBreadcrumbLink_1hu2t_2943 {
  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_1hu2t_2943:hover {
  background-color: var(--surface-base);
  text-decoration: underline;
}

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

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

._taskModalDeleteBtn_1hu2t_2971 {
  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_1hu2t_2971:hover {
  background-color: var(--state-error);
  color: white;
}

._taskModalCloseBtn_1hu2t_2990 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: -0.25rem; /* 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_1hu2t_2990:hover {
  background-color: var(--surface-hover);
  border-color: var(--border-hover);
  color: var(--text-secondary);
}

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

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

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

._taskModalCheckbox_1hu2t_3033 {
  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_1hu2t_3033:hover {
  background-color: var(--surface-base);
}

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

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

._taskModalTitleInput_1hu2t_3060 {
  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_1hu2t_3060::-moz-placeholder {
  color: var(--text-tertiary);
}

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

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

/* Description section with border */
._taskModalDescriptionSection_1hu2t_3083 {
  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_1hu2t_3083:focus-within {
  border-color: var(--action-primary);
}

._taskModalDescriptionLabel_1hu2t_3096 {
  display: block;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold); /* Stronger weight */
  color: var(--text-primary); /* More prominent */

  letter-spacing: 0.025em;
  margin-bottom: 0.375rem;
}

._taskModalDescriptionInput_1hu2t_3106 {
  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_1hu2t_3106::-moz-placeholder {
  color: var(--text-tertiary);
}

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

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

._taskModalAddSubtask_1hu2t_3126 {
  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_1hu2t_3126:hover {
  color: var(--text-secondary);
  background-color: var(--surface-base);
}

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

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

/* Clickable subtask badge */
._subtaskBadgeClickable_1hu2t_3163 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--font-size-xs);
  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_1hu2t_3163:hover {
  background: var(--surface-tertiary);
  color: var(--text-secondary);
}

/* Duration badge on TaskCard */
/* Duration column — subtler than scheduled time, right-aligned */
._durationBadge_1hu2t_3186 {
  display: inline-flex;
  align-items: center;
  font-size: 0.6875rem;
  font-weight: var(--font-weight-normal);
  color: var(--text-tertiary);
  font-variant-numeric: tabular-nums;
  min-width: 2.25rem;
  text-align: right;
  opacity: 0.75;
}

._durationBadgeBelow_1hu2t_3198 {
  display: inline-flex;
  align-items: center;
  font-size: 0.625rem; /* 10px - match label badges */
  font-weight: var(--font-weight-medium);
  color: var(--text-tertiary);
  font-variant-numeric: tabular-nums;
}

._durationOverBudget_1hu2t_3207 {
  display: inline-flex;
  align-items: center;
  font-size: 0.625rem; /* 10px - match label badges */
  font-weight: var(--font-weight-medium);
  color: var(--state-warning);
  font-variant-numeric: tabular-nums;
}

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

/* Deadline badge in labels row: match label badge size (10px) */
._taskCardLabelsRow_1hu2t_3217 ._deadlineBadge_1hu2t_3226 {
  font-size: 0.625rem;
  font-weight: var(--font-weight-medium);
}

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

._taskCardSubtaskRow_1hu2t_3241 {
  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_1hu2t_3250 {
  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;
}

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

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

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

._taskCardSubtaskTitle_1hu2t_3286 {
  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_1hu2t_3286:hover {
  color: var(--brand-primary);
  text-decoration: underline;
}

._taskCardSubtaskTitleCompleted_1hu2t_3304 {
  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_1hu2t_3304:hover {
  text-decoration: underline line-through;
}

._taskCardSubtaskDuration_1hu2t_3321 {
  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;
}

._subtaskScheduledIndicator_1hu2t_3330 {
  display: inline-flex;
  align-items: center;
  color: var(--color-accent);
  margin-left: 0.25rem;
  flex-shrink: 0;
  opacity: 0.7;
}

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

._subtasksSectionHeader_1hu2t_3346 {
  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_1hu2t_3356 {
  font-weight: var(--font-weight-normal);
  color: var(--text-tertiary);
}

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

._subtaskCheckbox_1hu2t_3368 {
  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: background-color 0.15s ease, border-color 0.15s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* Expanded hit area: ~30x30px around 14px visual checkbox */
._subtaskCheckbox_1hu2t_3368::before {
  content: '';
  position: absolute;
  inset: -8px;
}

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

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

@keyframes _subtaskCheckmarkAppear_1hu2t_1 {
  0% { transform: rotate(45deg) scale(0); opacity: 0; }
  50% { transform: rotate(45deg) scale(1.2); opacity: 1; }
  100% { transform: rotate(45deg) scale(1); opacity: 1; }
}

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

._subtaskTitleBtn_1hu2t_3418 {
  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_1hu2t_3418:hover {
  background-color: var(--surface-base);
}

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

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

/* Inline editing input for subtask titles */
._subtaskInlineInput_1hu2t_3452 {
  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_1hu2t_3452:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 2px var(--primary-translucent);
}

._subtaskScheduledDate_1hu2t_3471 {
  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_1hu2t_3481 {
  color: var(--text-tertiary);
  opacity: 0;
  transition: opacity 0.1s ease;
}

._subtaskTitleBtn_1hu2t_3418:hover ._subtaskChevron_1hu2t_3481 {
  opacity: 1;
}

._subtaskDeleteBtn_1hu2t_3491 {
  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_1hu2t_3361:hover ._subtaskDeleteBtn_1hu2t_3491 {
  opacity: 1;
}

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

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

._subtaskDragHandle_1hu2t_3522 {
  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_1hu2t_3522:active {
  cursor: grabbing;
}

._sortableSubtaskRow_1hu2t_3513:hover ._subtaskDragHandle_1hu2t_3522 {
  opacity: 1;
}

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

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

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

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

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

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

/* Meta bar - reorganized with labeled sections */
._taskModalMetaBar_1hu2t_3580 {
  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_1hu2t_3590 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

._taskModalMetaSectionLabel_1hu2t_3596 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-tertiary);

  letter-spacing: 0.025em;
}

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

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

._taskModalMetaItem_1hu2t_3618 {
  position: relative;
}

._taskModalMetaBtn_1hu2t_3622 {
  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_1hu2t_3622:hover {
  background-color: var(--surface-hover);
}

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

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

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

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

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

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

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

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

._taskModalDateClear_1hu2t_3697 {
  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_1hu2t_3697:hover {
  background-color: var(--bg-tertiary);
  color: var(--text-secondary);
}

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

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

._taskModalTagSmall_1hu2t_3736 {
  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_1hu2t_3736 button {
  display: flex;
  padding: 0;
  background: none;
  border: none;
  color: var(--text-tertiary);
  cursor: pointer;
}

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

._taskModalAddTagInline_1hu2t_3760 {
  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_1hu2t_3760 input {
  width: 60px;
  border: none;
  background: transparent;
  outline: none;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}

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

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

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

._taskModalDeleteBtnFooter_1hu2t_3792 {
  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_1hu2t_3792:hover {
  color: white;
  border-color: var(--state-error);
  background-color: var(--state-error);
}

._taskModalSaveBtn_1hu2t_3813 {
  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_1hu2t_3813:hover {
  opacity: 0.9;
}

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

/* Legacy bottom styles - keep for backwards compat */
._taskModalBottom_1hu2t_3835 {
  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_1hu2t_3845 {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}

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

._taskModalProjectLabelsRow_1hu2t_3857 {
  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_1hu2t_3866 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._taskModalLabelsRow_1hu2t_3866 ._taskModalFieldLabel_1hu2t_3872 {
  flex-shrink: 0;
}

._taskModalLabelsRow_1hu2t_3866 ._taskModalTagsWrapper_1hu2t_3876 {
  flex: 1;
}

._taskModalLabelsRow_1hu2t_3866 ._btnPrimary_1hu2t_2714 {
  flex-shrink: 0;
  margin-left: auto;
}

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

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

._taskModalFieldLabel_1hu2t_3872 {
  display: block;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-tertiary);
  margin-bottom: 0.5rem;

  letter-spacing: 0.025em;
}

._taskModalFieldValueWrapper_1hu2t_3904 {
  position: relative;
}

._taskModalFieldValue_1hu2t_3904 {
  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_1hu2t_3904:hover {
  background-color: var(--surface-elevated);
}

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

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

._taskModalDateRow_1hu2t_3938 {
  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_1hu2t_3938:hover {
  background-color: var(--surface-elevated);
}

._taskModalDateInputVisible_1hu2t_3952 {
  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_1hu2t_3952:hover {
  border-color: var(--border-default);
}

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

._taskModalDropdown_1hu2t_3973 {
  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_1hu2t_1 0.1s ease-out;
}

._taskModalDropdownItem_1hu2t_3987 {
  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_1hu2t_3987:hover {
  background-color: var(--surface-base);
}

/* Project dropdown - wider and no truncation */
._taskModalProjectDropdown_1hu2t_2920 {
  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_1hu2t_1 0.1s ease-out;
  max-height: 300px;
  overflow-y: auto;
}

._taskModalProjectDropdownItem_1hu2t_4024 {
  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_1hu2t_4024:hover {
  background-color: var(--surface-base);
}

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

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

._taskModalPriorityBtn_1hu2t_4055 {
  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_1hu2t_4055:hover {
  background-color: var(--surface-elevated);
}

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

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

._taskModalTag_1hu2t_3727 {
  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_1hu2t_4095 {
  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_1hu2t_4095:hover {
  color: var(--text-primary);
  background-color: var(--surface-base);
}

._taskModalAddTagLabel_1hu2t_4113 {
  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_1hu2t_4113:hover {
  background-color: var(--surface-elevated);
}

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

._taskModalTagInputVisible_1hu2t_4133 {
  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_1hu2t_4133::-moz-placeholder {
  color: var(--text-tertiary);
}

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

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

._taskModalV2_1hu2t_4152 {
  /* 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-2xl), 0 0 0 1px var(--border-default);
  display: flex;
  flex-direction: column;
  overflow: visible; /* Allow popovers to escape */
}

._taskModalHeaderV2_1hu2t_4175 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.25rem 0.75rem;
  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_1hu2t_2886 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

._taskModalBreadcrumbV2_1hu2t_4196 {
  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_1hu2t_4206 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.375rem 0.125rem 0.125rem;
  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-xs);
}

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

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

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

._taskModalParentTitle_1hu2t_4236 {
  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_1hu2t_4246 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
}

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

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

._taskModalAutoSaveSaved_1hu2t_4267 {
  color: var(--state-success);
  filter: drop-shadow(0 0 2px rgba(34, 197, 94, 0.4));
}

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

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

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

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

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

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

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

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

/* Left column - main content */
._taskModalLeftColumn_1hu2t_4316 {
  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_1hu2t_4325 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

._taskModalCheckboxV2_1hu2t_4332 {
  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_1hu2t_4332:hover:not(:disabled) {
  background-color: var(--surface-base);
}

._taskModalCheckboxCompleted_1hu2t_3054 {
  animation: _checkmarkPopModal_1hu2t_1 250ms ease-out;
}

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

._taskModalTitleInputV2_1hu2t_4367 {
  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_1hu2t_4367::-moz-placeholder {
  color: var(--text-tertiary);
}

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

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

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

._taskModalSubtasksV2_1hu2t_4394 {
  flex: 1;
  padding-left: 1rem;
  padding-top: 1rem;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  /* Linear-style: spacing instead of divider */
}

._taskModalSubtasksLabel_1hu2t_4403 {
}

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

._hideCompletedToggle_1hu2t_4415 {
  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_1hu2t_4415:hover {
  color: var(--text-secondary);
  background: var(--surface-hover);
}

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

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

._taskModalAddSubtaskV2_1hu2t_4451 {
  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_1hu2t_4451:hover:not(:disabled) {
  color: var(--text-secondary);
}

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

/* Reusable "add" button with centered label on a horizontal line */
._addLineButton_1hu2t_4474 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0.25rem;
  width: 100%;
  padding: 0.5rem 0;
  font-size: var(--font-size-xs);
  color: transparent;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.15s ease;
  position: relative;
}

._addLineButton_1hu2t_4474::before {
  content: '';
  position: absolute;
  top: 0.5rem;
  left: 0;
  right: 0;
  height: 1px;
  background: transparent;
  transition: background 0.15s ease;
}

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

._addLineButton_1hu2t_4474:hover::before {
  background: var(--border-default);
}

._addLineButton_1hu2t_4474:focus-visible {
  color: var(--text-tertiary);
  outline: none;
}

._addLineButton_1hu2t_4474:focus-visible::before {
  background: var(--border-default);
}

._addLineButtonLabel_1hu2t_4518 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0 0.375rem;
  background: var(--surface-elevated);
  position: relative;
  z-index: 1;
  font-size: var(--font-size-xs);
  line-height: 1;
}

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

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

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

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

._pendingSubtaskDelete_1hu2t_4558 {
  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_1hu2t_4538:hover ._pendingSubtaskDelete_1hu2t_4558 {
  opacity: 0.7;
}

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

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

._taskModalDeleteBtnV2_1hu2t_4593 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  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_1hu2t_4593:hover {
  color: var(--state-error);
  border-color: var(--state-error);
  background-color: color-mix(in srgb, var(--state-error) 10%, transparent);
}

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

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

/* Skip button for recurring instances in bottom bar */
._taskModalSkipBtn_1hu2t_4636 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  background: var(--surface-secondary);
  border: 1px solid var(--border-default);
  border-radius: 999px;
  cursor: pointer;
  transition: all var(--transition-fast);
}

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

/* Instance badge in TaskModal header (supports both span and button) */
._taskModalInstanceBadge_1hu2t_4658 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.5rem;
  background-color: var(--action-primary-subtle);
  color: var(--action-primary);
  font-size: var(--font-size-xs);
  border-radius: var(--radius-sm);
  margin-left: 0.5rem;
  border: none;
  cursor: pointer;
  transition: opacity 0.15s ease;
}

._taskModalInstanceBadge_1hu2t_4658:hover {
  opacity: 0.8;
}

/* Template badge in TaskModal header */
._taskModalTemplateBadge_1hu2t_4678 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.5rem;
  background-color: var(--action-primary-subtle);
  color: var(--action-primary);
  font-size: var(--font-size-xs);
  border-radius: var(--radius-sm);
  font-weight: var(--font-weight-medium);
  margin-left: 0.5rem;
}

/* Focus split button in bottom bar - pill-style to match other bottom bar buttons */
._focusSplitButton_1hu2t_4692 {
  display: flex;
  align-items: stretch;
  border-radius: 999px;
  overflow: hidden;
}

/* Hover effect on the whole split button */
._focusSplitButton_1hu2t_4692:hover ._focusSplitMain_1hu2t_4700,
._focusSplitButton_1hu2t_4692:hover ._focusSplitArrow_1hu2t_4701 {
  background-color: var(--surface-hover);
  color: var(--text-primary);
  border-color: var(--action-primary);
}

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

._focusSplitMain_1hu2t_4700._focusSplitRunning_1hu2t_4723 {
  color: white;
  border-color: color-mix(in srgb, var(--state-error) 70%, var(--surface-base));
  background-color: color-mix(in srgb, var(--state-error) 70%, var(--surface-base));
  border-radius: var(--radius-sm);
}

._focusSplitMain_1hu2t_4700._focusSplitRunning_1hu2t_4723:hover {
  border-color: var(--state-error);
  background-color: var(--state-error);
}

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

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

._focusDropdownOption_1hu2t_4754 {
  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_1hu2t_4754:hover {
  background-color: var(--surface-hover);
}

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

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

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

/* Inline timer - replaces focus button when session is running */
._focusInlineTimer_1hu2t_4787 {
  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);
  font-family: var(--font-mono, ui-monospace, monospace);
  font-variant-numeric: tabular-nums;
  color: white;
  background-color: color-mix(in srgb, var(--state-error) 70%, var(--surface-base));
  border: none;
  border-radius: var(--radius-full);
  cursor: pointer;
  transition: all 0.15s ease;
}
._focusInlineTimer_1hu2t_4787:hover {
  background-color: var(--state-error);
}

/* YouTube-style progress bar at modal bottom edge */
._taskModalProgressBar_1hu2t_4808 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  overflow: hidden;
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
  pointer-events: none;
}
._taskModalProgressFill_1hu2t_4818 {
  height: 100%;
  background-color: color-mix(in srgb, var(--state-success) 80%, var(--surface-base));
  transition: width 1s linear;
  border-radius: 0 2px 0 0;
}

._taskModalSaveBtnV2_1hu2t_4825 {
  padding: 0.25rem 0.75rem;
  font-size: var(--font-size-xs);
  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_1hu2t_4825:hover {
  opacity: 0.9;
}

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

/* Bottom bar spanning full width */
._taskModalBottomBar_1hu2t_4847 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.75rem;
  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_1hu2t_4858 {
  flex: 1;
}

/* TaskModal Resize Handle */
._taskModalResizeHandle_1hu2t_4863 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 8px;
  cursor: row-resize;
  margin-left: -1rem;
  margin-right: -1rem;
  transition: background 0.15s ease;
}
._taskModalResizeHandle_1hu2t_4863:hover {
  background: color-mix(in srgb, var(--border-default) 30%, transparent);
}
._taskModalResizeBar_1hu2t_4876 {
  width: 32px;
  height: 3px;
  border-radius: 2px;
  background: var(--border-default);
  transition: background 0.15s ease;
}
._taskModalResizeHandle_1hu2t_4863:hover ._taskModalResizeBar_1hu2t_4876 {
  background: var(--text-tertiary);
}

/* TaskModal Pill Buttons */
._taskModalTabActions_1hu2t_4888 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
  padding-right: 1rem;
}
._taskModalPillBtn_1hu2t_4895 {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  border: 1px solid var(--border-default);
  border-radius: 999px;
  background: var(--surface-secondary);
  color: var(--text-secondary);
  font-size: var(--font-size-xs);
  cursor: pointer;
  transition: all 0.15s ease;
}
._taskModalPillBtn_1hu2t_4895:hover {
  background: var(--surface-hover);
  color: var(--text-primary);
  border-color: var(--action-primary);
}
._taskModalPillBtn_1hu2t_4895:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* TaskModal Bottom Tabs (Focus / History) - Linear-style: subtle dividers, flush to edges */
._taskModalBottomTabs_1hu2t_4919 {
  display: flex;
  flex-direction: column;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  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_1hu2t_4931 {
  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_1hu2t_4888 {
  display: inline-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-tertiary);
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  transition: all 0.15s ease;
  margin-bottom: -1px;
}

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

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

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

._taskModalTabContent_1hu2t_4970 {
  padding: 1rem 1rem;
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}

/* ========================================
   TEMPLATE INSTANCES TAB
   ======================================== */

._instancesContainer_1hu2t_4981 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._instancesEmpty_1hu2t_4987 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1.5rem;
  color: var(--text-tertiary);
  font-size: var(--font-size-sm);
}

._instancesSection_1hu2t_4997 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

/* instancesSectionHeader removed - migrated to SectionHeader component (49-05) */

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

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

._instanceRowIcon_1hu2t_5023 {
  display: flex;
  align-items: center;
  color: var(--text-tertiary);
  flex-shrink: 0;
}

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

._instanceRowStatus_1hu2t_5036 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  padding: 0.0625rem 0.375rem;
  border-radius: var(--radius-sm);
}

._instanceStatusUpcoming_1hu2t_5043 {
  color: var(--action-primary);
  background-color: var(--action-primary-subtle);
}

._instanceStatusDone_1hu2t_5048 {
  color: var(--color-green-600);
  background-color: color-mix(in srgb, var(--color-green-600) 12%, transparent);
}

._instanceStatusSkipped_1hu2t_5053 {
  color: var(--color-orange-500);
  background-color: color-mix(in srgb, var(--color-orange-500) 12%, transparent);
}

._instanceStatusCancelled_1hu2t_5058 {
  color: var(--color-red-500);
  background-color: color-mix(in srgb, var(--color-red-500) 12%, transparent);
}

/* Clickable project in breadcrumb */
._taskModalBreadcrumbProject_1hu2t_5064 {
  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_1hu2t_5064:hover {
  background-color: var(--surface-hover);
}

/* Right sidebar */
._taskModalRightSidebar_1hu2t_5084 {
  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_1hu2t_5093 {
  padding-bottom: 0;
  margin-bottom: 1.25rem; /* Increased from 0.75rem - spacing replaces divider */
}

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

._taskModalSidebarSectionLabel_1hu2t_5105 {
  font-size: 11px;
  font-weight: 600;

  letter-spacing: 0.02em;
  color: var(--text-primary);
  margin-bottom: 0.625rem;
}

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

._taskModalSidebarSection_1hu2t_5093 ._sidebarField_1hu2t_5114 {
  padding: 0.375rem 0;
}

/* Consistent minimum width for sidebar scheduling controls */
._sidebarField_1hu2t_5114 ._recurrenceSelector_1hu2t_5126,
._sidebarField_1hu2t_5114 ._recurrenceTrigger_1hu2t_5127,
._sidebarField_1hu2t_5114 ._sidebarDurationSelect_1hu2t_5128,
._sidebarField_1hu2t_5114 ._sidebarReminderToggle_1hu2t_5129 {
  min-width: 90px;
}

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

._sidebarClearBtn_1hu2t_5143 {
  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_1hu2t_5143:hover {
  background: var(--surface-hover);
  color: var(--text-secondary);
}

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

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

._sidebarFieldHalf_1hu2t_5170 ._sidebarFieldValue_1hu2t_5175 {
  font-size: var(--font-size-xs);
}

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

._sidebarFieldValueWrapper_1hu2t_5188 {
  position: relative;
}

._sidebarFieldValue_1hu2t_5175 {
  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_1hu2t_5175:hover {
  color: var(--action-primary);
}

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

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

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

._sidebarTimeInput_1hu2t_5233::-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_1hu2t_5256 {
  height: 2rem;
  font-size: var(--font-size-xs);
  border: none;
  background: transparent;
  box-shadow: none;
}

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

._sidebarDurationSelect_1hu2t_5128 {
  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_1hu2t_5128:hover {
  background-color: var(--surface-hover);
  color: var(--text-primary);
}

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

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

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

/* Duration quick-select chip */
._sidebarDurationChip_1hu2t_5301 {
  height: var(--control-height-sm);
  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;
  white-space: nowrap;
}

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

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

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

/* Clear duration button */
._sidebarDurationClear_1hu2t_5341 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--control-height-sm);
  height: var(--control-height-sm);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all 0.15s ease;
}

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

/* Smaller "more" dropdown for additional duration options */
._sidebarDurationMoreSelect_1hu2t_5362 {
  height: var(--control-height-sm);
  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_1hu2t_5362:hover {
  background-color: var(--surface-hover);
  color: var(--text-secondary);
}

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

._sidebarDurationMoreSelect_1hu2t_5362._sidebarDurationChipSelected_1hu2t_5328:hover {
  background-color: var(--action-primary-hover);
  border-color: var(--action-primary-hover);
}

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

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

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

/* Inline validation error (near buttons) */
._validationErrorInline_1hu2t_5414 {
  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_1hu2t_5426 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 240px;
  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);
}


/* Priority selector - simplified with only options */
._sidebarPrioritySelector_1hu2t_5442 {
  display: flex;
  gap: 0.125rem;
}

._sidebarPriorityOption_1hu2t_5447 {
  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_1hu2t_5447:hover {
  opacity: 1;
  background-color: var(--surface-elevated);
}

._sidebarPriorityOptionSelected_1hu2t_5469 {
  opacity: 1;
  border-color: var(--priority-color);
  background-color: color-mix(in srgb, var(--priority-color) 10%, transparent);
}

/* Unified sidebar dropdown trigger — consistent border, padding, width
   Used by Project, Labels, and Key Result selectors in the Task Modal sidebar */
._sidebarDropdownTrigger_1hu2t_5477 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  width: 100%;
  padding: 0.375rem 0.5rem;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  background: transparent;
  cursor: pointer;
  transition: border-color 0.15s ease;
  min-width: 0;
  overflow: hidden;
}

._sidebarDropdownTrigger_1hu2t_5477 > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._sidebarDropdownTrigger_1hu2t_5477:hover {
  border-color: var(--border-active, var(--border-strong));
  color: var(--text-primary);
}

/* Legacy alias — kept for any remaining references */
._sidebarProjectBtn_1hu2t_5506 {
}

/* Type selector classes removed -- migrated to PillToggleGroup (41-06) */

._sidebarTypeInherited_1hu2t_5512 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  height: var(--control-height-sm);
  padding: 0 0.375rem;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  border-radius: var(--radius-sm);
  cursor: default;
}

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

/* Type toggle button classes removed -- migrated to PillToggleGroup (41-06) */

/* Reminder toggle button */
._sidebarReminderToggle_1hu2t_5129 {
  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_1hu2t_5129:hover {
  background-color: var(--surface-hover);
  border-color: var(--border-hover);
  color: var(--text-secondary);
}

._sidebarReminderToggleActive_1hu2t_5554 {
  border-color: var(--color-amber-500);
  color: var(--color-amber-600);
  background-color: color-mix(in srgb, var(--color-amber-500) 15%, transparent);
}

._sidebarReminderToggleActive_1hu2t_5554:hover {
  background-color: color-mix(in srgb, var(--color-amber-500) 20%, transparent);
}

/* Compact reminder bell icon (inline with When field) */
._sidebarReminderIcon_1hu2t_5565 {
  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_1hu2t_5565:hover {
  background-color: var(--surface-hover);
  color: var(--text-secondary);
}

._sidebarReminderIconActive_1hu2t_5585 {
  color: var(--color-amber-500);
  background-color: color-mix(in srgb, var(--color-amber-500) 15%, transparent);
}

._sidebarReminderIconActive_1hu2t_5585:hover {
  background-color: color-mix(in srgb, var(--color-amber-500) 25%, transparent);
}

._sidebarLabelsValue_1hu2t_5594 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  align-items: center;
}

._sidebarTag_1hu2t_5601 {
  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_1hu2t_5601 button {
  display: flex;
  align-items: center;
  background: transparent;
  border: none;
  color: var(--text-tertiary);
  cursor: pointer;
  padding: 0;
}

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

._sidebarAddLabel_1hu2t_5626 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--text-tertiary);
  cursor: pointer;
}

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

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

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

._sidebarTimeTracking_1hu2t_5647 {
  font-size: var(--font-size-sm);
  color: var(--text-primary);
}

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

/* Timer Controls */
._sidebarTimerControls_1hu2t_5657 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

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

._sidebarTimerDot_1hu2t_5670 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--state-error);
  animation: _pulse_1hu2t_1 1.5s ease-in-out infinite;
}

@keyframes _pulse_1hu2t_1 {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}

._sidebarTimerTime_1hu2t_5688 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  font-variant-numeric: tabular-nums;
  color: var(--text-primary);
}

._sidebarTimerIdle_1hu2t_5695 {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
}

._sidebarTimerStartBtn_1hu2t_5700,
._sidebarTimerStopBtn_1hu2t_5701 {
  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_1hu2t_5700 {
  background: var(--action-primary);
  color: white;
}

._sidebarTimerStartBtn_1hu2t_5700:hover:not(:disabled) {
  opacity: 0.9;
}

._sidebarTimerStopBtn_1hu2t_5701 {
  background: var(--state-error);
  color: var(--text-inverse);
}

._sidebarTimerStopBtn_1hu2t_5701:hover:not(:disabled) {
  opacity: 0.9;
}

._sidebarTimerStartBtn_1hu2t_5700:disabled,
._sidebarTimerStopBtn_1hu2t_5701:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._sidebarTimerProgress_1hu2t_5737 {
  margin-top: 0.5rem;
  height: 4px;
  background: var(--surface-elevated);
  border-radius: 2px;
  overflow: hidden;
}

._sidebarTimerProgressBar_1hu2t_5745 {
  height: 100%;
  background: var(--action-primary);
  border-radius: 2px;
  transition: width 0.3s ease;
}

/* Focus Block Styles */
._sidebarFocusBlockBtn_1hu2t_5753 {
  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_1hu2t_5753:hover:not(:disabled) {
  background: var(--surface-hover);
  color: var(--text-primary);
  border-color: var(--border-strong);
}

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

._sidebarFieldDisabledHint_1hu2t_5779 {
  display: block;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  margin-top: 0.25rem;
}

._sidebarFocusBlockActive_1hu2t_5786 {
  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_1hu2t_5786 span {
  flex: 1;
}

._sidebarFocusBlockDelete_1hu2t_5803 {
  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_1hu2t_5803:hover {
  background: rgba(var(--danger-rgb), 0.1);
  color: var(--danger);
}


/* Wider dropdown for KR/Objective selectors */
._sidebarDropdownWide_1hu2t_5823 {
  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_1hu2t_5833 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--font-size-sm);
}

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

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

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


._krSelectComplete_1hu2t_5854 {
  color: var(--status-success);
}

/* Objective selector display in trigger button */
._objSelectDisplay_1hu2t_5859 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-sm);
}

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

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

/* ========================================
   QUICK ADD INPUT
   ======================================== */

._quickAddForm_1hu2t_5879 {
  width: 100%;
  animation: _slideIn_1hu2t_1 0.15s ease-out;
}

._quickAddInput_1hu2t_5884 {
  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_1hu2t_5884:focus {
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--action-primary) 20%, transparent);
}

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

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

/* ========================================
   MODE TOGGLE
   ======================================== */

._modeToggle_1hu2t_5909 {
  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_1hu2t_5909:hover {
  border-color: var(--border-default);
  color: var(--text-primary);
}

._modeToggleMock_1hu2t_5928 {
  background-color: color-mix(in srgb, var(--color-orange-500) 10%, transparent);
  border-color: var(--color-orange-300);
  color: var(--color-orange-700);
}

._modeToggleLive_1hu2t_5935 {
  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_1hu2t_5946 {
  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_1hu2t_5946: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_1hu2t_5946:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._syncBtnSpinning_1hu2t_5972 {
  animation: _spin_1hu2t_1 1s linear infinite;
}

._calendarSyncWrapper_1hu2t_5976 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

._calendarStatusOk_1hu2t_5982 {
  display: flex;
  align-items: center;
  color: var(--color-green-600);
}

._calendarStatusError_1hu2t_5988 {
  display: flex;
  align-items: center;
  color: var(--color-orange-500);
  cursor: help;
}

._fetchingIndicator_1hu2t_5995 {
  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_1hu2t_6011 {
  display: flex;
  align-items: center;
  margin-right: 0.5rem;
}

._headerFilterSelect_1hu2t_6017 {
  height: 1.75rem;
  min-width: 7rem;
  padding: 0 0.5rem;
  font-size: var(--font-size-xs);
  background: transparent;
  border-color: var(--border-default);
}

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

/* Header dropdown buttons (Filters & Actions) */
._headerDropdownBtn_1hu2t_6031 {
  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_1hu2t_6031: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);
}

/* Unified segmented control: Work | Personal | Menu */
._headerSegmented_1hu2t_6053 {
  display: flex;
  align-items: center;
  height: 28px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background: transparent;
  overflow: hidden;
}

._headerSegmentedBtn_1hu2t_6063 {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 100%;
  padding: 0 0.5rem;
  border: none;
  background: transparent;
  color: var(--text-tertiary);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all var(--transition-fast);
  white-space: nowrap;
}

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

._headerSegmentedDivider_1hu2t_6084 {
  width: 1px;
  height: 16px;
  background: var(--border-default);
  flex-shrink: 0;
}

._headerIconBtn_1hu2t_6091 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  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;
}

._headerIconBtn_1hu2t_6091: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);
}

._headerIconBtn_1hu2t_6091[data-notes-btn] {
  background-color: color-mix(in srgb, var(--color-tab-amber) 15%, transparent);
  border-color: color-mix(in srgb, var(--color-tab-amber) 25%, transparent);
  color: var(--color-tab-amber);
}

._headerIconBtn_1hu2t_6091[data-notes-btn]:hover {
  background-color: color-mix(in srgb, var(--color-tab-amber) 25%, transparent);
  border-color: color-mix(in srgb, var(--color-tab-amber) 40%, transparent);
  color: var(--color-tab-amber);
}

._headerDropdownLabel_1hu2t_6124 {
  display: none;
}

@media (min-width: 640px) {
  ._headerDropdownLabel_1hu2t_6124 {
    display: inline;
  }
}

/* Header toggle button (Plan, Notes) */
._headerToggleBtn_1hu2t_6135 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  height: 1.75rem;
  padding: 0 0.5rem;
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-default);
  background-color: var(--surface-base);
  color: var(--text-secondary);
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

._headerToggleBtn_1hu2t_6135: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);
}

._headerToggleBtnActive_1hu2t_6157 {
  background-color: color-mix(in srgb, var(--action-primary) 12%, transparent);
  border-color: color-mix(in srgb, var(--action-primary) 40%, transparent);
  color: var(--action-primary);
}

._headerToggleBtnActive_1hu2t_6157:hover {
  background-color: color-mix(in srgb, var(--action-primary) 18%, transparent);
  border-color: color-mix(in srgb, var(--action-primary) 50%, transparent);
}


._headerDropdownItem_1hu2t_6169 {
  display: flex;
  align-items: center;
}

._menuItemCount_1hu2t_6174 {
  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_1hu2t_6188 {
  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_1hu2t_6198 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

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

._plannerFilterLabel_1hu2t_6208 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-tertiary);
}

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

._plannerFilterBtn_1hu2t_6220 {
  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_1hu2t_6220:hover {
  background-color: var(--surface-elevated);
  color: var(--text-primary);
}

._plannerFilterBtnActive_1hu2t_6240 {
  background-color: var(--surface-elevated);
  border-color: var(--action-primary);
  color: var(--action-primary);
}

._plannerFilterBtnActiveWork_1hu2t_6246 {
  background-color: var(--color-blue-50);
  border-color: var(--color-blue-500);
  color: var(--color-blue-600);
}

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

._plannerFilterBtnActivePersonal_1hu2t_6257 {
  background-color: var(--color-purple-50);
  border-color: var(--color-purple-500);
  color: var(--color-purple-600);
}

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

/* ========================================
   CALENDAR EVENTS
   ======================================== */

._calendarEventsSection_1hu2t_6272 {
  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_1hu2t_6281 {
  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_1hu2t_6281:hover {
  opacity: 0.85;
  transform: translateX(1px);
}

._calendarEventStartTime_1hu2t_6304 {
  flex-shrink: 0;
  font-weight: var(--font-weight-medium);
  opacity: 0.7;
  min-width: 2.25rem;
}

._calendarEventCompact_1hu2t_6281 ._calendarEventTitle_1hu2t_6311 {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._calendarEventCompact_1hu2t_6281 ._calendarEventIcon_1hu2t_6318 {
  flex-shrink: 0;
  opacity: 0.7;
}

/* Full calendar event card */
._calendarEvent_1hu2t_6272 {
  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_1hu2t_6272:hover {
  opacity: 0.85;
}

/* Reduce brightness of Google Calendar colors on dark themes */
.dark ._calendarEvent_1hu2t_6272 {
  filter: brightness(0.75) saturate(0.9);
}

.dark ._calendarEvent_1hu2t_6272:hover {
  filter: brightness(0.7) saturate(0.9);
}

._calendarEventHeader_1hu2t_6354 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

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

._calendarEventIcon_1hu2t_6318 {
  flex-shrink: 0;
}

._calendarEventTime_1hu2t_6369 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.8125rem;
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

._calendarEventLocation_1hu2t_6378 {
  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_1hu2t_6387,
._calendarEventFocus_1hu2t_6388,
._calendarEventOOO_1hu2t_6389,
._calendarEventWorking_1hu2t_6390,
._calendarEventDefault_1hu2t_6391 {
  color: var(--text-secondary);
  background-color: transparent;
}

/* Left border colors indicate event type */
._calendarEventMeeting_1hu2t_6387 {
  border-left-color: var(--color-blue-500);
}

._calendarEventFocus_1hu2t_6388 {
  border-left-color: var(--color-purple-500);
}

._calendarEventOOO_1hu2t_6389 {
  border-left-color: var(--color-orange-500);
}

._calendarEventWorking_1hu2t_6390 {
  border-left-color: var(--color-green-500);
}

._calendarEventDefault_1hu2t_6391 {
  border-left-color: var(--text-tertiary);
}

/* Calendar event details modal */
._calendarEventDetailsOverlay_1hu2t_6418 {
  position: fixed;
  inset: 0;
  background-color: var(--overlay-bg);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: var(--z-floating);
  animation: _fadeIn_1hu2t_1 0.15s ease-out;
}

._calendarEventDetails_1hu2t_6418 {
  background-color: var(--surface-elevated);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-2xl), 0 0 0 1px var(--border-default);
  width: 100%;
  max-width: 400px;
  margin: 1rem;
  animation: _scaleIn_1hu2t_1 0.15s ease-out;
}

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

._calendarEventDetailsIcon_1hu2t_6449 {
  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_1hu2t_6460 {
  flex: 1;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0;
  line-height: 1.3;
}

._calendarEventDetailsType_1hu2t_6469 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  font-weight: var(--font-weight-medium);
  padding: 0.125rem 0.375rem;
  background: var(--surface-active);
  border-radius: var(--radius-sm);
  flex-shrink: 0;
}

._calendarEventDetailsClose_1hu2t_6479 {
  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_1hu2t_6479:hover {
  background-color: var(--surface-base);
  color: var(--text-primary);
}

._calendarEventDetailsBody_1hu2t_6499 {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._calendarEventDetailsRow_1hu2t_6506 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
}

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

._calendarEventDetailsDescription_1hu2t_6519 {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  line-height: 1.5;
  padding-top: 0.5rem;
  border-top: 1px solid var(--border-default);
  max-height: 150px;
  overflow-y: auto;
  word-break: break-word;
}

._calendarEventDetailsDescription_1hu2t_6519 a {
  color: var(--action-primary);
  text-decoration: underline;
}

._calendarEventDetailsDescription_1hu2t_6519 b,
._calendarEventDetailsDescription_1hu2t_6519 strong {
  font-weight: var(--font-weight-semibold);
}

._calendarEventLink_1hu2t_6540 {
  color: var(--action-primary);
  text-decoration: none;
  font-weight: var(--font-weight-medium);
}

._calendarEventLink_1hu2t_6540:hover {
  text-decoration: underline;
}

._calendarEventOpenLink_1hu2t_6550 {
  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_1hu2t_6550:hover {
  color: var(--action-primary);
}

._calendarEventDetailsDelete_1hu2t_6567 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.5rem;
  border: none;
  background: none;
  color: var(--text-secondary);
  font-size: var(--font-size-sm);
  cursor: pointer;
  border-radius: var(--radius-sm);
  margin-top: 0.5rem;
}

._calendarEventDetailsDelete_1hu2t_6567:hover {
  background: var(--color-error-subtle);
  color: var(--color-error);
}

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

/* ========================================
   ANIMATIONS
   ======================================== */

@keyframes _slideIn_1hu2t_1 {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes _fadeIn_1hu2t_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes _scaleIn_1hu2t_1 {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Apply subtle animations */
._dayColumn_1hu2t_1004 {
  animation: _fadeIn_1hu2t_1 0.2s ease-out;
}

._taskCard_1hu2t_1415 {
  animation: _scaleIn_1hu2t_1 0.15s ease-out;
}

._objectiveChip_1hu2t_192 {
  animation: _fadeIn_1hu2t_1 0.1s ease-out;
}

/* Task hover lift effect */
._taskCard_1hu2t_1415:hover {
}

/* Button press effect */
._weekNavBtn_1hu2t_104:active,
._addTaskBtn_1hu2t_1316:active,
._bottomTrayToggle_1hu2t_2179:active {
  transform: scale(0.95);
}

/* Smooth transitions for interactive elements */
._taskCard_1hu2t_1415,
._objectiveChip_1hu2t_192,
._weekNavBtn_1hu2t_104,
._addTaskBtn_1hu2t_1316,
._bottomTrayToggle_1hu2t_2179,
._modeToggle_1hu2t_5909 {
  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_1hu2t_6669 {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
}

._allDaySection_1hu2t_6677 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.125rem;
  padding: 0.25rem;
  border-bottom: 1px solid var(--border-default);
  background-color: var(--surface-base);
}

._allDayEvent_1hu2t_6686 {
  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_1hu2t_6699 {
  position: relative;
  flex: 1;
  height: 100%;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

._hourRow_1hu2t_6708 {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  align-items: flex-start;
  z-index: 0;
}

._hourLabel_1hu2t_6717 {
  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_1hu2t_6708:first-child ._hourLabel_1hu2t_6717 {
  margin-top: 0;
}

._hourLine_1hu2t_6733 {
  flex: 1;
  height: 1px;
  background-color: var(--border-default);
}

._eventsContainer_1hu2t_6739 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: auto;
  z-index: 1;
}

._timelineEvent_1hu2t_6749 {
  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_1hu2t_6749:hover {
  filter: brightness(0.95);
}

/* Reduce brightness of Google Calendar colors on dark themes */
.dark ._timelineEvent_1hu2t_6749 {
  filter: brightness(0.75) saturate(0.9);
}

.dark ._timelineEvent_1hu2t_6749:hover {
  filter: brightness(0.7) saturate(0.9);
}

._timelineEventTime_1hu2t_6784 {
  font-weight: var(--font-weight-semibold);
  white-space: nowrap;
  flex-shrink: 0;
}

._eventTypeLabel_1hu2t_6790 {
  font-size: 0.65rem;
  font-weight: var(--font-weight-medium);
  opacity: 0.7;

  letter-spacing: 0.02em;
  white-space: nowrap;
  flex-shrink: 0;
}

._timelineEventTitle_1hu2t_6800 {
  font-weight: var(--font-weight-medium);
  white-space: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.3;
  min-width: 0;
}

/* Compact mode for week planner - single line, fit to height */
._timelineEventCompact_1hu2t_6812 {
  /* 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_1hu2t_6812 ._timelineEventTime_1hu2t_6784,
._timelineEventCompact_1hu2t_6812 ._timelineEventTitle_1hu2t_6800 {
  font-size: inherit;
  font-weight: var(--font-weight-normal);
  line-height: 1;
}

._timelineEventCompact_1hu2t_6812 ._timelineEventTime_1hu2t_6784 {
  opacity: 0.85;
  flex-shrink: 0;
}

._timelineEventCompact_1hu2t_6812 ._timelineEventTitle_1hu2t_6800 {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  -webkit-line-clamp: unset;
}

/* Editable calendar event (focus block) - can be dragged and resized */
._timelineEventEditable_1hu2t_6846 {
  cursor: move;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._timelineEventEditable_1hu2t_6846:hover {
  box-shadow: var(--shadow-sm);
  filter: brightness(0.97);
}

/* Focus block menu */
._focusBlockMenuContainer_1hu2t_6857 {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 100;
  pointer-events: auto;
  isolation: isolate;
}

._focusBlockMenuButton_1hu2t_6866 {
  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_1hu2t_6846:hover ._focusBlockMenuButton_1hu2t_6866 {
  opacity: 1;
}

._focusBlockMenuButton_1hu2t_6866:hover {
  background: rgba(255, 255, 255, 1);
  color: var(--text-primary);
}

._focusBlockMenu_1hu2t_6857 {
  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: var(--shadow-md);
}

._focusBlockMenuItem_1hu2t_6905 {
  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_1hu2t_6905:hover {
  background: var(--bg-secondary);
}

._focusBlockMenuItem_1hu2t_6905 svg {
  color: var(--text-secondary);
  flex-shrink: 0;
}

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

/* Visibility indicator on focus blocks */
._focusBlockVisibilityIndicator_1hu2t_6936 {
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
  opacity: 0.6;
  flex-shrink: 0;
}

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

/* Clickable visibility toggle button */
._visibilityToggleButton_1hu2t_6949 {
  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_1hu2t_6949:hover:not(:disabled) {
  opacity: 1;
  background: var(--surface-hover);
}

._visibilityToggleButton_1hu2t_6949:disabled {
  cursor: default;
}

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

/* GCal Sync Toggle */
._gcalSyncToggle_1hu2t_6983 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  margin-left: 2px;
  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;
}

._gcalSyncToggle_1hu2t_6983:hover:not(:disabled) {
  opacity: 1;
  background: var(--surface-hover);
}

._gcalSyncToggle_1hu2t_6983:disabled {
  cursor: default;
}

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

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

._gcalSyncToggleFailed_1hu2t_7020 svg {
  color: var(--color-red-500);
}

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

/* Missed session styling on timeline */
._workSessionTimelineMissedOverlay_1hu2t_7029 {
  opacity: 0.7;
}

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

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

/* Menu divider */
._focusBlockMenuDivider_1hu2t_7052 {
  height: 1px;
  background: var(--border-subtle);
  margin: 4px 0;
}

/* Read-only calendar event (external) */
._timelineEventReadOnly_1hu2t_7059 {
  cursor: default;
}

/* Tentative/unconfirmed calendar events - visually distinct from accepted */
._timelineEventTentative_1hu2t_7064 {
  border-style: dashed !important;
  opacity: 0.65;
}

._timelineEventTentative_1hu2t_7064::after {
  content: '';
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 4px,
    var(--text-tertiary) 4px,
    var(--text-tertiary) 5px
  );
  opacity: 0.08;
  pointer-events: none;
  border-radius: inherit;
}

.dark ._timelineEventTentative_1hu2t_7064 {
  opacity: 0.6;
}

/* Resize handles - positioned at top and bottom edges */
/* Event resize handles - larger hit area (12px) for easier grabbing */
._eventResizeHandle_1hu2t_7091 {
  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_1hu2t_7106 {
  top: -6px;
  right: 24px;
  background: linear-gradient(to bottom, var(--color-border-secondary) 0%, transparent 100%);
  border-radius: 3px 3px 0 0;
}

._eventResizeHandleBottom_1hu2t_7113 {
  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_1hu2t_6846:hover ._eventResizeHandle_1hu2t_7091 {
  opacity: 0.8;
}

/* More prominent handles when being grabbed */
._eventResizeHandle_1hu2t_7091:hover {
  opacity: 1 !important;
  background: var(--color-accent-primary);
}

/* Visual indicator line to show grab target */
._eventResizeHandleTop_1hu2t_7106::after,
._eventResizeHandleBottom_1hu2t_7113::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_1hu2t_7106::after {
  top: 4px;
}

._eventResizeHandleBottom_1hu2t_7113::after {
  bottom: 4px;
}

/* Show the grab indicator on hover */
._timelineEventEditable_1hu2t_6846:hover ._eventResizeHandle_1hu2t_7091::after {
  opacity: 0.6;
}

._eventResizeHandle_1hu2t_7091:hover::after {
  opacity: 1;
  background: white;
}

/* Active resize state */
._timelineEventResizing_1hu2t_7164 {
  opacity: 0.7;
  z-index: 10;
  box-shadow: 0 0 0 2px var(--color-accent-primary);
}

/* Keep handles visible during resize */
._timelineEventResizing_1hu2t_7164 ._eventResizeHandle_1hu2t_7091 {
  opacity: 1;
  background: var(--color-accent-primary);
}

._timelineEventResizing_1hu2t_7164 ._eventResizeHandle_1hu2t_7091::after {
  opacity: 1;
  background: white;
}

/* Resize preview (ghost indicator) */
._eventResizePreview_1hu2t_7182 {
  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_1hu2t_7192 {
  opacity: 0.5;
  z-index: 10;
  box-shadow: var(--shadow-md);
}

/* Current time indicator */
._currentTimeIndicator_1hu2t_7199 {
  position: absolute;
  left: 24px;
  right: 0;
  display: flex;
  align-items: center;
  z-index: var(--z-raised);
  pointer-events: none;
}

._currentTimeDot_1hu2t_7209 {
  width: 6px;
  height: 6px;
  background-color: var(--color-red-500);
  border-radius: 50%;
  margin-left: -3px;
  flex-shrink: 0;
}

._currentTimeLine_1hu2t_7218 {
  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_1hu2t_7230 {
  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(--accent-teal-500);
  background-color: color-mix(in srgb, var(--accent-teal-500) 12%, transparent);
  font-size: 0.75rem;
  cursor: pointer;
  transition: all 0.15s ease;
  text-align: left;
  z-index: 1;
  box-sizing: border-box;
}

._timelineTask_1hu2t_7230:hover {
  background-color: color-mix(in srgb, var(--accent-teal-500) 22%, transparent);
  border-color: var(--accent-teal-600);
}

._timelineTaskCompact_1hu2t_7253 {
  padding: 0.125rem 0.375rem;
}

._timelineTaskCompleted_1hu2t_7257 {
  opacity: 0.5;
  border-style: solid;
}

._timelineTaskCompleted_1hu2t_7257 ._timelineTaskTitle_1hu2t_7262 {
  text-decoration: line-through;
}

._timelineTaskCheckbox_1hu2t_7266 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 0.5rem;
  color: var(--accent-teal-600);
  cursor: pointer;
}

._timelineTaskCheckbox_1hu2t_7266:hover {
  color: var(--accent-teal-700);
}

._timelineTaskCheckboxChecked_1hu2t_7280 {
  color: var(--accent-teal-500);
}

._timelineTaskTitle_1hu2t_7262 {
  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_1hu2t_7296 {
  color: var(--color-text-secondary);
  font-weight: var(--font-weight-normal);
  font-size: 0.9em;
}

._timelineTaskRight_1hu2t_7302 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex-shrink: 0;
  margin-left: auto;
  padding-left: 0.5rem;
}

._timelineTaskTime_1hu2t_7311 {
  font-size: 0.7rem;
  color: var(--color-text-secondary);
  white-space: nowrap;
}

/* Scheduled task sync to calendar button */
._scheduledTaskSyncContainer_1hu2t_7318 {
  position: relative;
}

._scheduledTaskSyncButton_1hu2t_7322 {
  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_1hu2t_7322:hover {
  opacity: 1;
  background: var(--color-bg-tertiary);
}

._scheduledTaskVisibilityMenu_1hu2t_7343 {
  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: var(--shadow-md);
  z-index: 100;
  min-width: 100px;
  overflow: hidden;
}

._scheduledTaskVisibilityOption_1hu2t_7357 {
  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_1hu2t_7357:hover {
  background: var(--color-bg-secondary);
}

._scheduledTaskVisibilityOption_1hu2t_7357:first-child {
  border-bottom: 1px solid var(--color-border);
}

/* Draggable task styles */
._timelineTaskDraggable_1hu2t_7380 {
  cursor: move;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._timelineTaskDragging_1hu2t_7385 {
  opacity: 0.5;
  z-index: 10;
  box-shadow: var(--shadow-md);
}

._timelineTaskResizing_1hu2t_7391 {
  opacity: 0.7;
  z-index: 10;
}

/* Task resize handle - positioned at bottom edge */
/* Task resize handles - larger hit area (12px) for easier grabbing */
._taskResizeHandle_1hu2t_7398 {
  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_1hu2t_7412 {
  bottom: -6px;
  background: linear-gradient(to top, var(--accent-teal-500) 0%, transparent 100%);
  border-radius: 0 0 4px 4px;
}

/* Show handle on hover */
._timelineTaskDraggable_1hu2t_7380:hover ._taskResizeHandle_1hu2t_7398 {
  opacity: 0.6;
}

/* More prominent when being grabbed */
._taskResizeHandle_1hu2t_7398:hover {
  opacity: 1 !important;
  background: var(--accent-teal-500);
}

/* Visual indicator line to show grab target */
._taskResizeHandleBottom_1hu2t_7412::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_1hu2t_7380:hover ._taskResizeHandle_1hu2t_7398::after {
  opacity: 0.6;
}

._taskResizeHandle_1hu2t_7398:hover::after {
  opacity: 1;
  background: white;
}

/* Active resize state for tasks */
._timelineTaskResizing_1hu2t_7391 {
  opacity: 0.7;
  z-index: 10;
  box-shadow: 0 0 0 2px var(--accent-teal-500);
}

/* Keep handles visible during resize */
._timelineTaskResizing_1hu2t_7391 ._taskResizeHandle_1hu2t_7398 {
  opacity: 1;
  background: var(--accent-teal-500);
}

._timelineTaskResizing_1hu2t_7391 ._taskResizeHandle_1hu2t_7398::after {
  opacity: 1;
  background: white;
}

/* Task resize preview */
._taskResizePreview_1hu2t_7472 {
  position: absolute;
  background: color-mix(in srgb, var(--accent-teal-500) 15%, transparent);
  border: 2px dashed var(--accent-teal-500);
  border-radius: 4px;
  pointer-events: none;
  z-index: 5;
}

/* Task syncing spinner - inline right-aligned */
._taskSyncingSpinner_1hu2t_7482 {
  flex-shrink: 0;
  color: var(--accent-teal-600);
  animation: _spin_1hu2t_1 0.8s linear infinite;
}

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

/* ============================================================================
   Unified Timeline - Lunch Break Indicator
   ============================================================================ */

._lunchBreakBlock_1hu2t_7501 {
  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_1hu2t_7521 {
  font-size: 11px;
  font-weight: var(--font-weight-medium);
  color: var(--text-tertiary);
  background: var(--surface-primary);
  padding: 2px 8px;
  border-radius: 3px;
  letter-spacing: 0.2px;
}

/* ============================================================================
   Unified Timeline - Gap Indicators
   ============================================================================ */

._timelineGap_1hu2t_7535 {
  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_1hu2t_7535:hover,
._timelineGapExpanded_1hu2t_7554 {
  opacity: 1;
  background: color-mix(in srgb, var(--status-success) 12%, transparent);
}

._timelineGapLabel_1hu2t_7559 {
  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: var(--shadow-sm);
}

._timelineGapHint_1hu2t_7573 {
  font-size: 9px;
  color: var(--text-tertiary);
}

/* Slot badges in gaps (L/M/S indicators) */
._gapSlotBadges_1hu2t_7579 {
  display: flex;
  gap: 3px;
  margin-left: 4px;
}

._gapSlotBreakdown_1hu2t_7585 {
  display: flex;
  gap: 4px;
}

._gapSlotL_1hu2t_7590,
._gapSlotM_1hu2t_7591,
._gapSlotS_1hu2t_7592 {
  font-size: 9px;
  font-weight: var(--font-weight-semibold);
  padding: 1px 4px;
  border-radius: 3px;
}

._gapSlotL_1hu2t_7590 {
  background: var(--state-success-bg);
  color: var(--state-success);
}

._gapSlotM_1hu2t_7591 {
  background: var(--state-warning-bg);
  color: var(--state-warning);
}

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

/* Slot blocks - positioned work time blocks within gaps */
._slotBlock_1hu2t_7615 {
  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_1hu2t_7615:hover {
  opacity: 1;
}

._slotBlockL_1hu2t_7630 {
  background: color-mix(in srgb, var(--color-green-600) 8%, transparent);
  border-color: var(--color-green-600);
}

._slotBlockM_1hu2t_7635 {
  background: color-mix(in srgb, var(--state-warning) 8%, transparent);
  border-color: var(--state-warning);
}

._slotBlockS_1hu2t_7640 {
  background: color-mix(in srgb, var(--color-gray-500) 8%, transparent);
  border-color: var(--color-gray-400);
}

._slotBlockBadge_1hu2t_7645 {
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  padding: 2px 5px;
  border-radius: 3px;
  flex-shrink: 0;
}

._slotBlockL_1hu2t_7630 ._slotBlockBadge_1hu2t_7645 {
  background: var(--state-success-bg);
  color: var(--state-success);
}

._slotBlockM_1hu2t_7635 ._slotBlockBadge_1hu2t_7645 {
  background: var(--state-warning-bg);
  color: var(--state-warning);
}

._slotBlockS_1hu2t_7640 ._slotBlockBadge_1hu2t_7645 {
  background: var(--surface-tertiary);
  color: var(--text-secondary);
}

._slotBlockTime_1hu2t_7668 {
  font-size: 10px;
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
}

/* Suggestion pills in gaps */
._gapSuggestions_1hu2t_7675 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 0 4px;
  max-width: 100%;
  justify-content: center;
}

._gapSuggestionPill_1hu2t_7684 {
  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_1hu2t_7684:hover {
  background: var(--surface-hover);
}

._gapSuggestionTitle_1hu2t_7703 {
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--text-primary);
}

/* ============================================================================
   Unified Timeline - Drag & Drop
   ============================================================================ */

/* Timeline active drop state - shows when dragging over */
._timelineDropActive_1hu2t_7714 {
  background: color-mix(in srgb, var(--color-blue-500) 8%, transparent);
  outline: 2px dashed var(--color-blue-500);
  outline-offset: -2px;
}

/* Drop preview on timeline */
._timelineDropPreview_1hu2t_7721 {
  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_1hu2t_7741 {
  border-color: var(--color-green-500);
  background: color-mix(in srgb, var(--color-green-500) 10%, transparent);
  color: var(--color-green-600);
}

._calendarIndicator_1hu2t_7747 {
  font-size: 10px;
  padding: 1px 4px;
  border-radius: 3px;
  background: var(--color-green-500);
  color: white;
}

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

/* Timeline in day column - default scrollable container */
._dayColumnTimeline_1hu2t_7761 {
  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_1hu2t_7773 {
  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_1hu2t_7783 {
  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_1hu2t_7795 {
  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_1hu2t_7807 {
  flex: 4 !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* Tasks planning mode (50/50 with drag-drop) */
._dayTasksPlanning_1hu2t_7814 {
  flex: 1 !important;
  min-height: 0 !important;
}

/* Tasks collapsed (calendar mode 80/20) - takes ~20% */
._dayTasksCollapsed_1hu2t_7820 {
  flex: 1 !important;
  min-height: 60px !important;
  max-height: 100px !important;
  overflow-y: auto;
}

/* View mode toggle button - collapsed state (in tasks mode) */
._viewModeToggleCollapsed_1hu2t_7828 {
  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_1hu2t_7828:hover {
  background-color: var(--bg-tertiary);
  color: var(--text-secondary);
}

._viewModeToggleCollapsed_1hu2t_7828:focus-visible {
  outline: none;
  background-color: var(--bg-tertiary);
  color: var(--text-secondary);
}

/* View mode toggle button - expanded state */
._viewModeToggle_1hu2t_7828 {
  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_1hu2t_7828:hover {
  background-color: var(--bg-secondary);
  color: var(--text-secondary);
}

._viewModeToggle_1hu2t_7828:focus-visible {
  outline: none;
  background-color: var(--bg-secondary);
  color: var(--text-secondary);
}

/* Hidden tasks button */
._hiddenTasksBtn_1hu2t_7882 {
  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_1hu2t_7882:hover {
  color: var(--action-primary);
  background-color: var(--bg-secondary);
}

/* Add Task Zone - hover-reveal at bottom of task list.
   Fills remaining vertical space so the entire empty area is hoverable.
   On hover: shows a separator line with centered "Add task" label. */
._addTaskZone_1hu2t_7904 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0.25rem;
  width: 100%;
  padding: 0.5rem 0.5rem 0;
  margin-top: auto;
  flex: 1;
  min-height: 2rem;
  font-size: var(--font-size-xs);
  color: transparent;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.15s ease;
  position: relative;
}

/* Horizontal line that appears on hover, behind the text */
._addTaskZone_1hu2t_7904::before {
  content: '';
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  right: 0.5rem;
  height: 1px;
  background: transparent;
  transition: background 0.15s ease;
}

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

._addTaskZone_1hu2t_7904:hover::before {
  background: var(--border-default);
}

._addTaskZone_1hu2t_7904:focus-visible {
  color: var(--text-tertiary);
  outline: none;
}

._addTaskZone_1hu2t_7904:focus-visible::before {
  background: var(--border-default);
}

/* Label centered on the line — background knocks out the line behind the text */
._addTaskZoneLabel_1hu2t_7953 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0 0.375rem;
  background: var(--surface-base);
  position: relative;
  z-index: 1;
  font-size: var(--font-size-xs);
  line-height: 1;
}

/* Empty day - just a subtle + button, no text or dashed border */
._addTaskBtnEmpty_1hu2t_7966 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  margin: auto;
  padding: 0;
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  background: transparent;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-full);
  cursor: pointer;
  transition: all 0.15s ease;
  opacity: 0.5;
}

._addTaskBtnEmpty_1hu2t_7966:hover {
  opacity: 1;
  color: var(--action-primary);
  border-color: var(--action-primary);
  background-color: var(--surface-elevated);
}

._addTaskBtnEmpty_1hu2t_7966:focus-visible {
  opacity: 1;
  outline: 2px solid var(--action-primary);
  outline-offset: 2px;
}

/* ========================================
   PROJECTS VIEW
   ======================================== */

._projectsContainer_1hu2t_8001 {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 3.5rem);
  width: 100%;
  overflow: hidden;
  background-color: var(--surface-base);
}

._projectsHeader_1hu2t_8010 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.75rem 1rem;
}

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

._projectsTitle_1hu2t_8024 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0;
}

._projectsFilters_1hu2t_8031 {
  display: flex;
  gap: 0.25rem;
  background-color: var(--surface-base);
  border-radius: var(--radius);
  padding: 0.125rem;
}

._filterButton_1hu2t_8039 {
  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_1hu2t_8039:hover {
  color: var(--text-primary);
  background-color: var(--surface-elevated);
}

._filterButtonActive_1hu2t_8056 {
  color: var(--text-primary);
  background-color: var(--surface-elevated);
  box-shadow: var(--shadow-sm);
}

._newProjectButton_1hu2t_8063 {
  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_1hu2t_8063:hover {
  background-color: var(--action-primary-hover);
  border-color: var(--action-primary-hover);
}

._loadingState_1hu2t_8084 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
}

._errorBanner_1hu2t_2410 {
  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);
}

/* Project name (shared by InboxView, ProjectModal) */
._projectName_1hu2t_8105 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  line-height: 1.3;
}

/* ========================================
   PROJECT MODAL
   ======================================== */

._projectModal_1hu2t_8116 {
  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-2xl), 0 0 0 1px var(--border-default);
  animation: _scaleIn_1hu2t_1 0.2s ease-out;
  overflow: hidden;
}

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

._typeButton_1hu2t_8135 {
  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_1hu2t_8135:hover {
  border-color: var(--border-default);
  color: var(--text-primary);
}

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

._prioritySelector_1hu2t_2584 {
  display: flex;
  gap: 0.5rem;
}

._priorityOption_1hu2t_2589 {
  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_1hu2t_2589:hover {
  border-color: var(--border-default);
}

._priorityOptionP1Selected_1hu2t_2611 {
  color: var(--color-red-600);
  border-color: var(--color-red-500);
  background-color: color-mix(in srgb, var(--color-red-500) 15%, transparent);
}

._priorityOptionP2Selected_1hu2t_2622 {
  color: var(--color-orange-600);
  border-color: var(--color-orange-500);
  background-color: color-mix(in srgb, var(--color-orange-500) 15%, transparent);
}

._priorityOptionP3Selected_1hu2t_2633 {
  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_1hu2t_8207 {
  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_1hu2t_8219 {
  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(--type-work) 15%, transparent);
  color: var(--type-work);
  flex-shrink: 0;
}

._taskProjectBadgePersonal_1hu2t_8231 {
  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(--type-personal) 15%, transparent);
  color: var(--type-personal);
  flex-shrink: 0;
}

._taskProjectBadgeName_1hu2t_8243 {
  max-width: 5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Project label - shown in labels row, styled like other labels */
._taskProjectLabel_1hu2t_8251 {
  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_1hu2t_8267 {
  position: relative;
  display: flex;
  align-items: center;
}

._taskAddProjectBtn_1hu2t_8273 {
  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_1hu2t_1415:hover ._taskAddProjectBtn_1hu2t_8273 {
  display: flex;
}

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

._taskPriorityClickable_1hu2t_8297 {
  cursor: pointer;
  transition: all 0.15s ease;
}

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

._taskProjectBadgeWork_1hu2t_8219,
._taskProjectBadgePersonal_1hu2t_8231 {
  cursor: pointer;
  border: none;
  transition: all 0.15s ease;
}

._taskProjectBadgeWork_1hu2t_8219:hover,
._taskProjectBadgePersonal_1hu2t_8231:hover {
  transform: scale(1.05);
}

._taskInlineDropdown_1hu2t_8318 {
  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_1hu2t_1 0.1s ease-out;
  max-height: 200px;
  overflow-y: auto;
  isolation: isolate;
}

/* Dark mode handled by semantic tokens */

._taskInlineDropdownItem_1hu2t_8338 {
  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_1hu2t_8338:hover {
  background-color: var(--surface-base);
}

._taskInlineDropdownItem_1hu2t_8338 span {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ========================================
   PROJECT DETAIL MODAL
   ======================================== */

._projectDetailModal_1hu2t_8369 {
  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-2xl), 0 0 0 1px var(--border-default);
  animation: _scaleIn_1hu2t_1 0.2s ease-out;
  overflow: hidden;
}

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

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

._projectDetailIcon_1hu2t_8397 {
  color: var(--text-secondary);
  flex-shrink: 0;
}

._projectDetailTitleInput_1hu2t_8402 {
  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_1hu2t_8402:focus {
  background-color: var(--surface-base);
}

._projectDetailInfo_1hu2t_8418 {
  padding: 1rem;
  padding-bottom: 1.5rem; /* Linear-style: spacing instead of divider */
}

._projectDetailField_1hu2t_8423 {
  margin-bottom: 0.75rem;
}

._projectDetailDescriptionInput_1hu2t_8427 {
  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_1hu2t_8427:focus {
  background-color: var(--surface-base);
  border-color: var(--border-default);
}

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

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

/* Markdown editor for project description */
._projectDetailDescriptionEditor_1hu2t_8449 {
  min-height: 80px;
}

._projectDetailMeta_1hu2t_8453 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

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

._projectDetailMetaLabel_1hu2t_8465 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

._projectDetailTypeToggle_1hu2t_8473 {
  display: flex;
  gap: 0.25rem;
}

._typeButtonSmall_1hu2t_8478 {
  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_1hu2t_8478:hover {
  border-color: var(--border-default);
}

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

._projectDetailPriority_1hu2t_8503 {
  display: flex;
  gap: 0.25rem;
}

._priorityBtnSmall_1hu2t_8508 {
  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_1hu2t_8508:hover {
  border-color: var(--border-default);
}

._priorityBtnSmallActive_1hu2t_8524 {
  color: var(--color-orange-600);
  border-color: var(--color-orange-500);
  background-color: color-mix(in srgb, var(--color-orange-500) 15%, transparent);
}

._projectDetailDateInput_1hu2t_8531 {
  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_1hu2t_8531:focus {
  border-color: var(--action-primary);
}

/* Tasks Section */
._projectDetailTasks_1hu2t_8546 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

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

._projectDetailAddTaskButton_1hu2t_8561 {
  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_1hu2t_8561:hover {
  background: var(--bg-tertiary);
  color: var(--text-primary);
}

._projectDetailTasksTitle_1hu2t_8580 {
  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_1hu2t_8590 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-normal);
  color: var(--text-tertiary);
}

._projectDetailTasksList_1hu2t_8596 {
  flex: 1;
  overflow-y: auto;
  padding: 0.5rem;
}

._projectDetailTasksEmpty_1hu2t_8602 {
  padding: 2rem 1rem;
  text-align: center;
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
}

._projectDetailTaskItem_1hu2t_8609 {
  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_1hu2t_8609:hover {
  background-color: var(--surface-base);
}

._projectDetailTaskItemCompleted_1hu2t_8623 {
  opacity: 0.6;
}

._projectDetailTaskCheckbox_1hu2t_8628 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-tertiary);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
}

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

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

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

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

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

._projectDetailTasksDivider_1hu2t_8666 {
  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_1hu2t_8674 {
  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;
}

/* Expanded modal variant - larger to show full task list */
._projectDetailModalExpanded_1hu2t_8684 {
  max-width: 720px;
  max-height: 90vh;
}

/* Header right section for buttons */
._projectDetailHeaderRight_1hu2t_8690 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

/* Delete button in header */
._projectDetailDeleteBtn_1hu2t_8697 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._projectDetailDeleteBtn_1hu2t_8697:hover {
  background-color: color-mix(in srgb, var(--color-red-500) 15%, transparent);
  color: var(--color-red-500);
}

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

/* Rich task content layout */
._projectDetailTaskContent_1hu2t_8722 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

/* Task metadata row */
._projectDetailTaskMeta_1hu2t_8731 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* Priority badges in task list (compact) */
._taskPriority1_1hu2t_8739,
._taskPriority2_1hu2t_8740,
._taskPriority3_1hu2t_8741 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  padding: 0.125rem 0.375rem;
  border-radius: var(--radius-sm);
}

._taskPriority1_1hu2t_8739 {
  color: var(--color-red-600);
  background-color: color-mix(in srgb, var(--color-red-500) 15%, transparent);
}

._taskPriority2_1hu2t_8740 {
  color: var(--color-orange-600);
  background-color: color-mix(in srgb, var(--color-orange-500) 15%, transparent);
}

._taskPriority3_1hu2t_8741 {
  color: var(--color-blue-600);
  background-color: color-mix(in srgb, var(--color-blue-500) 15%, transparent);
}

/* Labels in task list */
._projectDetailTaskLabels_1hu2t_8764 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

/* Subtask count */
._projectDetailTaskSubtasks_1hu2t_8773 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

/* ========================================
   RECURRENCE SELECTOR
   ======================================== */

._recurrenceSelector_1hu2t_5126 {
  position: relative;
}

._recurrenceTrigger_1hu2t_5127 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  height: var(--control-height-sm); /* 28px - compact for sidebar */
  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_1hu2t_5127:hover {
  background-color: var(--surface-hover);
  color: var(--text-primary);
}

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

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

._recurrenceActiveLabel_1hu2t_8819 {
  color: var(--action-primary);
  font-weight: var(--font-weight-medium);
}

._recurrenceDropdown_1hu2t_8824 {
  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_1hu2t_8838 {
  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_1hu2t_8838:hover {
  background-color: var(--surface-base);
}

._recurrenceOptionActive_1hu2t_8856 {
  background-color: var(--action-primary-subtle);
  color: var(--action-primary);
}

._recurrenceWeekdays_1hu2t_8862 {
  padding: 0.5rem 0.75rem;
  border-top: 1px solid var(--border-default);
  margin-top: 0.25rem;
}

._recurrenceWeekdaysLabel_1hu2t_8868 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  margin-bottom: 0.375rem;
}

._recurrenceWeekdayButtons_1hu2t_8874 {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
}

._recurrenceWeekdayBtn_1hu2t_8880 {
  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_1hu2t_8880:hover {
  border-color: var(--action-primary);
  color: var(--action-primary);
}

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

._recurrenceCustomBuilder_1hu2t_8903 {
  padding: 0.5rem 0.75rem;
  border-top: 1px solid var(--border-default);
  margin-top: 0.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._recurrenceCustomRow_1hu2t_8912 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

._recurrenceCustomLabel_1hu2t_8918 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  flex-shrink: 0;
}

._recurrenceCustomInput_1hu2t_8924 {
  width: 3rem;
  height: var(--control-height-sm);
  padding: 0 0.375rem;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  background: var(--surface-base);
  color: var(--text-primary);
  font-size: var(--font-size-xs);
  text-align: center;
}

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

._recurrenceCustomSelect_1hu2t_8941 {
  height: var(--control-height-sm);
  padding: 0 0.375rem;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  background: var(--surface-base);
  color: var(--text-primary);
  font-size: var(--font-size-xs);
  cursor: pointer;
}

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

._recurrenceCustomWeekdays_1hu2t_8957 {
  display: flex;
  gap: 0.125rem;
}

._recurrenceCustomWeekdayBtn_1hu2t_8962 {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  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);
  padding: 0;
}

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

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

._recurrenceCustomApply_1hu2t_8990 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  width: 100%;
  height: var(--control-height-sm);
  border: none;
  background-color: var(--action-primary);
  color: white;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  border-radius: var(--radius-sm);
  transition: opacity var(--transition-fast);
}

._recurrenceCustomApply_1hu2t_8990:hover {
  opacity: 0.9;
}

._recurrenceClearBtn_1hu2t_9011 {
  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_1hu2t_9011:hover {
  background-color: var(--color-red-50);
}

/* ========================================
   RECURRING TASK INDICATOR
   ======================================== */

._recurringBadge_1hu2t_9037 {
  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_1hu2t_9049 {
  background-color: var(--color-amber-50);
  color: var(--color-amber-600);
}

/* ========================================
   DEADLINE BADGE
   ======================================== */

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

._deadlineOverdue_1hu2t_9068 {
  color: var(--state-error);
}

._deadlineSoon_1hu2t_9072 {
  color: var(--state-warning);
}

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

/* ========================================
   RECURRING DELETE DIALOG
   ======================================== */

._recurringDeleteDialog_1hu2t_9084 {
  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_1hu2t_9096 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._recurringDeleteHeader_1hu2t_9096 h3 {
  flex: 1;
  font-size: var(--font-size-lg);
  font-weight: 600;
  margin: 0;
  color: var(--text-primary);
}

._recurringDeleteIcon_1hu2t_9110 {
  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_1hu2t_9121 {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  line-height: 1.5;
  margin: 0;
}

._recurringDeleteOptions_1hu2t_9128 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._recurringDeleteOptionBtn_1hu2t_9134 {
  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_1hu2t_9134:hover {
  background-color: var(--surface-hover);
  border-color: var(--border-strong);
}

._recurringDeleteOptionBtnDanger_1hu2t_9152 {
}

._recurringDeleteOptionBtnDanger_1hu2t_9152:hover {
  background-color: var(--color-red-50);
  border-color: var(--color-red-200);
}

._recurringDeleteOptionIcon_1hu2t_9161 {
  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_1hu2t_9152 ._recurringDeleteOptionIcon_1hu2t_9161 {
  background-color: var(--color-red-100);
  color: var(--color-red-600);
}

._recurringDeleteOptionText_1hu2t_9178 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

._recurringDeleteOptionText_1hu2t_9178 strong {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--text-primary);
}

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

._recurringDeleteCancelBtn_1hu2t_9195 {
  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_1hu2t_9195:hover {
  background-color: var(--surface-hover);
  color: var(--text-primary);
}

/* ========================================
   FOCUS BLOCK STYLES
   ======================================== */

/* Focus block button in TaskCard */
._focusBlockBtn_1hu2t_9216 {
  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_1hu2t_1415:hover ._focusBlockBtn_1hu2t_9216,
._taskCardWrapperDragging_1hu2t_1434 ._focusBlockBtn_1hu2t_9216 {
  opacity: 1;
}

._focusBlockBtn_1hu2t_9216:hover {
  background-color: var(--surface-secondary);
  color: var(--action-primary);
}

._focusBlockBtnActive_1hu2t_9242 {
  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_1hu2t_9242:hover {
  background-color: color-mix(in srgb, var(--action-primary) 25%, transparent);
}

/* ========================================
   TIME TRACKING STYLES
   ======================================== */

._timerContainer_1hu2t_9265 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-left: auto;
}

._timerDisplay_1hu2t_9272 {
  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_1hu2t_9283 {
  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_1hu2t_1 2s ease-in-out infinite;
}

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

._timerBtn_1hu2t_9305 {
  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_1hu2t_1415:hover ._timerBtn_1hu2t_9305,
._taskCardWrapperDragging_1hu2t_1434 ._timerBtn_1hu2t_9305 {
  opacity: 1;
}

._timerBtn_1hu2t_9305:hover {
  background-color: var(--surface-secondary);
  color: var(--success);
}

._timerBtnActive_1hu2t_9331 {
  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_1hu2t_9331:hover {
  background-color: color-mix(in srgb, var(--danger) 15%, transparent);
  color: var(--danger);
}

/* Focus block confirmation dialog */
._focusBlockConfirmOverlay_1hu2t_9352 {
  position: fixed;
  inset: 0;
  background-color: var(--overlay-bg);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: var(--z-dnd-overlay);
  animation: _fadeIn_1hu2t_1 0.15s ease-out;
}

._focusBlockConfirmDialog_1hu2t_9365 {
  background-color: var(--surface-elevated);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-default);
  box-shadow: var(--shadow-2xl), 0 0 0 1px var(--border-default);
  width: 100%;
  max-width: 24rem;
  padding: 1.25rem;
  animation: _scaleIn_1hu2t_1 0.15s ease-out;
}

._focusBlockConfirmTitle_1hu2t_9376 {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin-bottom: 0.5rem;
}

._focusBlockConfirmText_1hu2t_9383 {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  margin-bottom: 1rem;
  line-height: 1.5;
}

._focusBlockConfirmActions_1hu2t_9390 {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
}

._focusBlockConfirmCancel_1hu2t_9396 {
  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_1hu2t_9396:hover {
  background-color: var(--surface-base);
  color: var(--text-primary);
}

._focusBlockConfirmKeep_1hu2t_9412 {
  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_1hu2t_9412:hover {
  background-color: color-mix(in srgb, var(--action-primary) 85%, black);
}

._focusBlockConfirmDelete_1hu2t_9428 {
  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_1hu2t_9428:hover {
  background-color: var(--color-red-600);
}

/* Duration input for task modal - inline style (no double borders) */
._taskModalDurationInput_1hu2t_9445 {
  width: 3rem;
  padding: 0;
  font-size: var(--font-size-xs);
  border: none;
  background: transparent;
  color: var(--text-secondary);
  text-align: left;
  outline: none;
}

._taskModalDurationInput_1hu2t_9445:focus {
  color: var(--text-primary);
}

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

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

/* Hide number input spinners */
._taskModalDurationInput_1hu2t_9445::-webkit-inner-spin-button,
._taskModalDurationInput_1hu2t_9445::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

._taskModalDurationSuffix_1hu2t_9471 {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  margin-left: 0.25rem;
}

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

/* ========================================
   FOCUS BLOCKS LIST (TaskModal)
   ======================================== */

._focusBlocksSection_1hu2t_9487 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.75rem 0;
  border-top: 1px solid var(--border-default);
  margin-top: 0.5rem;
}

._focusBlocksSectionHeader_1hu2t_9496 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--text-secondary);
}

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

._focusBlocksSectionLabel_1hu2t_9507 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
}

._focusBlocksEmptyText_1hu2t_9513 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  line-height: 1.4;
  margin: 0;
}

._focusBlocksListContainer_1hu2t_9520 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._focusBlockListItem_1hu2t_9526 {
  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_1hu2t_9537 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1;
  min-width: 0;
}

._focusBlockListItemTime_1hu2t_9545 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
}

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

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

._focusBlockListItemMeta_1hu2t_9563 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-xs);
}

._focusBlockListItemVisibility_1hu2t_9570 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--text-tertiary);
}

._focusBlockListItemLink_1hu2t_9577 {
  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_1hu2t_9577:hover {
  color: var(--action-primary);
  background-color: var(--surface-secondary);
}

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

._focusBlockListItemAction_1hu2t_9592 {
  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_1hu2t_9592:hover {
  background-color: var(--surface-secondary);
  color: var(--text-primary);
}

._focusBlocksAddWrapper_1hu2t_9618 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

._focusBlocksAddBtn_1hu2t_9626 {
  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_1hu2t_9626:hover:not(:disabled) {
  background-color: color-mix(in srgb, var(--action-primary) 10%, transparent);
}

._focusBlocksAddBtn_1hu2t_9626:disabled {
  color: var(--text-tertiary);
  border-color: var(--border-default);
  cursor: not-allowed;
}

._focusBlocksScheduleBtn_1hu2t_9650 {
  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_1hu2t_9650:hover:not(:disabled) {
  color: var(--action-primary);
  border-color: var(--action-primary);
  background-color: color-mix(in srgb, var(--action-primary) 5%, transparent);
}

._focusBlocksScheduleBtn_1hu2t_9650:disabled {
  color: var(--text-tertiary);
  cursor: not-allowed;
}

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

._focusBlocksOptionsDropdown_1hu2t_9680 {
  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_1hu2t_9694 {
  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_1hu2t_9694:hover {
  background-color: var(--surface-secondary);
}

._focusBlocksOptionBtn_1hu2t_9694 svg {
  flex-shrink: 0;
  margin-top: 0.125rem;
}

._focusBlocksOptionDesc_1hu2t_9719 {
  display: block;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  margin-left: auto;
}

/* ========================================
   FOCUS BLOCK SCHEDULER (Visual Calendar Picker)
   ======================================== */

._focusSchedulerOverlay_1hu2t_9730 {
  position: fixed;
  inset: 0;
  background-color: var(--overlay-bg);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: var(--z-modal);
  animation: _fadeIn_1hu2t_1 0.15s ease-out;
}

._focusScheduler_1hu2t_9730 {
  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-2xl), 0 0 0 1px var(--border-default);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  animation: _scaleIn_1hu2t_1 0.15s ease-out;
}

._focusSchedulerHeader_1hu2t_9757 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-default);
}

._focusSchedulerNav_1hu2t_9765 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

._focusSchedulerNavBtn_1hu2t_9772 {
  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_1hu2t_9772:hover {
  background-color: var(--surface-secondary);
  color: var(--text-primary);
}

._focusSchedulerDateBtn_1hu2t_9792 {
  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_1hu2t_9792:hover {
  background-color: var(--surface-secondary);
}

._focusSchedulerToday_1hu2t_9811 {
  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_1hu2t_9820 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

._focusSchedulerQuickActions_1hu2t_9829 {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--border-default);
  overflow-x: auto;
}

._focusSchedulerQuickBtn_1hu2t_9837 {
  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_1hu2t_9837:hover {
  background-color: var(--surface-secondary);
  border-color: var(--border-strong);
  color: var(--text-primary);
}

._focusSchedulerKbd_1hu2t_9858 {
  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_1hu2t_9874 {
  position: relative;
  overflow-y: auto;
  cursor: crosshair;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._focusSchedulerHourRow_1hu2t_9881 {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  align-items: flex-start;
}

._focusSchedulerHourLabel_1hu2t_9889 {
  width: 44px;
  padding-right: 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-align: right;
  flex-shrink: 0;
}

._focusSchedulerHourLine_1hu2t_9898 {
  flex: 1;
  height: 1px;
  background-color: var(--border-default);
  margin-top: 0.5rem;
}

._focusSchedulerEventsContainer_1hu2t_9905 {
  position: absolute;
  top: 0;
  left: 48px;
  right: 8px;
  bottom: 0;
  pointer-events: none;
}

._focusSchedulerEvent_1hu2t_9905 {
  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_1hu2t_9924 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._focusSchedulerSelection_1hu2t_9932 {
  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_1hu2t_9945 {
  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_1hu2t_9954 {
  position: absolute;
  left: 44px;
  right: 0;
  display: flex;
  align-items: center;
  pointer-events: none;
  z-index: 5;
}

._focusSchedulerCurrentTimeDot_1hu2t_9964 {
  width: 8px;
  height: 8px;
  background-color: var(--color-red-500);
  border-radius: 50%;
  flex-shrink: 0;
  margin-left: -4px;
}

._focusSchedulerCurrentTimeLine_1hu2t_9973 {
  flex: 1;
  height: 2px;
  background-color: var(--color-red-500);
}

._focusSchedulerFooter_1hu2t_9979 {
  display: flex;
  justify-content: flex-end;
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--border-default);
}

._focusSchedulerCancelBtn_1hu2t_9986 {
  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_1hu2t_9986:hover {
  background-color: var(--surface-secondary);
  color: var(--text-primary);
}

/* ========================================
   TASK SEARCH MODAL (Cmd+K)
   ======================================== */

._searchModalOverlay_1hu2t_10006 {
  position: fixed;
  inset: 0;
  background-color: var(--overlay-bg);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 15vh;
  z-index: var(--z-dnd-overlay);
  animation: _fadeIn_1hu2t_1 0.1s ease-out;
}

._searchModal_1hu2t_10006 {
  width: 100%;
  max-width: 700px;
  background-color: var(--surface-elevated);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-2xl);
  overflow: hidden;
}

._searchInputContainer_1hu2t_10029 {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0 1rem;
  min-height: 2.5rem;
  border-bottom: 1px solid var(--border-default);
}

._searchLogo_1hu2t_10038 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

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

._searchInput_1hu2t_10029 {
  flex: 1;
  background: none;
  border: none;
  font-size: 14px;
  color: var(--text-primary);
  outline: none;
}

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

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

._searchClearBtn_1hu2t_10062 {
  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_1hu2t_10062:hover {
  background-color: var(--surface-secondary);
  color: var(--text-primary);
}

._searchKbd_1hu2t_10081 {
  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_1hu2t_10091 {
  max-height: 420px;
  overflow-y: auto;
  padding: 4px 0;
}

/* Search result groups (grouped by type: Tasks, Projects, OKRs, Notes) */
._searchGroup_1hu2t_10098 + ._searchGroup_1hu2t_10098 {
  border-top: 1px solid var(--border-default);
}

._searchGroupHeader_1hu2t_10102 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 1rem;
  font-size: 11px;
  font-weight: var(--font-weight-medium);
  color: var(--section-color, var(--text-tertiary));
  background-color: color-mix(in srgb, var(--section-color, transparent) 10%, transparent);
  letter-spacing: 0.02em;
}

._searchGroupHeader_1hu2t_10102 svg {
  flex-shrink: 0;
}

._searchLoading_1hu2t_10118 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1.5rem;
  color: var(--text-tertiary);
  font-size: 13px;
}

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

._searchEmpty_1hu2t_10137 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 1rem;
  color: var(--text-tertiary);
  font-size: 13px;
}

._searchResultItem_1hu2t_10146 {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  width: 100%;
  height: 36px;
  padding: 0 1rem;
  border: none;
  background: none;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.06s;
}

._searchResultItem_1hu2t_10146:hover,
._searchResultItemSelected_1hu2t_10161 {
  background-color: var(--surface-primary);
}

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

._searchResultStatus_1hu2t_10169 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

._searchResultContent_1hu2t_10176 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

._searchResultTitle_1hu2t_10184 {
  font-size: 13px;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

._searchResultDesc_1hu2t_10197 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._searchResultMeta_1hu2t_10205 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 11px;
  color: var(--text-tertiary);
  flex-shrink: 0;
}

._searchResultArrow_1hu2t_10214 {
  color: var(--action-primary);
  flex-shrink: 0;
}

._searchFooter_1hu2t_10219 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem 1rem;
  border-top: 1px solid var(--border-default);
  background-color: var(--surface-base);
  font-size: 11px;
  color: var(--text-tertiary);
}

._searchFooter_1hu2t_10219 span {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

._searchFooter_1hu2t_10219 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_1hu2t_10249 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 1rem 0;
  border-bottom: 1px solid var(--border-default);
}

._commandPaletteTab_1hu2t_10249 {
  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_1hu2t_10249:hover {
  color: var(--text-secondary);
}

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

._commandPaletteTabKbd_1hu2t_10282 {
  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_1hu2t_10293 {
  padding: 1rem 1.25rem;
  min-height: 200px;
}

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

._trackerTitle_1hu2t_10305 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
}

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

._trackerWeekScoreValue_1hu2t_10319 {
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

._trackerHabitGrid_1hu2t_10324 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
}

._trackerHabitItem_1hu2t_10330 {
  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_1hu2t_10330:hover {
  border-color: var(--border-hover);
  background-color: var(--surface-hover);
}

._trackerHabitLabel_1hu2t_10347 {
  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_1hu2t_10356 {
  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_1hu2t_10366 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._trackerHabitBtn_1hu2t_10372 {
  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_1hu2t_10372:hover {
  background-color: var(--surface-secondary);
  border-color: var(--border-hover);
  color: var(--text-primary);
}

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

._trackerHabitValue_1hu2t_10396 {
  min-width: 1.5rem;
  text-align: center;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

._trackerHabitValueActive_1hu2t_10404 {
  color: var(--color-green-600);
}

._trackerEmpty_1hu2t_10408 {
  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_1hu2t_10420 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-default);
}

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

._parentSearchCloseBtn_1hu2t_10434 {
  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_1hu2t_10434:hover {
  background-color: var(--surface-hover);
  color: var(--text-secondary);
}

._promoteOption_1hu2t_10452 {
  border-bottom: 1px solid var(--border-default);
}

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

/* More Menu (Task Modal Actions) */
._moreMenuTrigger_1hu2t_10461 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  background: none;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  color: var(--text-secondary);
  font-size: var(--font-size-xs);
  cursor: pointer;
  transition: all 0.15s ease;
}

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

._moreMenuContent_1hu2t_10482 {
  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_1hu2t_10491 {
  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_1hu2t_10491:hover {
  background-color: var(--surface-hover);
  color: var(--text-primary);
}

._moreMenuItem_1hu2t_10491 svg {
  flex-shrink: 0;
}

/* ========================================
   QUICK CAPTURE MODAL (Cmd+Shift+Space)
   ======================================== */

._quickCaptureOverlay_1hu2t_10520 {
  position: fixed;
  inset: 0;
  background-color: var(--overlay-bg);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 15vh;
  z-index: var(--z-dnd-overlay);
  animation: _fadeIn_1hu2t_1 0.1s ease-out;
}

._quickCaptureModal_1hu2t_10534 {
  width: 100%;
  max-width: 480px;
  background-color: var(--surface-elevated);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-2xl), 0 0 0 1px var(--border-default);
  overflow: hidden;
  animation: _slideDown_1hu2t_1 0.15s ease-out;
}

._quickCaptureHeader_1hu2t_10544 {
  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_1hu2t_10556 {
  color: var(--action-primary);
}

._quickCaptureCloseBtn_1hu2t_10560 {
  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_1hu2t_10560:hover {
  background-color: var(--surface-primary);
  color: var(--text-primary);
}

._quickCaptureInputContainer_1hu2t_10580 {
  padding: 1rem;
}

._quickCaptureInput_1hu2t_10580 {
  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_1hu2t_10580:focus {
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--action-primary) 20%, transparent);
}

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

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

._quickCaptureSchedule_1hu2t_10605 {
  display: flex;
  gap: 0.5rem;
  padding: 0 1rem 1rem;
}

._quickCaptureScheduleBtn_1hu2t_10611 {
  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_1hu2t_10611:hover {
  background-color: var(--surface-primary);
  border-color: var(--text-tertiary);
}

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

._quickCaptureScheduleBtn_1hu2t_10611 kbd {
  font-family: var(--font-mono);
  font-size: 9px;
  color: var(--text-tertiary);
  opacity: 0.6;
}

._quickCaptureScheduleBtnActive_1hu2t_10632 kbd {
  color: var(--action-primary);
  opacity: 0.8;
}

._quickCaptureFooter_1hu2t_10650 {
  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_1hu2t_10659 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

._quickCaptureHint_1hu2t_10659 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_1hu2t_10676 {
  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_1hu2t_10676:hover:not(:disabled) {
  background-color: var(--action-primary-hover);
}

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

/* ========================================
   WEEKLY REVIEW STYLES
   ======================================== */

._reviewContainer_1hu2t_10701 {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.5rem;
  overflow-y: auto;
  background-color: var(--surface-base);
}

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

._reviewHeaderLeft_1hu2t_10717 {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
}

._reviewTitle_1hu2t_10723 {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
}

._reviewWeekId_1hu2t_10730 {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
}

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


._reviewTodayBtn_1hu2t_10742 {
  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_1hu2t_10742:hover {
  background-color: color-mix(in srgb, var(--action-primary) 20%, transparent);
}

._reviewRefreshBtn_1hu2t_10758 {
  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_1hu2t_10758:hover {
  color: var(--text-primary);
}

._reviewRefreshBtn_1hu2t_10758:disabled {
  cursor: not-allowed;
}

._reviewSpinning_1hu2t_10780 {
  animation: _spin_1hu2t_1 1s linear infinite;
}

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

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

._reviewLoading_1hu2t_10802 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 3rem;
  color: var(--text-tertiary);
}

._reviewError_1hu2t_10812 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 2rem;
  color: var(--danger);
}

._reviewError_1hu2t_10812 button {
  padding: 0.5rem 1rem;
  background-color: var(--surface-secondary);
  border: none;
  border-radius: var(--radius);
  color: var(--text-primary);
  cursor: pointer;
}

._reviewEmpty_1hu2t_10830 {
  padding: 3rem;
  text-align: center;
  color: var(--text-tertiary);
}

._reviewContent_1hu2t_10836 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* Stats Grid */
._reviewStatsGrid_1hu2t_10843 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

._reviewStatCard_1hu2t_10849 {
  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_1hu2t_10859 {
  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_1hu2t_10870 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

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

  letter-spacing: 0.02em;
}

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

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

/* Section */
._reviewSection_1hu2t_10895 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._reviewSectionTitle_1hu2t_10901 {
  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_1hu2t_10901 svg {
  color: var(--text-tertiary);
}

/* Daily Grid */
._reviewDailyGrid_1hu2t_10916 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0.5rem;
}

._reviewDayCard_1hu2t_10922 {
  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_1hu2t_10932 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._reviewDayName_1hu2t_10938 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);

}

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

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

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

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

/* Progress Bar */
._reviewProgressContainer_1hu2t_10970 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._reviewProgressBar_1hu2t_10976 {
  height: 4px;
  background-color: var(--surface-secondary);
  border-radius: 2px;
  overflow: hidden;
}

._reviewProgressFill_1hu2t_10983 {
  height: 100%;
  background-color: var(--action-primary);
  border-radius: 2px;
  transition: width 0.3s ease;
}

._reviewProgressLabel_1hu2t_10990 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-align: right;
}

/* Project List */
._reviewProjectList_1hu2t_10997 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._reviewProjectRow_1hu2t_11003 {
  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_1hu2t_11013 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._reviewProjectIconWork_1hu2t_11019 {
  color: var(--state-info);
}

._reviewProjectIconPersonal_1hu2t_11023 {
  color: var(--state-success);
}

._reviewProjectIconNone_1hu2t_11027 {
  width: 14px;
  height: 14px;
}

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

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

._reviewProjectCount_1hu2t_11044 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}

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

/* Priority Grid */
._reviewPriorityGrid_1hu2t_11055 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}

._reviewPriorityCard_1hu2t_11061 {
  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_1hu2t_11071 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
}

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

/* Time Accuracy */
._reviewTimeAccuracy_1hu2t_11086 {
  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_1hu2t_11096 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--font-size-sm);
}

._reviewTimeRow_1hu2t_11096 span:first-child {
  color: var(--text-secondary);
}

._reviewTimeRow_1hu2t_11096 span:last-child {
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}

._reviewTimeOver_1hu2t_11112 {
  color: var(--danger) !important;
}

._reviewTimeUnder_1hu2t_11116 {
  color: var(--warning) !important;
}

._reviewTimeAccurate_1hu2t_11120 {
  color: var(--success) !important;
}

/* Rollover Note */
._reviewRolloverNote_1hu2t_11125 {
  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_1hu2t_10916 {
    grid-template-columns: repeat(4, 1fr);
  }

  ._reviewPriorityGrid_1hu2t_11055 {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ========================================
   TIME PICKER
   ======================================== */

._timePickerWrapper_1hu2t_11151 {
  position: relative;
}

._timePickerTrigger_1hu2t_11155 {
  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_1hu2t_11155:hover {
  background-color: var(--surface-elevated);
  color: var(--text-primary);
}

._timePickerDropdown_1hu2t_11174 {
  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_1hu2t_11188 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}

._timePickerSpinner_1hu2t_11188 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}

._timePickerSpinner_1hu2t_11188 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_1hu2t_11188 button:hover {
  background-color: rgb(var(--action-primary-rgb) / 0.1);
  color: var(--text-primary);
}

._timePickerValue_1hu2t_11222 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  min-width: 2.5rem;
  text-align: center;
}

._timePickerSeparator_1hu2t_11230 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--text-tertiary);
  padding: 0 0.125rem;
}

._timePickerQuick_1hu2t_11237 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.25rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--border-default);
}

._timePickerQuick_1hu2t_11237 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_1hu2t_11237 button:hover {
  background-color: rgb(var(--action-primary-rgb) / 0.1);
  color: var(--text-primary);
}

._timePickerQuickSelected_1hu2t_11261 {
  background-color: var(--action-primary);
  color: var(--text-inverse);
  font-weight: var(--font-weight-medium);
}

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

._timePickerClear_1hu2t_11271 {
  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_1hu2t_11271:hover {
  background-color: var(--surface-hover);
  color: var(--danger);
}

._sidebarTimePicker_1hu2t_5256 {
  flex: 1;
}

/* ========================================
   TIME ENTRIES HISTORY
   ======================================== */

._timeEntriesContainer_1hu2t_11298 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._timeEntriesLoading_1hu2t_11304 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  padding: 0.5rem 0;
}

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

._timeEntriesEmptyIcon_1hu2t_11319 {
  opacity: 0.5;
}

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

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

._timeEntriesTotalValue_1hu2t_11336 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  font-variant-numeric: tabular-nums;
}

._timeEntriesList_1hu2t_11343 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-height: 180px;
  overflow-y: auto;
}

._timeEntryRow_1hu2t_11351 {
  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_1hu2t_11351:hover {
  background-color: var(--surface-hover);
}

._timeEntryRow_1hu2t_11351:hover ._timeEntryDeleteBtn_1hu2t_11364 {
  opacity: 1;
}

._timeEntryInfo_1hu2t_11368 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  flex: 1;
  min-width: 0;
}

._timeEntryDuration_1hu2t_11376 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  font-variant-numeric: tabular-nums;
}

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

._timeEntryNote_1hu2t_11388 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._timeEntryDeleteBtn_1hu2t_11364 {
  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_1hu2t_11364:hover:not(:disabled) {
  background-color: var(--state-error-subtle);
  color: var(--state-error);
}

._timeEntryDeleteBtn_1hu2t_11364:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/* Task History Section */
._taskHistorySection_1hu2t_11422 {
  margin-top: 0.75rem;
  border-top: 1px solid var(--border-default);
}

._taskHistoryToggle_1hu2t_11427 {
  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_1hu2t_11427:hover {
  color: var(--text-secondary);
}

._taskHistoryCount_1hu2t_11445 {
  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_1hu2t_11455 {
  padding-bottom: 0.5rem;
}

._taskHistoryLoading_1hu2t_11459,
._taskHistoryError_1hu2t_11460,
._taskHistoryEmpty_1hu2t_11461 {
  padding: 0.5rem 0;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-align: center;
}

._taskHistoryError_1hu2t_11460 {
  color: var(--state-error);
}

._taskHistoryList_1hu2t_11472 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

._taskHistoryEvent_1hu2t_11478 {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.375rem 0;
  font-size: var(--font-size-xs);
}

._taskHistoryEventAutomatic_1hu2t_11486 {
  opacity: 0.7;
}

._taskHistoryEventIcon_1hu2t_11490 {
  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_1hu2t_11502 {
  color: var(--state-error);
}

._historyEventIconDeferred_1hu2t_11506 {
  color: var(--state-warning);
}

._taskHistoryEventContent_1hu2t_11510 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}

._taskHistoryEventLabel_1hu2t_11517 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}

._taskHistoryAutoTag_1hu2t_11525 {
  padding: 0.0625rem 0.25rem;
  font-size: 0.625rem;
  font-weight: var(--font-weight-medium);

  background-color: var(--surface-secondary);
  color: var(--text-tertiary);
  border-radius: var(--radius-sm);
}

._taskHistoryEventDetails_1hu2t_11535 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}

._taskHistoryEventTime_1hu2t_11540 {
  font-size: 0.65rem;
  color: var(--text-tertiary);
}

/* ========================================
   FOCUS & TIME SECTION
   Unified focus timer and time tracking
   ======================================== */

._focusTimeSection_1hu2t_11550 {
  margin-top: 0.75rem;
  border-top: 1px solid var(--border-default);
}

._focusTimeSectionHeader_1hu2t_11555 {
  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_1hu2t_11555:hover {
  /* No background - matches history section */
}

._focusTimeSectionTitle_1hu2t_11568 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  transition: color var(--transition-fast);
}

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

._focusTimeTotalBadge_1hu2t_11581 {
  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_1hu2t_11590 {
  padding-bottom: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* Timer controls - minimalist layout */
._focusTimeControls_1hu2t_11598 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

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

/* Minimalist icon buttons */
._focusTimeIconBtnPlay_1hu2t_11612,
._focusTimeIconBtnStop_1hu2t_11613 {
  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_1hu2t_11612 {
  background-color: var(--state-success);
  color: white;
}

._focusTimeIconBtnPlay_1hu2t_11612:hover:not(:disabled) {
  transform: scale(1.05);
  filter: brightness(1.1);
}

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

._focusTimeIconBtnStop_1hu2t_11613:hover:not(:disabled) {
  transform: scale(1.05);
  filter: brightness(1.1);
}

._focusTimeIconBtnPlay_1hu2t_11612:disabled,
._focusTimeIconBtnStop_1hu2t_11613:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Timer elapsed display */
._focusTimeElapsed_1hu2t_11653 {
  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_1hu2t_11661 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  cursor: pointer;
}

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

._focusTimeCalendarCheckbox_1hu2t_11661 input {
  width: 0.875rem;
  height: 0.875rem;
  accent-color: var(--color-primary);
}

/* Legacy button styles (kept for compatibility) */
._focusTimeActions_1hu2t_11681 {
  display: flex;
  gap: 0.5rem;
}

._focusTimeStartBtn_1hu2t_11686,
._focusTimeStopBtn_1hu2t_11687,
._focusTimeScheduleBtn_1hu2t_11688 {
  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_1hu2t_11686 {
  background-color: var(--state-success);
  color: white;
}

._focusTimeStartBtn_1hu2t_11686:hover:not(:disabled) {
  filter: brightness(1.1);
}

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

._focusTimeStopBtn_1hu2t_11687:hover:not(:disabled) {
  filter: brightness(1.1);
}

._focusTimeScheduleBtn_1hu2t_11688 {
  background-color: var(--surface-secondary);
  color: var(--text-primary);
  border: 1px solid var(--border-primary);
}

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

/* Progress bar */
._focusTimeProgress_1hu2t_11730 {
  position: relative;
  height: 1.5rem;
  background-color: var(--surface-secondary);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

._focusTimeProgressBar_1hu2t_11738 {
  height: 100%;
  background-color: var(--state-success);
  opacity: 0.3;
  transition: width 0.3s ease;
}

._focusTimeProgressText_1hu2t_11745 {
  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_1hu2t_11756 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--border-secondary);
}

._focusTimeTimelineItem_1hu2t_11764 {
  padding: 0.5rem;
  background-color: var(--surface-secondary);
  border-radius: var(--radius-sm);
}

/* Running timer */
._focusTimeRunning_1hu2t_11771 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._focusTimeRunningDot_1hu2t_11777 {
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--state-error);
  border-radius: 50%;
  animation: _pulse_1hu2t_1 1.5s infinite;
}

@keyframes _pulse_1hu2t_1 {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

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

._focusTimeRunningTime_1hu2t_11801 {
  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_1hu2t_11810 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-primary);
}

._focusTimeScheduledDate_1hu2t_11817 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
}

._focusTimeScheduledTime_1hu2t_11822 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}

/* Tracked entry */
._focusTimeTracked_1hu2t_11828 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--state-success);
}

._focusTimeTrackedDate_1hu2t_11835 {
  font-size: var(--font-size-sm);
  color: var(--text-primary);
}

._focusTimeTrackedDuration_1hu2t_11840 {
  margin-left: auto;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
}

/* Validation prompt */
._focusTimeValidation_1hu2t_11848 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-warning);
}

._focusTimeValidationDate_1hu2t_11856 {
  font-size: var(--font-size-sm);
  color: var(--text-primary);
}

._focusTimeValidationTime_1hu2t_11861 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}

._focusTimeValidateBtn_1hu2t_11866 {
  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_1hu2t_11866:hover {
  background-color: var(--color-warning);
  color: white;
}

._focusTimeValidationExpanded_1hu2t_11883 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

._focusTimeValidationButtons_1hu2t_11891 {
  display: flex;
  gap: 0.25rem;
}

._focusTimeValidationButtons_1hu2t_11891 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_1hu2t_11891 button:hover {
  background-color: var(--surface-tertiary);
}

._focusTimePartialInput_1hu2t_11910 {
  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_1hu2t_11921 {
  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_1hu2t_11764:hover ._focusTimeDeleteBtn_1hu2t_11921 {
  opacity: 1;
}

._focusTimeDeleteBtn_1hu2t_11921:hover {
  color: var(--state-error);
  background-color: var(--surface-tertiary);
}

/* More entries */
._focusTimeMore_1hu2t_11943 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-align: center;
  padding: 0.25rem;
}

/* Empty state */
._focusTimeEmpty_1hu2t_11951 {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  text-align: center;
  padding: 1rem;
}

/* ========================================
   Simplified Focus Section (v2)
   ======================================== */

._focusSection_1hu2t_11962 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._focusControls_1hu2t_11968 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

._focusStartBtn_1hu2t_11975,
._focusStopBtn_1hu2t_11976 {
  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_1hu2t_11975 {
  background-color: var(--state-success);
  color: white;
}

._focusStartBtn_1hu2t_11975:hover:not(:disabled) {
  filter: brightness(1.1);
}

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

._focusStopBtn_1hu2t_11976:hover:not(:disabled) {
  filter: brightness(1.1);
}

._focusStartBtn_1hu2t_11975:disabled,
._focusStopBtn_1hu2t_11976:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._focusRunningDisplay_1hu2t_12013 {
  padding: 0.5rem 0;
}

._focusTimerDisplay_1hu2t_12017 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  font-variant-numeric: tabular-nums;
  color: var(--text-primary);
}

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

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

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

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

._focusProgress_1hu2t_12049 {
  position: relative;
  height: 1.25rem;
  background-color: var(--surface-secondary);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

._focusProgressBar_1hu2t_12057 {
  height: 100%;
  background-color: var(--state-success);
  opacity: 0.25;
}

._focusProgressText_1hu2t_12063 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}

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

._focusHistoryItem_1hu2t_12079 {
  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_1hu2t_12090 {
  color: var(--state-success);
  flex-shrink: 0;
}

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

._focusHistoryTime_1hu2t_12099 {
  color: var(--text-tertiary);
  font-variant-numeric: tabular-nums;
}

._focusHistoryDuration_1hu2t_12104 {
  color: var(--text-primary);
  font-weight: var(--font-weight-medium);
  font-variant-numeric: tabular-nums;
  text-align: right;
}

._focusHistoryDelete_1hu2t_12111 {
  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_1hu2t_12111:hover {
  color: var(--state-error);
  border-color: var(--state-error);
  background-color: color-mix(in srgb, var(--state-error) 10%, transparent);
}

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

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

._focusEmpty_1hu2t_12144 {
  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_1hu2t_12156 {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  cursor: grab;
}

._draggableTaskCardWrapper_1hu2t_12156:active {
  cursor: grabbing;
}

/* TaskCard inside draggable wrapper should fill width */
._draggableTaskCardWrapper_1hu2t_12156 ._taskCardWrapper_1hu2t_1415,
._draggableTaskCardWrapper_1hu2t_12156 ._taskCardWrapperDragging_1hu2t_1434 {
  flex: 1;
  min-width: 0;
}

._draggableTaskCardDragging_1hu2t_12175 {
  cursor: grabbing;
}

/* ========================================
   WEEK SLOTS SCORE - Week-level focus score
   ======================================== */

._weekSlotsBadgeContainer_1hu2t_12183 {
  position: relative;
  display: inline-flex;
  margin-left: 0.5rem;
}

._weekSlotsBadge_1hu2t_12183 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
  background: var(--surface-hover);
  border-radius: 9999px;
  padding: 0.125rem 0.5rem;
  cursor: pointer;
  transition: all var(--transition-fast);
}

._weekSlotsBadge_1hu2t_12183:hover {
  background: var(--surface-active);
}

._weekSlotsScore_1hu2t_12205 {
  font-size: 0.6875rem;
  font-weight: 600;
  white-space: nowrap;
}

/* Week Slots Popover */
._weekSlotsPopover_1hu2t_12212 {
  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_1hu2t_12226 {
  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_1hu2t_12238 {
  font-weight: 500;
  font-size: 0.625rem;
  color: var(--text-tertiary);
  font-family: var(--font-mono, ui-monospace, monospace);
}

._weekSlotsPopoverEmpty_1hu2t_12245 {
  font-size: 0.6875rem;
  color: var(--text-tertiary);
  padding: 0.5rem 0;
}

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

._weekSlotsPopoverItem_1hu2t_12257 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.6875rem;
  padding: 0.25rem 0;
}

._weekSlotsDayName_1hu2t_12265 {
  color: var(--text-secondary);
  min-width: 2rem;
  font-weight: 500;
}

._weekSlotsDaySlots_1hu2t_12271 {
  flex: 1;
  font-family: var(--font-mono, ui-monospace, monospace);
  color: var(--text-tertiary);
  font-size: 0.625rem;
}

._weekSlotsDayHours_1hu2t_12278 {
  flex: 1;
  color: var(--text-secondary);
  font-size: 0.6875rem;
  font-variant-numeric: tabular-nums;
}

._weekSlotsDayScore_1hu2t_12285 {
  font-weight: 600;
  color: var(--text-tertiary);
  min-width: 1.25rem;
  text-align: right;
  font-size: 0.625rem;
}

._weekSlotsPopoverItemEmpty_1hu2t_12293 {
  opacity: 0.5;
}

._weekSlotsPopoverItemEmpty_1hu2t_12293 ._weekSlotsDayScore_1hu2t_12285 {
  color: var(--text-quaternary);
}

._weekSlotsPopoverFooter_1hu2t_12301 {
  margin-top: 0.5rem;
  padding-top: 0.375rem;
  border-top: 1px solid var(--border-subtle);
}

._weekSlotsLegend_1hu2t_12307 {
  font-size: 0.5625rem;
  color: var(--text-quaternary);
}

/* =============================================================================
   WORK SESSIONS
   ============================================================================= */

/* Work Sessions Section (TaskModal) */
._workSessionsSection_1hu2t_12317 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 0 -0.75rem;
}

/* Active session row - compact inline style matching other session rows */
._workSessionRowActive_1hu2t_12325 {
  border-color: color-mix(in srgb, var(--state-success) 40%, var(--border-default));
  border-left: 3px solid var(--state-success);
  background: color-mix(in srgb, var(--state-success) 5%, var(--surface-base));
}
._workSessionRowActive_1hu2t_12325:hover {
  background: color-mix(in srgb, var(--state-success) 8%, var(--surface-base));
}

._workSessionRunningLabel_1hu2t_12334 {
  font-size: var(--font-size-xs);
  font-weight: 500;
  color: var(--text-secondary);
}

._workSessionActiveTimer_1hu2t_12340 {
  font-weight: 600;
  color: var(--state-success);
}

._workSessionActiveDuration_1hu2t_12345 {
  font-weight: 400;
  color: var(--text-tertiary);
}

._workSessionStopBtn_1hu2t_12350 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.375rem 0.625rem;
  border: none;
  background: color-mix(in srgb, var(--state-error) 15%, var(--surface-base));
  color: var(--state-error);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-xs);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

._workSessionStopBtn_1hu2t_12350:hover {
  background: color-mix(in srgb, var(--state-error) 25%, var(--surface-base));
}

/* Session Groups */
._workSessionsGroup_1hu2t_12370 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

._workSessionsGroupLabel_1hu2t_12376 {
  font-size: var(--font-size-xs);
  font-weight: 500;
  color: var(--text-tertiary);

  letter-spacing: 0.02em;
}

/* Session Items */
._workSessionItem_1hu2t_12385 {
  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_1hu2t_12385:hover {
  background: var(--surface-hover);
}

._workSessionItem_1hu2t_12385._workSessionCancelled_1hu2t_12400 {
  opacity: 0.5;
}

/* Grid-aligned session rows (upcoming + history) */
._workSessionRow_1hu2t_12325 {
  display: grid;
  grid-template-columns: auto 1fr 70px 120px 60px auto;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.625rem;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  background: var(--surface-base);
  font-size: var(--font-size-xs);
  transition: all 0.15s ease;
  cursor: pointer;
}
._workSessionRow_1hu2t_12325:hover {
  border-color: var(--text-quaternary);
  background: var(--surface-hover);
}
._workSessionRow_1hu2t_12325._workSessionCancelled_1hu2t_12400 {
  opacity: 0.5;
}
._workSessionColIcon_1hu2t_12425 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
  color: var(--text-secondary);
  font-size: var(--font-size-xs);
}
._workSessionColName_1hu2t_12433 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._workSessionColDate_1hu2t_12438 {
  color: var(--text-secondary);
  white-space: nowrap;
}
._workSessionColTime_1hu2t_12442 {
  color: var(--text-secondary);
  white-space: nowrap;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-variant-numeric: tabular-nums;
  font-size: var(--font-size-xs);
}
._workSessionColDuration_1hu2t_12449 {
  color: var(--text-secondary);
  white-space: nowrap;
  font-family: var(--font-mono, ui-monospace, monospace);
}
._workSessionColActions_1hu2t_12454 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  justify-content: flex-end;
}

._workSessionStatus_1hu2t_12461 {
  color: var(--text-secondary);
  font-size: var(--font-size-xs);
  text-transform: capitalize;
  margin-right: 0.5rem;
}

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

._workSessionDurationEditable_1hu2t_12473 {
  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_1hu2t_12473:hover {
  background: var(--surface-hover);
}

._workSessionDurationInput_1hu2t_12486 {
  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_1hu2t_12486::-moz-placeholder {
  color: var(--text-quaternary);
}

._workSessionDurationInput_1hu2t_12486::placeholder {
  color: var(--text-quaternary);
}

/* Remove number input spinners */
._workSessionDurationInput_1hu2t_12486::-webkit-outer-spin-button,
._workSessionDurationInput_1hu2t_12486::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

._workSessionDurationInput_1hu2t_12486[type='number'] {
  -moz-appearance: textfield;
}

/* Time editing styles */
._workSessionTimeEditable_1hu2t_12515 {
  cursor: pointer;
  padding: 0.0625rem 0.125rem;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: var(--font-size-xs);
  display: inline-flex;
  align-items: center;
  transition: background 0.15s ease;
}

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

._workSessionTimeInput_1hu2t_12531 {
  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_1hu2t_12543 {
  flex: 1;
}

._workSessionDate_1hu2t_12547 {
  color: var(--text-secondary);
  font-weight: 500;
}

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

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

._workSessionActionBtn_1hu2t_12563 {
  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_1hu2t_12563:hover {
  background: var(--surface-hover);
  color: var(--text-primary);
}

._workSessionRescheduleBtn_1hu2t_12581 {
  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_1hu2t_12581:hover {
  background: var(--color-amber-200);
}

._workSessionConfirmBtn_1hu2t_12600 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  border: none;
  background: var(--color-green-100);
  color: var(--color-green-700);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-xs);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

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

/* Session Name - Inline Editable */
._workSessionName_1hu2t_12620 {
  color: var(--text-primary);
  font-weight: 500;
  cursor: text;
  padding: 0.1875rem 0.375rem;
  border-radius: var(--radius-sm);
  transition: all 0.15s ease;
  flex: 1 1 auto;
  min-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: var(--surface-secondary);
  border: 1px solid var(--border-default);
}

._workSessionName_1hu2t_12620:hover {
  border-color: var(--text-tertiary);
  background: var(--surface-base);
}

._workSessionNamePlaceholder_1hu2t_12641 {
  color: var(--text-tertiary);
  font-weight: 400;
  font-style: italic;
}

._workSessionNameInput_1hu2t_12647 {
  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_1hu2t_12647::-moz-placeholder {
  color: var(--text-quaternary);
  font-style: italic;
}

._workSessionNameInput_1hu2t_12647::placeholder {
  color: var(--text-quaternary);
  font-style: italic;
}

/* Status Icons */
._sessionIconScheduled_1hu2t_12666 {
  color: var(--color-blue-500);
  flex-shrink: 0;
}

._sessionIconInProgress_1hu2t_12671 {
  color: var(--color-blue-600);
  flex-shrink: 0;
}

._sessionIconCompleted_1hu2t_12676 {
  color: var(--color-green-500);
  flex-shrink: 0;
}

._sessionIconMissed_1hu2t_12681 {
  color: var(--color-red-500);
  flex-shrink: 0;
}

._sessionIconCancelled_1hu2t_12686 {
  color: var(--text-quaternary);
  flex-shrink: 0;
}

/* Empty/More States */
._workSessionsEmpty_1hu2t_12692 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-align: center;
  padding: 1rem;
}

._workSessionsScrollable_1hu2t_12699 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  max-height: 200px;
  overflow-y: auto;
}

/* =============================================================================
   WORK SESSION TIMELINE ITEM
   ============================================================================= */

._workSessionTimelineItem_1hu2t_12711 {
  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: visible;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.125rem;
  min-height: 28px;
}

._workSessionTimelineItem_1hu2t_12711:hover {
  z-index: 10;
}

/* Timeline Status Styles */
._workSessionTimelineScheduled_1hu2t_12731 {
  border: 1px dashed var(--color-blue-400);
  background: var(--color-blue-50);
}

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

/* Dark theme: use semi-transparent dark blue instead of near-white */
.dark ._workSessionTimelineScheduled_1hu2t_12731 {
  background: rgba(59, 130, 246, 0.15);
  border-color: var(--color-blue-500);
}

.dark ._workSessionTimelineScheduled_1hu2t_12731:hover {
  background: rgba(59, 130, 246, 0.25);
}

._workSessionTimelineInProgress_1hu2t_12750 {
  border: 2px solid var(--color-blue-500);
  background: var(--color-blue-50);
  animation: _workSessionPulse_1hu2t_1 2s ease-in-out infinite;
}

.dark ._workSessionTimelineInProgress_1hu2t_12750 {
  background: rgba(59, 130, 246, 0.2);
}

._workSessionTimelineCompleted_1hu2t_12760 {
  border: 1px solid var(--color-green-400);
  background: rgba(34, 197, 94, 0.1);
}

._workSessionTimelineMissed_1hu2t_7029 {
  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_1hu2t_12776 {
  border: 1px solid var(--border);
  background: var(--surface-secondary);
  opacity: 0.5;
}

/* Timeline Item Content */
._workSessionTimelineHeader_1hu2t_12783 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

._workSessionTimelineTitle_1hu2t_12789 {
  flex: 1;
  font-weight: 500;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._workSessionTimelineTime_1hu2t_12798 {
  font-family: var(--font-mono, ui-monospace, monospace);
  color: var(--text-tertiary);
  font-size: 0.625rem;
}

._workSessionTimelineProgress_1hu2t_12804 {
  height: 0.25rem;
  background: var(--color-blue-100);
  border-radius: var(--radius-full);
  overflow: hidden;
}

._workSessionTimelineProgressBar_1hu2t_12811 {
  height: 100%;
  background: var(--color-blue-500);
  border-radius: var(--radius-full);
}

._workSessionTimelineDuration_1hu2t_12817 {
  font-size: 0.75rem;
  color: var(--text-tertiary);
  flex-shrink: 0;
  margin-left: auto;
}

/* Compact mode for small timeline items */
._workSessionTimelineCompact_1hu2t_12825 ._workSessionTimelineHeader_1hu2t_12783 {
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  align-items: center;
  line-height: 1.2;
}

._workSessionTimelineCompact_1hu2t_12825 ._workSessionTimelineProgress_1hu2t_12804,
._workSessionTimelineCompact_1hu2t_12825 ._workSessionTimelineDuration_1hu2t_12817 {
  display: none;
}

/* Work Session Resize Handles */
._workSessionResizeHandle_1hu2t_12839 {
  position: absolute;
  left: 0;
  right: 0;
  height: 12px;
  cursor: ns-resize;
  z-index: 5;
  opacity: 0;
  transition: opacity 0.15s ease;
}

._workSessionResizeHandleBottom_1hu2t_12850 {
  bottom: -6px;
  background: linear-gradient(to top, var(--color-blue-500) 0%, transparent 100%);
  border-radius: 0 0 4px 4px;
}

/* Show handle on hover */
._workSessionTimelineItem_1hu2t_12711:hover ._workSessionResizeHandle_1hu2t_12839 {
  opacity: 0.6;
}

/* More prominent when being grabbed */
._workSessionResizeHandle_1hu2t_12839:hover {
  opacity: 1 !important;
  background: var(--color-blue-500);
}

/* Visual indicator line to show grab target */
._workSessionResizeHandleBottom_1hu2t_12850::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 2px;
  background: var(--text-tertiary);
  border-radius: 1px;
  opacity: 0;
  transition: opacity 0.15s ease;
}

._workSessionTimelineItem_1hu2t_12711:hover ._workSessionResizeHandle_1hu2t_12839::after {
  opacity: 0.6;
}

._workSessionResizeHandle_1hu2t_12839:hover::after {
  opacity: 1;
  background: white;
}

._workSessionResizeHandleBottom_1hu2t_12850::after {
  bottom: 4px;
}

/* Resizing state */
._workSessionTimelineResizing_1hu2t_12895 {
  z-index: 20 !important;
  transition: none;
}

._workSessionTimelineResizing_1hu2t_12895 ._workSessionResizeHandle_1hu2t_12839 {
  opacity: 1;
  background: var(--color-blue-500);
}

._workSessionTimelineResizing_1hu2t_12895 ._workSessionResizeHandle_1hu2t_12839::after {
  opacity: 1;
  background: white;
}

/* Work session resize preview */
._workSessionResizePreview_1hu2t_12911 {
  position: absolute;
  background: rgba(59, 130, 246, 0.15);
  border: 2px dashed var(--color-blue-500);
  border-radius: 4px;
  pointer-events: none;
  z-index: 15;
}

/* ============================================
   Unified Project Modal (TaskModal Pattern)
   ============================================ */

._projectModalUnified_1hu2t_12924 {
  background: var(--surface-base);
  border-radius: var(--radius-lg);
  width: 90%;
  height: 92vh;
  max-height: 92vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: var(--shadow-2xl), 0 0 0 1px var(--border-default);
}

._projectModalHeader_1hu2t_12936 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.25rem 0.75rem;
  border-bottom: 1px solid color-mix(in srgb, var(--border-default) 40%, transparent);
}

._projectModalCloseBtn_1hu2t_12944 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-default);
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all 0.1s ease;
}

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

._projectModalBody_1hu2t_12964 {
  display: flex;
  flex: 1;
  min-height: 450px;
  overflow: hidden;
}

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

._projectModalSidebar_1hu2t_12980 {
  width: 280px;
  flex-shrink: 0;
  padding: 0.75rem;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--surface-base);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: var(--font-size-xs);
}

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

._projectModalTitleIcon_1hu2t_12999 {
  color: var(--text-muted);
  flex-shrink: 0;
}

._projectModalTitleInput_1hu2t_13004 {
  flex: 1;
  font-size: 1.25rem;
  font-weight: 600;
  background: transparent;
  border: none;
  color: var(--text-primary);
  outline: none;
  padding: 0;
}

._projectModalTitleInput_1hu2t_13004::-moz-placeholder {
  color: var(--text-muted);
}

._projectModalTitleInput_1hu2t_13004::placeholder {
  color: var(--text-muted);
}

/* Task list section in main area */
._projectModalTasksSection_1hu2t_13020 {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 200px;
}

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

._projectModalTasksTitle_1hu2t_13036 {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-secondary);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._projectModalTasksCount_1hu2t_13045 {
  font-size: 0.75rem;
  color: var(--text-muted);
  font-weight: 400;
}

._projectModalAddTaskBtn_1hu2t_13051 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  color: var(--action-primary);
  background: transparent;
  border: 1px solid var(--action-primary);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.15s ease;
}

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

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

._projectModalEmptyTasks_1hu2t_13078 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  color: var(--text-muted);
  font-size: 0.875rem;
  text-align: center;
  padding: 2rem;
}

/* Footer with delete and create buttons */
._projectModalFooter_1hu2t_13090 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.25rem 0.75rem;
  border-top: 1px solid color-mix(in srgb, var(--border-default) 40%, transparent);
}

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

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

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

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

._projectModalCreateBtn_1hu2t_13123:hover {
  background: var(--action-primary-hover);
}

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

/* Sidebar field styles (similar to TaskModal) */
._projectSidebarField_1hu2t_13145 {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.75rem;
}

._projectSidebarFieldIcon_1hu2t_13152 {
  color: var(--text-muted);
  flex-shrink: 0;
  margin-top: 2px;
}

._projectSidebarFieldLabel_1hu2t_13158 {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-primary);
  width: 58px;
  flex-shrink: 0;
  line-height: 20px;
}

._projectSidebarFieldValue_1hu2t_13167 {
  flex: 1;
  color: var(--text-tertiary);
  font-size: var(--font-size-xs);
}

/* Project status toggle classes removed -- migrated to PillToggleGroup (41-06) */

/* Priority selector in sidebar */
._projectPrioritySelector_1hu2t_13176 {
  display: flex;
  gap: 0.25rem;
}

._projectPriorityBtn_1hu2t_13181 {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  background: transparent;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}

._projectPriorityBtn_1hu2t_13181:hover {
  border-color: var(--border-strong);
}

._projectPriorityBtnP1_1hu2t_13197 {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgb(239, 68, 68);
  color: rgb(239, 68, 68);
}

._projectPriorityBtnP2_1hu2t_13204 {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgb(245, 158, 11);
  color: rgb(245, 158, 11);
}

._projectPriorityBtnP3_1hu2t_13211 {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgb(59, 130, 246);
  color: rgb(59, 130, 246);
}

._projectPriorityBtnP4_1hu2t_13218 {
  background: rgba(107, 114, 128, 0.1);
  border-color: rgb(107, 114, 128);
  color: rgb(107, 114, 128);
}

/* Project type toggle classes removed -- migrated to PillToggleGroup (41-06) */

/* Task item in project modal */
._projectTaskItem_1hu2t_13228 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background-color 0.15s ease;
}

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

._projectTaskCheckbox_1hu2t_13242 {
  width: 16px;
  height: 16px;
  border-radius: var(--radius-full);
  border: 2px solid var(--border-default);
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease;
  flex-shrink: 0;
}

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

._projectTaskCheckboxChecked_1hu2t_13260 {
  background: var(--state-success);
  border-color: var(--state-success);
  color: white;
}

._projectTaskTitle_1hu2t_13267 {
  flex: 1;
  font-size: 0.875rem;
  color: var(--text-primary);
  line-height: 1.4;
}

._projectTaskTitleCompleted_1hu2t_13274 {
  text-decoration: line-through;
  color: var(--text-muted);
}

._projectTaskMeta_1hu2t_13280 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: var(--text-muted);
}

._projectTaskIndented_1hu2t_13288 {
  padding-left: 24px;
  position: relative;
}

._projectTaskIndented_1hu2t_13288::before {
  content: '';
  position: absolute;
  left: 12px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--border-default);
  opacity: 0.5;
}

/* Collapsible finished tasks section */
._projectFinishedSection_1hu2t_13305 {
  margin-top: 0.5rem;
  border-top: 1px solid var(--border-default);
  padding-top: 0.5rem;
}

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

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

/* Responsive: stack on narrow screens */
@media (max-width: 768px) {
  ._projectModalBody_1hu2t_12964 {
    flex-direction: column;
  }

  ._projectModalSidebar_1hu2t_12980 {
    width: 100%;
    border-top: 1px solid var(--border-default);
    max-height: 200px;
  }
}

/* ============================================================================
 * Add Manual Session Dialog
 * ============================================================================ */

._addSessionDialogContent_1hu2t_13345 {
  max-width: 420px;
}

._addSessionForm_1hu2t_13349 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 4px 0;
}

._addSessionFieldRow_1hu2t_13356 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._addSessionLabel_1hu2t_13362 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
}

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

._addSessionInput_1hu2t_13374 {
  padding: 6px 8px;
  border: 1px solid var(--border-default);
  border-radius: 6px;
  background: var(--bg-primary);
  color: var(--text-primary);
  font-size: 13px;
  outline: none;
  transition: border-color 0.15s;
}

._addSessionInput_1hu2t_13374:focus {
  border-color: var(--border-focus);
}

._addSessionTextarea_1hu2t_13389 {
  resize: vertical;
  min-height: 48px;
  font-family: inherit;
}

._addSessionTimeInputs_1hu2t_13395 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._addSessionTimeInputs_1hu2t_13395 ._addSessionInput_1hu2t_13374 {
  flex: 1;
}

._addSessionTimeSeparator_1hu2t_13405 {
  font-size: 13px;
  color: var(--text-tertiary);
  flex-shrink: 0;
}

._addSessionDurationPreview_1hu2t_13411 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  background: var(--bg-secondary);
  border-radius: 6px;
  font-size: 13px;
  color: var(--text-secondary);
}

._addSessionError_1hu2t_13422 {
  padding: 6px 10px;
  background: var(--bg-danger-subtle);
  border-radius: 6px;
  font-size: 13px;
  color: var(--text-danger);
}

._addSessionCancelButton_1hu2t_13430 {
  padding: 6px 14px;
  border: 1px solid var(--border-default);
  border-radius: 6px;
  background: var(--bg-primary);
  color: var(--text-secondary);
  font-size: 13px;
  cursor: pointer;
  transition: background 0.15s;
}

._addSessionCancelButton_1hu2t_13430:hover {
  background: var(--bg-secondary);
}

._addSessionSubmitButton_1hu2t_13445 {
  padding: 6px 14px;
  border: none;
  border-radius: 6px;
  background: var(--bg-accent);
  color: var(--text-on-accent);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: opacity 0.15s;
}

._addSessionSubmitButton_1hu2t_13445:hover:not(:disabled) {
  opacity: 0.9;
}

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

/* ========================================
   FOCUS COLOR PRESET SELECTOR
   ======================================== */

._focusColorPresets_1hu2t_13470 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

._focusColorSwatch_1hu2t_13477 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.15s ease, transform 0.1s ease;
}

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

._focusColorSwatchActive_1hu2t_13493 {
  border-color: var(--border-focus);
  box-shadow: 0 0 0 2px var(--surface-base), 0 0 0 4px var(--border-focus);
}

/* Scheduled time + Duration columns - pushed to the right edge of badges row */
._taskTimeGroup_1hu2t_13499 {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  margin-left: auto;
  flex-shrink: 0;
}

/* Strikethrough on time/duration when task is completed */
._taskTimeCompleted_1hu2t_13508 {
  text-decoration: line-through;
  color: var(--text-tertiary) !important;
}

/* Highlight animation for scroll-to-session (applied via JS, needs :global) */
.workSessionTimelineHighlighted {
  animation: _sessionHighlight_1hu2t_1 2s ease-out forwards;
}

@keyframes _sessionHighlight_1hu2t_1 {
  0% {
    box-shadow: 0 0 0 2px var(--color-accent);
  }
  100% {
    box-shadow: none;
  }
}

/* ========================================
   COMMAND PALETTE ITEMS (> command mode)
   ======================================== */

._commandPaletteItem_1hu2t_13531 {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  width: 100%;
  height: 36px;
  padding: 0 1rem;
  border: none;
  background: none;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.1s ease;
  border-radius: 0;
}

._commandPaletteItem_1hu2t_13531:hover,
._commandPaletteItemSelected_1hu2t_13547 {
  background-color: var(--surface-primary);
}

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

._commandPaletteItemIcon_1hu2t_13555 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  color: var(--text-tertiary);
  overflow: hidden;
}

._commandPaletteItemIcon_1hu2t_13555 svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

._commandPaletteItemLabel_1hu2t_13572 {
  flex: 1;
  font-size: 13px;
  color: var(--text-primary);
}

._commandPaletteHint_1hu2t_13578 {
  font-size: 11px;
  color: var(--text-tertiary);
}

/* ========================================
   WORK SESSION STATUS DROPDOWN
   ======================================== */

._workSessionStatusBtn_1hu2t_13587 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 2px;
  border: none;
  background: transparent;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background 0.15s ease;
  flex-shrink: 0;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  white-space: nowrap;
}

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

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

._statusIconCompleted_1hu2t_13612 {
  color: var(--state-success);
}

._statusIconMissed_1hu2t_13616 {
  color: var(--state-error, var(--danger));
}

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

._statusDropdownActive_1hu2t_13624 {
  background: var(--surface-elevated);
  font-weight: var(--font-weight-medium);
}

/* ========================================
   RESCHEDULE POPOVER
   ======================================== */

._reschedulePopover_1hu2t_13633 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
  min-width: 280px;
}

._rescheduleHeader_1hu2t_13641 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  padding-bottom: 0.25rem;
}

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

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

._rescheduleTimeInput_1hu2t_13656:focus {
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px var(--action-primary-subtle);
}

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

._rescheduleConfirmBtn_1hu2t_13673:hover:not(:disabled) {
  background: var(--action-primary-hover, var(--action-primary));
  filter: brightness(1.1);
}

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

/* ========================================
   SUBTASK WEEK ROW - Elevated subtask in WeekView
   ======================================== */

/* Row container - similar padding to .taskCardWrapper */
._subtaskWeekRow_1hu2t_13700 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  margin-bottom: 0.375rem;
  border-radius: var(--radius);
  background-color: var(--surface-base);
  border: 1px solid transparent;
  transition: all var(--transition-fast);
  cursor: grab;
}

._subtaskWeekRow_1hu2t_13700:hover {
  box-shadow: var(--shadow-sm);
}

._subtaskWeekRowCompleted_1hu2t_13717 {
  opacity: 0.6;
}

/* Main row: checkbox + subtask title + duration */
._subtaskWeekRowMain_1hu2t_13722 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  min-width: 0;
}

/* Clickable parent name above subtask title */
._subtaskWeekRowParent_1hu2t_13730 {
  display: block;
  padding: 0.125rem 0 0 0;
  font-size: var(--font-size-xs);
  color: var(--text-primary);
  line-height: 1.3;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: color 0.15s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Indent subtask content when parent is shown above */
._subtaskWeekRowParent_1hu2t_13730 + ._subtaskWeekRowMain_1hu2t_13722 {
  padding-left: 0.5rem;
}

._subtaskWeekRowParent_1hu2t_13730:hover {
  color: var(--action-primary);
  text-decoration: underline;
}

/* Subtask group: 2+ subtasks from same parent under a shared header */
._subtaskGroupRow_1hu2t_13757 {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: 0.375rem;
  border-radius: var(--radius);
  background-color: var(--surface-base);
  border: 1px solid transparent;
  transition: all var(--transition-fast);
}

._subtaskGroupRow_1hu2t_13757:hover {
  border-color: var(--border-subtle);
}

._subtaskGroupHeader_1hu2t_13772 {
  display: block;
  padding: 0.125rem 0 0 0;
  font-size: var(--font-size-xs);
  color: var(--text-primary);
  line-height: 1.3;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: color 0.15s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._subtaskGroupHeader_1hu2t_13772:hover {
  color: var(--action-primary);
  text-decoration: underline;
}

._subtaskGroupRow_1hu2t_13757[data-draggable-card] ._subtaskGroupHeader_1hu2t_13772 {
  cursor: grab;
}

._subtaskGroupItems_1hu2t_13797 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-left: 0.5rem;
}

/* Remove bottom margin on subtask rows within a group (group handles spacing) */
._subtaskGroupItems_1hu2t_13797 ._subtaskWeekRow_1hu2t_13700 {
  margin-bottom: 0;
}


/* ========================================
   TASK RESCHEDULE DROPDOWN
   ======================================== */

/**
 * Reschedule zone: drop target at bottom of day column
 * Allows dragging tasks to quickly reschedule to Tomorrow, Next Week, Date Picker, or Inbox
 */
._rescheduleDropzone_1hu2t_13818 {
  border: 1px dashed var(--border-subtle);
  padding: 0.75rem;
  border-radius: var(--radius);
  background-color: transparent;
  margin-top: 0.75rem;
  transition: all var(--transition-fast);
}

._rescheduleDropzoneActive_1hu2t_13827 {
  border: 1px solid var(--border-default);
  background-color: var(--surface-elevated);
  border-color: var(--action-primary);
}

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

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

._rescheduleOption_1hu2t_13842 {
  padding: 0.5rem 0.75rem;
  font-size: var(--font-size-sm);
  background-color: transparent;
  color: var(--text-primary);
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
  text-align: left;
}

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

/* ========================================
   CONTEXT MENU STYLING (for task reschedule right-click)
   ======================================== */

._contextMenuContent_1hu2t_13870 {
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius);
  box-shadow: var(--shadow-md);
  padding: 0.25rem;
  z-index: 9999;
}

._contextMenuItem_1hu2t_13879 {
  padding: 0.5rem 0.75rem;
  color: var(--text-primary);
  cursor: pointer;
  font-size: var(--font-size-sm);
  background-color: transparent;
  border: none;
  transition: all var(--transition-fast);
  text-align: left;
  width: 100%;
}

._contextMenuItem_1hu2t_13879:hover {
  background-color: var(--surface-elevated-hover);
  color: var(--action-primary);
}

/* ========================================
   TASK CARD DRAGGING VISUAL FEEDBACK
   ======================================== */

._taskCardDragging_1hu2t_1480 {
  opacity: 0.5;
  transform: scale(0.98);
  transition: all var(--transition-fast);
}
/**
 * Pinned Notes Overlay & Palette Styles
 *
 * Command-palette-style overlay for quick note access.
 * Follows the searchModalOverlay/searchModal pattern from productivity.module.css.
 * All colors use design tokens from tokens.css.
 */

/* ============================================================================
 * Animations (scoped to this CSS module)
 * ============================================================================ */

@keyframes _fadeIn_10r03_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes _slideDown_10r03_1 {
  from {
    opacity: 0;
    transform: translateY(-10px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* ============================================================================
 * Overlay Backdrop
 * ============================================================================ */

._overlay_10r03_37 {
  position: fixed;
  inset: 0;
  background-color: var(--overlay-bg);
  backdrop-filter: blur(var(--overlay-blur));
  -webkit-backdrop-filter: blur(var(--overlay-blur));
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: var(--z-overlay);
  animation: _fadeIn_10r03_1 0.1s ease-out;
}

/* ============================================================================
 * Palette (note slot picker)
 * ============================================================================ */

._palette_10r03_54 {
  width: min(800px, 90vw);
  max-height: 90vh;
  background-color: var(--surface-elevated);
  border-radius: var(--radius-lg);
  box-shadow:
    var(--shadow-2xl),
    0 0 0 1px var(--border-default);
  animation: _slideDown_10r03_1 0.15s ease-out;
}

/* Section tabs within the palette (Pinned / Weekly) */
._paletteTabs_10r03_66 {
  display: flex;
  border-bottom: 1px solid var(--border-default);
}

._paletteTab_10r03_66 {
  flex: 1;
  padding: 0.5rem 1rem;
  font-size: var(--font-size-xs);
  font-weight: 600;
  color: var(--text-tertiary);
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  transition: color 0.1s ease, border-color 0.1s ease;
}

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

._paletteTab_active_10r03_88 {
  color: var(--text-primary);
  border-bottom-color: var(--accent);
}

._paletteItem_10r03_93 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 1.25rem;
  cursor: pointer;
  border-left: 3px solid transparent;
  transition: background-color 0.1s ease, border-color 0.1s ease;
}

._paletteItem_10r03_93:hover {
  background-color: var(--surface-hover);
  border-left-color: var(--accent);
}

._paletteItemNumber_10r03_109 {
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  background-color: var(--surface-secondary);
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  font-weight: 600;
  flex-shrink: 0;
}

._paletteItemTitle_10r03_123 {
  flex: 1;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._paletteItemEmpty_10r03_132 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 1.25rem;
  color: var(--text-tertiary);
  font-style: italic;
  font-size: var(--font-size-sm);
  background-color: var(--surface-secondary);
  opacity: 0.5;
}

._paletteItemMeta_10r03_145 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  margin-top: 0.125rem;
}

._paletteItemBadge_10r03_154 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 10px;
  padding: 0.0625rem 0.375rem;
  border-radius: var(--radius-sm);
  flex-shrink: 0;
}

._badgeWeekly_10r03_164 {
  background-color: var(--color-badge-purple-bg);
  color: var(--color-badge-purple);
}

._badgeProject_10r03_169 {
  background-color: var(--color-badge-blue-bg);
  color: var(--color-badge-blue);
}

._badgeTask_10r03_174 {
  background-color: var(--color-badge-green-bg);
  color: var(--color-badge-green);
}

._paletteItemTime_10r03_179 {
  font-size: 10px;
  color: var(--text-tertiary);
}

._paletteItemContent_10r03_184 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

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

._paletteFooter_10r03_199 {
  padding: 0.625rem 1.25rem;
  border-top: 1px solid var(--border-default);
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  display: flex;
  align-items: center;
  gap: 1rem;
}

._paletteFooter_10r03_199 kbd {
  display: inline-block;
  padding: 0.0625rem 0.3125rem;
  border-radius: var(--radius-sm);
  background-color: var(--surface-secondary);
  font-size: var(--font-size-xs);
  font-family: inherit;
  color: var(--text-secondary);
}

/* ============================================================================
 * Editor Panel
 * ============================================================================ */

._panel_10r03_223 {
  width: 80vw;
  max-width: 80vw;
  height: 85vh;
  max-height: 85vh;
  background-color: var(--surface-elevated);
  border-radius: var(--radius-lg);
  box-shadow:
    var(--shadow-2xl),
    0 0 0 1px var(--border-default);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  animation: _slideDown_10r03_1 0.15s ease-out;
}

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

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

._panelTitle_10r03_255 {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Pin toggle button */
._pinBtn_10r03_265 {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  border: none;
  background: transparent;
  font-size: var(--font-size-xs);
  padding: 0.125rem 0.25rem;
  cursor: pointer;
  flex-shrink: 0;
}

._pinBtn_10r03_265:hover ._pinIcon_10r03_277,
._pinBtn_10r03_265:hover ._pinIcon_active_10r03_278 {
  opacity: 0.85;
}

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

/* Icon circle — muted when unpinned */
._pinIcon_10r03_277 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  color: var(--text-tertiary);
  transition: color 0.15s ease, background-color 0.15s ease;
}

/* Icon circle — primary color when pinned */
._pinIcon_active_10r03_278 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--action-primary) 15%, transparent);
  color: var(--action-primary);
  transition: color 0.15s ease, background-color 0.15s ease;
}

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

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

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

._panelTimestamp_10r03_342 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  flex: 1;
  text-align: right;
  padding-right: 0.5rem;
}

._panelTitleArea_10r03_350 {
  padding: 1rem 1.5rem 0.5rem calc(1.5rem + 48px);
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

._panelAttributes_10r03_357 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex-wrap: wrap;
  min-height: 20px;
}

._panelAttributeBadge_10r03_365 {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  padding: 0.0625rem 0.5rem;
  border-radius: var(--radius-sm);
  background-color: var(--surface-secondary);
  color: var(--text-secondary);
}

._panelAttributeTag_10r03_375 {
  display: inline-flex;
  align-items: center;
  gap: 0.125rem;
  font-size: 11px;
  padding: 0.0625rem 0.375rem;
  border-radius: 9999px;
  background-color: var(--surface-secondary);
  color: var(--text-secondary);
}

._panelEditor_10r03_386 {
  flex: 1;
  overflow-y: auto;
  min-height: 200px;
  width: 100%;
  padding: 0.5rem 1.5rem 2rem;
}
/* Generated using https://google-webfonts-helper.herokuapp.com/fonts/inter?subsets=latin */

/* inter-100 - latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  src:
    local(""),
    url("/assets/inter-v12-latin-100-BQDzDElq.woff2") format("woff2"),
    
      url("/assets/inter-v12-latin-100-46Mq0mOp.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-200 - latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  src:
    local(""),
    url("/assets/inter-v12-latin-200-BxfrU12A.woff2") format("woff2"),
    
      url("/assets/inter-v12-latin-200-DXfqWPZg.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-300 - latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  src:
    local(""),
    url("/assets/inter-v12-latin-300-DEbyFmpd.woff2") format("woff2"),
    
      url("/assets/inter-v12-latin-300-f7r92Nkj.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-regular - latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src:
    local(""),
    url("/assets/inter-v12-latin-regular-YtgfLPRn.woff2") format("woff2"),
    
      url("/assets/inter-v12-latin-regular-CahmJf_6.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-500 - latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src:
    local(""),
    url("/assets/inter-v12-latin-500-DfX5FI9E.woff2") format("woff2"),
    
      url("/assets/inter-v12-latin-500-BQ2gQN_M.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-600 - latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src:
    local(""),
    url("/assets/inter-v12-latin-600-BvOeHRLc.woff2") format("woff2"),
    
      url("/assets/inter-v12-latin-600-D01NXWOK.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-700 - latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src:
    local(""),
    url("/assets/inter-v12-latin-700-Bj1B9WKG.woff2") format("woff2"),
    
      url("/assets/inter-v12-latin-700-B5TOIllR.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-800 - latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  src:
    local(""),
    url("/assets/inter-v12-latin-800-Bdy4lAMa.woff2") format("woff2"),
    
      url("/assets/inter-v12-latin-800-DFVvDWwT.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-900 - latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  src:
    local(""),
    url("/assets/inter-v12-latin-900-CMga-52B.woff2") format("woff2"),
    
      url("/assets/inter-v12-latin-900-ORHAl5ZU.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Based on https://github.com/orgs/mantinedev/discussions/5685 */

/* We need all the Mantine styles except the global styles, so unfortunately our
 only option is to import all the component styles separately. Could consider
 importing only styles for components used in BlockNote in the future. */

/* Files list: https://mantine.dev/styles/css-files-list/ */

.m_d57069b5 {
  --scrollarea-scrollbar-size: 12px;

  position: relative;
  overflow: hidden;
}

.m_d57069b5:where([data-autosize]) .m_b1336c6 {
    min-width: -moz-min-content;
    min-width: min-content;
  }

.m_c0783ff9 {
  scrollbar-width: none;
  overscroll-behavior: var(--scrollarea-over-scroll-behavior);
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 100%;
}

.m_c0783ff9::-webkit-scrollbar {
    display: none;
  }

.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
      [data-offset-scrollbars='xy'],
      [data-offset-scrollbars='y'],
      [data-offset-scrollbars='present']
    ):where([data-vertical-hidden]) {
        padding-inline-end: 0;
        padding-inline-start: 0;
      }

.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
      [data-offset-scrollbars='xy'],
      [data-offset-scrollbars='y'],
      [data-offset-scrollbars='present']
    ):not([data-vertical-hidden]) {
        padding-inline-end: var(--scrollarea-scrollbar-size);
        padding-inline-start: unset;
      }

.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where(
      [data-offset-scrollbars='xy'],
      [data-offset-scrollbars='x'],
      [data-offset-scrollbars='present']
    ):where([data-horizontal-hidden]) {
        padding-bottom: 0;
      }

.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where(
      [data-offset-scrollbars='xy'],
      [data-offset-scrollbars='x'],
      [data-offset-scrollbars='present']
    ):not([data-horizontal-hidden]) {
        padding-bottom: var(--scrollarea-scrollbar-size);
      }

.m_f8f631dd {
  min-width: 100%;
  display: table;
}

.m_c44ba933 {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
  box-sizing: border-box;
  transition:
    background-color 150ms ease,
    opacity 150ms ease;

  padding: calc(var(--scrollarea-scrollbar-size) / 5);
  display: flex;
  background-color: transparent;
  flex-direction: row;
}

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_c44ba933:hover {
      background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='light']) .m_c44ba933:hover > .m_d8b5e363 {
        background-color: rgba(0, 0, 0, 0.5);
      }

    :where([data-mantine-color-scheme='dark']) .m_c44ba933:hover {
      background-color: var(--mantine-color-dark-8);
  }

      :where([data-mantine-color-scheme='dark']) .m_c44ba933:hover > .m_d8b5e363 {
        background-color: rgba(255, 255, 255, 0.5);
      }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_c44ba933:active {
      background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='light']) .m_c44ba933:active > .m_d8b5e363 {
        background-color: rgba(0, 0, 0, 0.5);
      }

    :where([data-mantine-color-scheme='dark']) .m_c44ba933:active {
      background-color: var(--mantine-color-dark-8);
  }

      :where([data-mantine-color-scheme='dark']) .m_c44ba933:active > .m_d8b5e363 {
        background-color: rgba(255, 255, 255, 0.5);
      }
}

.m_c44ba933:where([data-hidden], [data-state='hidden']) {
    display: none;
  }

.m_c44ba933:where([data-orientation='vertical']) {
    width: var(--scrollarea-scrollbar-size);
    top: 0;
    bottom: var(--sa-corner-width);
    inset-inline-end: 0;
  }

.m_c44ba933:where([data-orientation='horizontal']) {
    height: var(--scrollarea-scrollbar-size);
    flex-direction: column;
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: var(--sa-corner-width);
  }

.m_d8b5e363 {
  flex: 1;
  border-radius: var(--scrollarea-scrollbar-size);
  position: relative;
  transition: background-color 150ms ease;
  overflow: hidden;
  opacity: var(--thumb-opacity);
}

.m_d8b5e363::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    min-width: 44px;
    min-height: 44px;
  }

:where([data-mantine-color-scheme='light']) .m_d8b5e363 {
    background-color: rgba(0, 0, 0, 0.4);
}

:where([data-mantine-color-scheme='dark']) .m_d8b5e363 {
    background-color: rgba(255, 255, 255, 0.4);
}

.m_21657268 {
  position: absolute;
  opacity: 0;
  transition: opacity 150ms ease;
  display: block;
  inset-inline-end: 0;
  bottom: 0;
}

:where([data-mantine-color-scheme='light']) .m_21657268 {
    background-color: var(--mantine-color-gray-0);
}

:where([data-mantine-color-scheme='dark']) .m_21657268 {
    background-color: var(--mantine-color-dark-8);
}

.m_21657268:where([data-hovered]) {
    opacity: 1;
  }

.m_21657268:where([data-hidden]) {
    display: none;
  }

.m_b1336c6 {
  min-width: 100%;
}

.m_87cf2631 {
  background-color: transparent;
  cursor: pointer;
  border: 0;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: var(--mantine-font-size-md);
  text-align: left;
  text-decoration: none;
  color: inherit;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

:where([dir="rtl"]) .m_87cf2631 {
    text-align: right;
}

.m_515a97f8 {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}

.m_1b7284a3 {
  --paper-radius: var(--mantine-radius-default);

  outline: 0;
  -webkit-tap-highlight-color: transparent;
  display: block;
  touch-action: manipulation;
  text-decoration: none;
  border-radius: var(--paper-radius);
  box-shadow: var(--paper-shadow);
  background-color: var(--mantine-color-body);
}

[data-mantine-color-scheme='light'] .m_1b7284a3 {
    --paper-border-color: var(--mantine-color-gray-3);
}

[data-mantine-color-scheme='dark'] .m_1b7284a3 {
    --paper-border-color: var(--mantine-color-dark-4);
}

.m_1b7284a3:where([data-with-border]) {
    border: calc(0.0625rem * var(--mantine-scale)) solid var(--paper-border-color);
  }

.m_38a85659 {
  position: absolute;
  border: 1px solid var(--popover-border-color);
  padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
  box-shadow: var(--popover-shadow, none);
  border-radius: var(--popover-radius, var(--mantine-radius-default));
}

.m_38a85659:where([data-fixed]) {
    position: fixed;
  }

.m_38a85659:focus {
    outline: none;
  }

:where([data-mantine-color-scheme='light']) .m_38a85659 {
    --popover-border-color: var(--mantine-color-gray-2);
    background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='dark']) .m_38a85659 {
    --popover-border-color: var(--mantine-color-dark-4);
    background-color: var(--mantine-color-dark-6);
}

.m_a31dc6c1 {
  background-color: inherit;
  border: 1px solid var(--popover-border-color);
  z-index: 1;
}

.m_3d7bc908 {
  position: fixed;
  inset: 0;
}

.m_86a44da5 {
  --cb-size-xs: 18px;
  --cb-size-sm: 22px;
  --cb-size-md: 28px;
  --cb-size-lg: 34px;
  --cb-size-xl: 44px;

  --cb-size: var(--cb-size-md);
  --cb-icon-size: 70%;
  --cb-radius: var(--mantine-radius-default);

  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;

  width: var(--cb-size);
  height: var(--cb-size);
  min-width: var(--cb-size);
  min-height: var(--cb-size);
  border-radius: var(--cb-radius);
}

:where([data-mantine-color-scheme='light']) .m_86a44da5 {
    color: var(--mantine-color-gray-7);
}

:where([data-mantine-color-scheme='dark']) .m_86a44da5 {
    color: var(--mantine-color-dark-1);
}

.m_86a44da5[data-disabled],
  .m_86a44da5:disabled {
    cursor: not-allowed;
    opacity: 0.6;
  }

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
      background-color: var(--mantine-color-dark-6);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
      background-color: var(--mantine-color-dark-6);
  }
}

.m_4081bf90 {
  display: flex;
  flex-direction: row;
  flex-wrap: var(--group-wrap, wrap);
  justify-content: var(--group-justify, flex-start);
  align-items: var(--group-align, center);
  gap: var(--group-gap, var(--mantine-spacing-md));
}

.m_4081bf90:where([data-grow]) > * {
      flex-grow: 1;
      max-width: var(--group-child-width);
    }

.m_5ae2e3c {
  --loader-size-xs: 18px;
  --loader-size-sm: 22px;
  --loader-size-md: 36px;
  --loader-size-lg: 44px;
  --loader-size-xl: 58px;
  --loader-size: var(--loader-size-md);
  --loader-color: var(--mantine-primary-color-filled);
}

/* ----- Bars loader ----- */

@keyframes m_5d2b3b9d {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }

  50%,
  100% {
    transform: scale(1);
  }
}

.m_7a2bd4cd {
  position: relative;
  width: var(--loader-size);
  height: var(--loader-size);
  display: flex;
  gap: calc(var(--loader-size) / 5);
}

.m_870bb79 {
  flex: 1;
  background: var(--loader-color);
  animation: m_5d2b3b9d 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  border-radius: 2px;
}

.m_870bb79:nth-of-type(1) {
    animation-delay: -240ms;
  }

.m_870bb79:nth-of-type(2) {
    animation-delay: -120ms;
  }

.m_870bb79:nth-of-type(3) {
    animation-delay: 0;
  }

/* ----- Dots loader ----- */

@keyframes m_aac34a1 {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(0.6);
    opacity: 0.5;
  }
}

.m_4e3f22d7 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(var(--loader-size) / 10);
  position: relative;
  width: var(--loader-size);
  height: var(--loader-size);
}

.m_870c4af {
  width: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
  height: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
  border-radius: 50%;
  background: var(--loader-color);
  animation: m_aac34a1 0.8s infinite linear;
}

.m_870c4af:nth-child(2) {
    animation-delay: 0.4s;
  }

/* ----- Oval loader ----- */

@keyframes m_f8e89c4b {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.m_b34414df {
  display: inline-block;
  width: var(--loader-size);
  height: var(--loader-size);
}

.m_b34414df::after {
    content: '';
    display: block;
    width: var(--loader-size);
    height: var(--loader-size);
    border-radius: 10000px;
    border-width: calc(var(--loader-size) / 8);
    border-style: solid;
    border-color: var(--loader-color) var(--loader-color) var(--loader-color) transparent;
    animation: m_f8e89c4b 1.2s linear infinite;
  }

.m_9814e45f {
  inset: 0;
  position: absolute;
  background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
  backdrop-filter: var(--overlay-filter);
  border-radius: var(--overlay-radius, 0);
  z-index: var(--overlay-z-index);
}

.m_9814e45f:where([data-fixed]) {
    position: fixed;
  }

.m_9814e45f:where([data-center]) {
    display: flex;
    align-items: center;
    justify-content: center;
  }

.m_615af6c9 {
  line-height: 1;
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: var(--mantine-font-size-md);
}

.m_b5489c3c {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--mb-padding, var(--mantine-spacing-md));
  padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) - calc(0.3125rem * var(--mantine-scale)));
  position: sticky;
  top: 0;
  background-color: var(--mantine-color-body);
  z-index: 1000;
  min-height: 60px;
  transition: padding-inline-end 100ms;
}

.m_60c222c7 {
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  z-index: var(--mb-z-index);
  pointer-events: none;
}

.m_fd1ab0aa {
  pointer-events: all;
  box-shadow: var(--mb-shadow, var(--mantine-shadow-xl));
}

.m_fd1ab0aa [data-mantine-scrollbar] {
    z-index: 1001;
  }

[data-offset-scrollbars] .m_fd1ab0aa:has([data-mantine-scrollbar]) .m_b5489c3c {
    padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) + calc(0.3125rem * var(--mantine-scale)));
  }

.m_606cb269 {
  margin-inline-start: auto;
}

.m_5df29311 {
  padding: var(--mb-padding, var(--mantine-spacing-md));
  padding-top: var(--mb-padding, var(--mantine-spacing-md));
}

.m_5df29311:where(:not(:only-child)) {
    padding-top: 0;
  }

.m_6c018570 {
  position: relative;
  margin-top: var(--input-margin-top, 0rem);
  margin-bottom: var(--input-margin-bottom, 0rem);

  --input-height-xs: 30px;
  --input-height-sm: 36px;
  --input-height-md: 42px;
  --input-height-lg: 50px;
  --input-height-xl: 60px;

  --input-padding-y-xs: 5px;
  --input-padding-y-sm: 6px;
  --input-padding-y-md: 8px;
  --input-padding-y-lg: 10px;
  --input-padding-y-xl: 13px;

  --input-height: var(--input-height-sm);
  --input-radius: var(--mantine-radius-default);

  --input-cursor: text;
  --input-text-align: left;
  --input-line-height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
  --input-padding: calc(var(--input-height) / 3);
  --input-padding-inline-start: var(--input-padding);
  --input-padding-inline-end: var(--input-padding);
  --input-placeholder-color: var(--mantine-color-placeholder);
  --input-color: var(--mantine-color-text);
  --input-disabled-bg: var(--mantine-color-disabled);
  --input-disabled-color: var(--mantine-color-disabled-color);

  --input-left-section-size: var(--input-left-section-width, calc(var(--input-height) - calc(0.125rem * var(--mantine-scale))));

  --input-right-section-size: var(
    --input-right-section-width,
    calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)))
  );

  --input-size: var(--input-height);

  --section-y: 1px;
  --left-section-start: 1px;
  --left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);

  --right-section-end: 1px;
  --right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
}

.m_6c018570[data-variant='unstyled'] {
    --input-padding: 0;
    --input-padding-y: 0;
    --input-padding-inline-start: 0;
    --input-padding-inline-end: 0;
  }

.m_6c018570[data-pointer] {
    --input-cursor: pointer;
  }

.m_6c018570[data-multiline] {
    --input-padding-y-xs: 4.5px;
    --input-padding-y-sm: 5.5px;
    --input-padding-y-md: 7px;
    --input-padding-y-lg: 9.5px;
    --input-padding-y-xl: 13px;

    --input-size: auto;
    --input-line-height: var(--mantine-line-height);
  }

.m_6c018570[data-with-left-section] {
    --input-padding-inline-start: var(--input-left-section-size);
  }

.m_6c018570[data-with-right-section] {
    --input-padding-inline-end: var(--input-right-section-size);
  }

.m_6c018570[data-size='xs'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
        --input-padding-inline-end: 41px;
      }

.m_6c018570[data-size='sm'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
        --input-padding-inline-end: 50px;
      }

.m_6c018570[data-size='md'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
        --input-padding-inline-end: 60px;
      }

.m_6c018570[data-size='lg'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
        --input-padding-inline-end: 72px;
      }

.m_6c018570[data-size='xl'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
        --input-padding-inline-end: 89px;
      }

[data-mantine-color-scheme='light'] .m_6c018570[data-variant='default'] {
      --input-bd: var(--mantine-color-gray-4);
      --input-bg: var(--mantine-color-white);
      --input-bd-focus: var(--mantine-primary-color-filled);
    }

[data-mantine-color-scheme='light'] .m_6c018570[data-variant='filled'] {
      --input-bd: transparent;
      --input-bg: var(--mantine-color-gray-1);
      --input-bd-focus: var(--mantine-primary-color-filled);
    }

[data-mantine-color-scheme='light'] .m_6c018570[data-variant='unstyled'] {
      --input-bd: transparent;
      --input-bg: transparent;
      --input-bd-focus: transparent;
    }

[data-mantine-color-scheme='dark'] .m_6c018570[data-variant='default'] {
      --input-bd: var(--mantine-color-dark-4);
      --input-bg: var(--mantine-color-dark-6);
      --input-bd-focus: var(--mantine-primary-color-filled);
    }

[data-mantine-color-scheme='dark'] .m_6c018570[data-variant='filled'] {
      --input-bd: transparent;
      --input-bg: var(--mantine-color-dark-5);
      --input-bd-focus: var(--mantine-primary-color-filled);
    }

[data-mantine-color-scheme='dark'] .m_6c018570[data-variant='unstyled'] {
      --input-bd: transparent;
      --input-bg: transparent;
      --input-bd-focus: transparent;
    }

[data-mantine-color-scheme] .m_6c018570[data-error]:not([data-variant='unstyled']) {
      --input-bd: var(--mantine-color-error);
    }

[data-mantine-color-scheme] .m_6c018570[data-error] {

    --input-color: var(--mantine-color-error);
    --input-placeholder-color: var(--mantine-color-error);
    --input-section-color: var(--mantine-color-error);
}

:where([dir="rtl"]) .m_6c018570 {
    --input-text-align: right;
    --left-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
    --right-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
}

.m_8fb7ebe7 {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: var(--input-resize, none);
  display: block;
  width: 100%;
  transition: border-color 100ms ease;

  text-align: var(--input-text-align);
  color: var(--input-color);
  border: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
  background-color: var(--input-bg);
  font-family: var(--input-font-family, var(--mantine-font-family));
  height: var(--input-size);
  min-height: var(--input-height);
  line-height: var(--input-line-height);
  font-size: var(--_input-fz, var(--input-fz, var(--mantine-font-size-md)));
  border-radius: var(--input-radius);
  padding-inline-start: var(--input-padding-inline-start);
  padding-inline-end: var(--input-padding-inline-end);
  padding-top: var(--input-padding-y, 0rem);
  padding-bottom: var(--input-padding-y, 0rem);
  cursor: var(--input-cursor);
  overflow: var(--input-overflow);
}

/* Used as data attribute in Textarea component, does not have associated prop on the Input component */

.m_8fb7ebe7[data-no-overflow] {
    --input-overflow: hidden;
  }

/* Used as data attribute in JsonInput component, does not have associated prop on the Input component */

.m_8fb7ebe7[data-monospace] {
    --input-font-family: var(--mantine-font-family-monospace);
    --_input-fz: calc(var(--input-fz) - calc(0.125rem * var(--mantine-scale)));
  }

.m_8fb7ebe7:focus,
  .m_8fb7ebe7:focus-within {
    outline: none;
    --input-bd: var(--input-bd-focus);
  }

[data-error] .m_8fb7ebe7:focus, [data-error] .m_8fb7ebe7:focus-within {
      --input-bd: var(--mantine-color-error);
    }

.m_8fb7ebe7::-moz-placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }

.m_8fb7ebe7::placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }

.m_8fb7ebe7::-webkit-inner-spin-button,
  .m_8fb7ebe7::-webkit-outer-spin-button,
  .m_8fb7ebe7::-webkit-search-decoration,
  .m_8fb7ebe7::-webkit-search-cancel-button,
  .m_8fb7ebe7::-webkit-search-results-button,
  .m_8fb7ebe7::-webkit-search-results-decoration {
    -webkit-appearance: none;
            appearance: none;
  }

.m_8fb7ebe7[type='number'] {
    -moz-appearance: textfield;
  }

.m_8fb7ebe7:disabled,
  .m_8fb7ebe7[data-disabled] {
    cursor: not-allowed;
    opacity: 0.6;
    background-color: var(--input-disabled-bg);
    color: var(--input-disabled-color);
  }

/* Required to be a separate selector to work in Firefox, can be merged with &:disabled once :has is supported */

.m_8fb7ebe7:has(input:disabled) {
    cursor: not-allowed;
    opacity: 0.6;
    background-color: var(--input-disabled-bg);
    color: var(--input-disabled-color);
  }

.m_8fb7ebe7[readonly] {
    caret-color: transparent;
  }

.m_82577fc2 {
  pointer-events: var(--section-pointer-events);
  position: absolute;
  z-index: 1;
  inset-inline-start: var(--section-start);
  inset-inline-end: var(--section-end);
  bottom: var(--section-y);
  top: var(--section-y);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--section-size);
  border-radius: var(--section-border-radius);
  color: var(--input-section-color, var(--mantine-color-dimmed));
}

.m_82577fc2[data-position='right'] {
    --section-pointer-events: var(--input-right-section-pointer-events);
    --section-end: var(--right-section-end);
    --section-size: var(--input-right-section-size);
    --section-border-radius: var(--right-section-border-radius);
  }

.m_6c018570[data-size='xs'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
        --section-size: 41px;
      }

.m_6c018570[data-size='sm'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
        --section-size: 50px;
      }

.m_6c018570[data-size='md'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
        --section-size: 60px;
      }

.m_6c018570[data-size='lg'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
        --section-size: 72px;
      }

.m_6c018570[data-size='xl'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
        --section-size: 89px;
      }

.m_82577fc2[data-position='left'] {
    --section-pointer-events: var(--input-left-section-pointer-events);
    --section-start: var(--left-section-start);
    --section-size: var(--input-left-section-size);
    --section-border-radius: var(--left-section-border-radius);
  }

/* ----- Input.Placeholder ----- */

.m_88bacfd0 {
  color: var(--input-placeholder-color, var(--mantine-color-placeholder));
}

[data-error] .m_88bacfd0 {
    --input-placeholder-color: var(--input-color, var(--mantine-color-placeholder));
  }

/* ----- Input.Wrapper ----- */

.m_46b77525 {
  line-height: var(--mantine-line-height);
}

.m_8fdc1311 {
  display: inline-block;
  font-weight: 500;
  overflow-wrap: break-word;
  cursor: default;
  -webkit-tap-highlight-color: transparent;
  font-size: var(--input-label-size, var(--mantine-font-size-sm));
}

.m_78a94662 {
  color: var(--input-asterisk-color, var(--mantine-color-error));
}

.m_8f816625,
.m_fe47ce59 {
  word-wrap: break-word;
  line-height: 1.2;
  display: block;
  margin: 0;
  padding: 0;
}

.m_8f816625 {
  color: var(--mantine-color-error);
  font-size: var(--input-error-size, calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))));
}

.m_fe47ce59 {
  color: var(--mantine-color-dimmed);
  font-size: var(--input-description-size, calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))));
}

.m_8bffd616 {
  display: flex;
}

.m_9bdbb667 {
  --accordion-radius: var(--mantine-radius-default);
}

.m_df78851f {
  overflow-wrap: break-word;
}

.m_4ba554d4 {
  padding: var(--mantine-spacing-md);
  padding-top: calc(var(--mantine-spacing-xs) / 2);
}

.m_8fa820a0 {
  margin: 0;
  padding: 0;
}

.m_4ba585b8 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  padding-inline: var(--mantine-spacing-md);
  opacity: 1;
  cursor: pointer;
  background-color: transparent;
  color: var(--mantine-color-bright);
}

.m_4ba585b8:where([data-chevron-position='left']) {
    flex-direction: row;
    padding-inline-start: 0;
  }

.m_4ba585b8:where(:disabled, [data-disabled]) {
    opacity: 0.4;
    cursor: not-allowed;
  }

@media (hover: hover) {
      :where([data-mantine-color-scheme='light']) .m_6939a5e9:where(:not(:disabled, [data-disabled])):hover, :where([data-mantine-color-scheme='light']) .m_4271d21b:where(:not(:disabled, [data-disabled])):hover {
        background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='dark']) .m_6939a5e9:where(:not(:disabled, [data-disabled])):hover, :where([data-mantine-color-scheme='dark']) .m_4271d21b:where(:not(:disabled, [data-disabled])):hover {
        background-color: var(--mantine-color-dark-6);
  }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_6939a5e9:where(:not(:disabled, [data-disabled])):active, :where([data-mantine-color-scheme='light']) .m_4271d21b:where(:not(:disabled, [data-disabled])):active {
        background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='dark']) .m_6939a5e9:where(:not(:disabled, [data-disabled])):active, :where([data-mantine-color-scheme='dark']) .m_4271d21b:where(:not(:disabled, [data-disabled])):active {
        background-color: var(--mantine-color-dark-6);
  }
}

.m_df3ffa0f {
  color: inherit;
  font-weight: 400;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: var(--mantine-spacing-sm);
  padding-bottom: var(--mantine-spacing-sm);
}

.m_3f35ae96 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: transform var(--accordion-transition-duration, 200ms) ease;
  width: var(--accordion-chevron-size, calc(0.9375rem * var(--mantine-scale)));
  min-width: var(--accordion-chevron-size, calc(0.9375rem * var(--mantine-scale)));
  transform: rotate(0deg);
}

.m_3f35ae96:where([data-rotate]) {
    transform: rotate(180deg);
  }

.m_3f35ae96:where([data-position='left']) {
    margin-inline-end: var(--mantine-spacing-md);
    margin-inline-start: var(--mantine-spacing-md);
  }

.m_9bd771fe {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: var(--mantine-spacing-sm);
}

.m_9bd771fe:where([data-chevron-position='left']) {
    margin-inline-end: 0;
    margin-inline-start: var(--mantine-spacing-lg);
  }

:where([data-mantine-color-scheme='light']) .m_9bd7b098 {
    --item-border-color: var(--mantine-color-gray-3);
    --item-filled-color: var(--mantine-color-gray-0);
}

:where([data-mantine-color-scheme='dark']) .m_9bd7b098 {
    --item-border-color: var(--mantine-color-dark-4);
    --item-filled-color: var(--mantine-color-dark-6);
}

.m_fe19b709 {
  border-bottom: 1px solid var(--item-border-color);
}

.m_1f921b3b {
  border: 1px solid var(--item-border-color);
  transition: background-color 150ms ease;
}

.m_1f921b3b:where([data-active]) {
    background-color: var(--item-filled-color);
  }

.m_1f921b3b:first-of-type {
    border-start-start-radius: var(--accordion-radius);
    border-start-end-radius: var(--accordion-radius);
  }

.m_1f921b3b:first-of-type > [data-accordion-control] {
      border-start-start-radius: var(--accordion-radius);
      border-start-end-radius: var(--accordion-radius);
    }

.m_1f921b3b:last-of-type {
    border-end-start-radius: var(--accordion-radius);
    border-end-end-radius: var(--accordion-radius);
  }

.m_1f921b3b:last-of-type > [data-accordion-control] {
      border-end-start-radius: var(--accordion-radius);
      border-end-end-radius: var(--accordion-radius);
    }

.m_1f921b3b + .m_1f921b3b {
    border-top: 0;
  }

.m_2cdf939a {
  border-radius: var(--accordion-radius);
}

.m_2cdf939a:where([data-active]) {
    background-color: var(--item-filled-color);
  }

.m_9f59b069 {
  background-color: var(--item-filled-color);
  border-radius: var(--accordion-radius);
  border: 1px solid transparent;
  transition: background-color 150ms ease;
}

.m_9f59b069[data-active] {
    border-color: var(--item-border-color);
  }

:where([data-mantine-color-scheme='light']) .m_9f59b069[data-active] {
      background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='dark']) .m_9f59b069[data-active] {
      background-color: var(--mantine-color-dark-7);
}

.m_9f59b069 + .m_9f59b069 {
    margin-top: var(--mantine-spacing-md);
  }

.m_8d3f4000 {
  --ai-size-xs: 18px;
  --ai-size-sm: 22px;
  --ai-size-md: 28px;
  --ai-size-lg: 34px;
  --ai-size-xl: 44px;

  --ai-size-input-xs: 30px;
  --ai-size-input-sm: 36px;
  --ai-size-input-md: 42px;
  --ai-size-input-lg: 50px;
  --ai-size-input-xl: 60px;

  --ai-size: var(--ai-size-md);
  --ai-color: var(--mantine-color-white);

  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;

  width: var(--ai-size);
  height: var(--ai-size);
  min-width: var(--ai-size);
  min-height: var(--ai-size);
  border-radius: var(--ai-radius, var(--mantine-radius-default));
  background: var(--ai-bg, var(--mantine-primary-color-filled));
  color: var(--ai-color, var(--mantine-color-white));
  border: var(--ai-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  cursor: pointer;
}

@media (hover: hover) {
    .m_8d3f4000:hover:where(:not([data-loading], :disabled, [data-disabled])) {
      background-color: var(--ai-hover, var(--mantine-primary-color-filled-hover));
      color: var(--ai-hover-color, var(--ai-color));
    }
}

@media (hover: none) {
    .m_8d3f4000:active:where(:not([data-loading], :disabled, [data-disabled])) {
      background-color: var(--ai-hover, var(--mantine-primary-color-filled-hover));
      color: var(--ai-hover-color, var(--ai-color));
    }
}

.m_8d3f4000[data-loading] {
    cursor: not-allowed;
  }

.m_8d3f4000[data-loading] .m_8d3afb97 {
      opacity: 0;
      transform: translateY(100%);
    }

.m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
    cursor: not-allowed;
    border: 1px solid transparent;
    color: var(--mantine-color-disabled-color);
    background: var(--mantine-color-disabled);
  }

.m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])):active {
      transform: none;
    }

.m_302b9fb1 {
  inset: -1px;
  position: absolute;
  border-radius: var(--ai-radius, var(--mantine-radius-default));
  display: flex;
  align-items: center;
  justify-content: center;
}

:where([data-mantine-color-scheme='light']) .m_302b9fb1 {
    background-color: rgba(255, 255, 255, 0.15);
}

:where([data-mantine-color-scheme='dark']) .m_302b9fb1 {
    background-color: rgba(0, 0, 0, 0.15);
}

.m_1a0f1b21 {
  --ai-border-width: 1px;
  display: flex;
}

.m_1a0f1b21 :where(*):focus {
      position: relative;
      z-index: 1;
    }

.m_1a0f1b21[data-orientation='horizontal'] {
    flex-direction: row;
  }

.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):first-child, .m_1a0f1b21[data-orientation='horizontal'] .m_437b6484:not(:only-child):first-child {
        border-end-end-radius: 0;
        border-start-end-radius: 0;
        border-inline-end-width: calc(var(--ai-border-width) / 2);
      }

.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):last-child, .m_1a0f1b21[data-orientation='horizontal'] .m_437b6484:not(:only-child):last-child {
        border-end-start-radius: 0;
        border-start-start-radius: 0;
        border-inline-start-width: calc(var(--ai-border-width) / 2);
      }

.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child), .m_1a0f1b21[data-orientation='horizontal'] .m_437b6484:not(:only-child):not(:first-child):not(:last-child) {
        border-radius: 0;
        border-inline-width: calc(var(--ai-border-width) / 2);
      }

.m_1a0f1b21[data-orientation='vertical'] {
    flex-direction: column;
  }

.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):first-child, .m_1a0f1b21[data-orientation='vertical'] .m_437b6484:not(:only-child):first-child {
        border-end-start-radius: 0;
        border-end-end-radius: 0;
        border-bottom-width: calc(var(--ai-border-width) / 2);
      }

.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):last-child, .m_1a0f1b21[data-orientation='vertical'] .m_437b6484:not(:only-child):last-child {
        border-start-start-radius: 0;
        border-start-end-radius: 0;
        border-top-width: calc(var(--ai-border-width) / 2);
      }

.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child), .m_1a0f1b21[data-orientation='vertical'] .m_437b6484:not(:only-child):not(:first-child):not(:last-child) {
        border-radius: 0;
        border-bottom-width: calc(var(--ai-border-width) / 2);
        border-top-width: calc(var(--ai-border-width) / 2);
      }

.m_8d3afb97 {
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    transform 150ms ease,
    opacity 100ms ease;
  width: 100%;
  height: 100%;
}

.m_437b6484 {
  --section-height-xs: 18px;
  --section-height-sm: 22px;
  --section-height-md: 28px;
  --section-height-lg: 34px;
  --section-height-xl: 44px;

  --section-height-input-xs: 30px;
  --section-height-input-sm: 36px;
  --section-height-input-md: 42px;
  --section-height-input-lg: 50px;
  --section-height-input-xl: 60px;

  --section-padding-x-xs: 6px;
  --section-padding-x-sm: 8px;
  --section-padding-x-md: 10px;
  --section-padding-x-lg: 12px;
  --section-padding-x-xl: 16px;

  --section-height: var(--section-height-sm);
  --section-padding-x: var(--section-padding-x-sm);
  --section-color: var(--mantine-color-white);

  font-weight: 600;
  width: auto;
  border-radius: var(--section-radius, var(--mantine-radius-default));
  font-size: var(--section-fz, var(--mantine-font-size-sm));
  background: var(--section-bg, var(--mantine-primary-color-filled));
  border: var(--section-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  color: var(--section-color, var(--mantine-color-white));
  height: var(--section-height, var(--section-height-sm));
  padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
  vertical-align: middle;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.m_7f854edf {
  position: fixed;
  z-index: var(--affix-z-index);
  inset-inline-start: var(--affix-left);
  inset-inline-end: var(--affix-right);
  top: var(--affix-top);
  bottom: var(--affix-bottom);
}

.m_66836ed3 {
  --alert-radius: var(--mantine-radius-default);
  --alert-bg: var(--mantine-primary-color-light);
  --alert-bd: 1px solid transparent;
  --alert-color: var(--mantine-primary-color-light-color);

  padding: var(--mantine-spacing-md) var(--mantine-spacing-md);
  border-radius: var(--alert-radius);
  position: relative;
  overflow: hidden;
  background-color: var(--alert-bg);
  border: var(--alert-bd);
  color: var(--alert-color);
}

.m_a5d60502 {
  display: flex;
}

.m_667c2793 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--mantine-spacing-xs);
}

.m_6a03f287 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--mantine-font-size-sm);
  font-weight: 700;
}

.m_6a03f287:where([data-with-close-button]) {
    padding-inline-end: var(--mantine-spacing-md);
  }

.m_698f4f23 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.m_667f2a6a {
  line-height: 1;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-inline-end: var(--mantine-spacing-md);
  margin-top: 1px;
}

.m_7fa78076 {
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: var(--mantine-font-size-sm);
}

:where([data-mantine-color-scheme='light']) .m_7fa78076 {
    color: var(--mantine-color-black);
}

:where([data-mantine-color-scheme='dark']) .m_7fa78076 {
    color: var(--mantine-color-white);
}

.m_7fa78076:where([data-variant='filled']) {
    color: var(--alert-color);
  }

.m_7fa78076:where([data-variant='white']) {
    color: var(--mantine-color-black);
  }

.m_87f54839 {
  width: 20px;
  height: 20px;
  color: var(--alert-color);
}

.m_849cf0da {
  color: var(--mantine-color-anchor);
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  display: inline;
  padding: 0;
  margin: 0;
  background-color: transparent;
  cursor: pointer;
}

@media (hover: hover) {

  .m_849cf0da:where([data-underline='hover']):hover {
      text-decoration: underline;
  }
}

@media (hover: none) {

  .m_849cf0da:where([data-underline='hover']):active {
      text-decoration: underline;
  }
}

.m_849cf0da:where([data-underline='not-hover']) {
    text-decoration: underline;
  }

@media (hover: hover) {

  .m_849cf0da:where([data-underline='not-hover']):hover {
      text-decoration: none;
  }
}

@media (hover: none) {

  .m_849cf0da:where([data-underline='not-hover']):active {
      text-decoration: none;
  }
}

.m_849cf0da:where([data-underline='always']) {
    text-decoration: underline;
  }

.m_849cf0da:where([data-variant='gradient']),
    .m_849cf0da:where([data-variant='gradient']):hover {
      text-decoration: none;
    }

.m_849cf0da:where([data-line-clamp]) {
    display: -webkit-box;
  }

.m_71ac47fc {
  --ar-ratio: 1;
  max-width: 100%;
}

.m_71ac47fc > :where(*:not(style)) {
    aspect-ratio: var(--ar-ratio);
    width: 100%;
  }

.m_71ac47fc > :where(img, video) {
    -o-object-fit: cover;
       object-fit: cover;
  }

.m_89ab340[data-resizing] {
    --app-shell-transition-duration: 0ms !important;
  }

.m_89ab340[data-disabled] {
    --app-shell-header-offset: 0rem !important;
    --app-shell-navbar-offset: 0rem !important;
    --app-shell-aside-offset: 0rem !important;
    --app-shell-footer-offset: 0rem !important;
  }

.m_89ab340[data-mode='static'] {
    display: grid;
    grid-template-columns: var(--app-shell-navbar-width, 0) 1fr var(--app-shell-aside-width, 0);
    grid-template-rows: auto 1fr auto;
    position: relative;
    height: 100%;
    overflow: auto;
  }

[data-mantine-color-scheme='light'] .m_89ab340 {
    --app-shell-border-color: var(--mantine-color-gray-3);
}

[data-mantine-color-scheme='dark'] .m_89ab340 {
    --app-shell-border-color: var(--mantine-color-dark-4);
}

.m_45252eee,
.m_9cdde9a,
.m_3b16f56b,
.m_8983817,
.m_3840c879 {
  transition-duration: var(--app-shell-transition-duration);
  transition-timing-function: var(--app-shell-transition-timing-function);
}

.m_45252eee,
.m_9cdde9a {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: var(--app-shell-header-offset, 0rem);
  height: calc(
    100dvh - var(--app-shell-header-offset, 0rem) - var(--app-shell-footer-offset, 0rem)
  );
  background-color: var(--mantine-color-body);
  transition-property: transform, top, height;
}

:where([data-mode='static']) .m_45252eee, :where([data-mode='static']) .m_9cdde9a {
    position: var(--app-shell-navbar-position, fixed);
    grid-row: var(--app-shell-navbar-grid-row, auto);
    height: 100%;
  }

:where([data-layout='alt']) .m_45252eee, :where([data-layout='alt']) .m_9cdde9a {
    top: 0rem;
    height: 100dvh;
  }

:where([data-mode='static'][data-layout='alt']) .m_45252eee, :where([data-mode='static'][data-layout='alt']) .m_9cdde9a {
    grid-row: var(--app-shell-navbar-grid-row-alt, var(--app-shell-navbar-grid-row, auto));
  }

.m_45252eee {
  inset-inline-start: 0;
  width: var(--app-shell-navbar-width);
  transition-property: transform, top, height;
  transform: var(--app-shell-navbar-transform);
  z-index: var(--app-shell-navbar-z-index);
}

:where([data-mode='static']) .m_45252eee {
    grid-column: var(--app-shell-navbar-grid-column, auto);
    display: var(--app-shell-navbar-display, flex);
  }

:where([dir="rtl"]) .m_45252eee {
    transform: var(--app-shell-navbar-transform-rtl);
}

.m_45252eee:where([data-with-border]) {
    border-inline-end: 1px solid var(--app-shell-border-color);
  }

.m_9cdde9a {
  inset-inline-end: 0;
  width: var(--app-shell-aside-width);
  transform: var(--app-shell-aside-transform);
  z-index: var(--app-shell-aside-z-index);
}

:where([data-mode='static']) .m_9cdde9a {
    position: var(--app-shell-aside-position, fixed);
    grid-column: var(--app-shell-aside-grid-column, auto);
    grid-row: var(--app-shell-aside-grid-row, auto);
    display: var(--app-shell-aside-display, flex);
  }

:where([dir="rtl"]) .m_9cdde9a {
    transform: var(--app-shell-aside-transform-rtl);
}

.m_9cdde9a:where([data-with-border]) {
    border-inline-start: 1px solid var(--app-shell-border-color);
  }

:where([data-scroll-locked]) .m_9cdde9a {
    visibility: var(--app-shell-aside-scroll-locked-visibility);
  }

.m_8983817 {
  padding-inline-start: calc(var(--app-shell-navbar-offset, 0rem) + var(--app-shell-padding));
  padding-inline-end: calc(var(--app-shell-aside-offset, 0rem) + var(--app-shell-padding));
  padding-top: calc(var(--app-shell-header-offset, 0rem) + var(--app-shell-padding));
  padding-bottom: calc(var(--app-shell-footer-offset, 0rem) + var(--app-shell-padding));
  min-height: 100dvh;
  transition-property: padding;
}

:where([data-mode='static']) .m_8983817 {
    padding-inline-start: var(--app-shell-padding);
    padding-inline-end: var(--app-shell-padding);
    padding-top: var(--app-shell-padding);
    padding-bottom: var(--app-shell-padding);
    min-height: auto;
    grid-column: var(--app-shell-main-column-start, 1) / var(--app-shell-main-column-end, -1);
    grid-row: var(--app-shell-main-grid-row, 2);
  }

.m_3b16f56b,
.m_3840c879 {
  position: fixed;
  inset-inline: 0;
  transition-property: transform, margin-inline-start, margin-inline-end;
  background-color: var(--mantine-color-body);
}

:where([data-mode='static']) .m_3b16f56b, :where([data-mode='static']) .m_3840c879 {
    position: var(--app-shell-header-position, fixed);
    grid-column: var(--app-shell-header-grid-column, auto);
  }

:where([data-layout='alt']) .m_3b16f56b, :where([data-layout='alt']) .m_3840c879 {
    margin-inline-start: var(--app-shell-navbar-offset, 0rem);
    margin-inline-end: var(--app-shell-aside-offset, 0rem);
  }

:where([data-mode='static'][data-layout='alt']) .m_3b16f56b, :where([data-mode='static'][data-layout='alt']) .m_3840c879 {
    margin-inline-start: 0rem;
    margin-inline-end: 0rem;
  }

.m_3b16f56b {
  top: 0;
  height: var(--app-shell-header-height);
  background-color: var(--mantine-color-body);
  transform: var(--app-shell-header-transform);
  z-index: var(--app-shell-header-z-index);
}

:where([data-mode='static']) .m_3b16f56b {
    grid-row: var(--app-shell-header-grid-row, auto);
  }

.m_3b16f56b:where([data-with-border]) {
    border-bottom: 1px solid var(--app-shell-border-color);
  }

.m_3840c879 {
  bottom: 0;
  height: calc(var(--app-shell-footer-height) + env(safe-area-inset-bottom));
  padding-bottom: env(safe-area-inset-bottom);
  transform: var(--app-shell-footer-transform);
  z-index: var(--app-shell-footer-z-index);
}

:where([data-mode='static']) .m_3840c879 {
    position: var(--app-shell-footer-position, fixed);
    grid-column: var(--app-shell-footer-grid-column, auto);
    grid-row: var(--app-shell-footer-grid-row, auto);
  }

.m_3840c879:where([data-with-border]) {
    border-top: 1px solid var(--app-shell-border-color);
  }

.m_6dcfc7c7 {
  flex-grow: 0;
}

.m_6dcfc7c7:where([data-grow]) {
    flex-grow: 1;
  }

/* Avatar.Group root element */

.m_11def92b {
  --ag-spacing: var(--mantine-spacing-sm);
  --ag-offset: calc(var(--ag-spacing) * -1);

  display: flex;
  padding-inline-start: var(--ag-spacing);
}

/* Avatar root element */

.m_f85678b6 {
  --avatar-size-xs: 16px;
  --avatar-size-sm: 26px;
  --avatar-size-md: 38px;
  --avatar-size-lg: 56px;
  --avatar-size-xl: 84px;

  --avatar-size: var(--avatar-size-md);
  --avatar-radius: 1000px;
  --avatar-bg: var(--mantine-color-gray-light);
  --avatar-bd: 1px solid transparent;
  --avatar-color: var(--mantine-color-gray-light-color);
  --avatar-placeholder-fz: calc(var(--avatar-size) / 2.5);

  -webkit-tap-highlight-color: transparent;
  position: relative;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
  border-radius: var(--avatar-radius);
  text-decoration: none;
  padding: 0;
  width: var(--avatar-size);
  height: var(--avatar-size);
  min-width: var(--avatar-size);
}

.m_f85678b6:where([data-within-group]) {
    margin-inline-start: var(--ag-offset);
    border: 2px solid var(--mantine-color-body);
    background: var(--mantine-color-body);
  }

.m_11f8ac07 {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.m_104cd71f {
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: var(--avatar-radius);
  font-size: var(--avatar-placeholder-fz);
  background: var(--avatar-bg);
  border: var(--avatar-bd);
  color: var(--avatar-color);
}

.m_104cd71f > [data-avatar-placeholder-icon] {
    width: 70%;
    height: 70%;
  }

.m_347db0ec {
  --badge-height-xs: 16px;
  --badge-height-sm: 18px;
  --badge-height-md: 20px;
  --badge-height-lg: 26px;
  --badge-height-xl: 32px;

  --badge-fz-xs: 9px;
  --badge-fz-sm: 10px;
  --badge-fz-md: 11px;
  --badge-fz-lg: 13px;
  --badge-fz-xl: 16px;

  --badge-padding-x-xs: 6px;
  --badge-padding-x-sm: 8px;
  --badge-padding-x-md: 10px;
  --badge-padding-x-lg: 12px;
  --badge-padding-x-xl: 16px;

  --badge-height: var(--badge-height-md);
  --badge-fz: var(--badge-fz-md);
  --badge-padding-x: var(--badge-padding-x-md);
  --badge-radius: 1000px;
  --badge-lh: calc(var(--badge-height) - calc(0.125rem * var(--mantine-scale)));
  --badge-color: var(--mantine-color-white);
  --badge-bg: var(--mantine-primary-color-filled);
  --badge-border-width: 1px;
  --badge-bd: var(--badge-border-width) solid transparent;

  -webkit-tap-highlight-color: transparent;
  font-size: var(--badge-fz);
  border-radius: var(--badge-radius);
  height: var(--badge-height);
  line-height: var(--badge-lh);
  text-decoration: none;
  padding: 0 var(--badge-padding-x);
  display: inline-grid;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.25px;
  cursor: default;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--badge-color);
  background: var(--badge-bg);
  border: var(--badge-bd);
}

.m_347db0ec:where([data-with-left-section], [data-variant='dot']) {
    grid-template-columns: auto 1fr;
  }

.m_347db0ec:where([data-with-right-section]) {
    grid-template-columns: 1fr auto;
  }

.m_347db0ec:where(
    [data-with-left-section][data-with-right-section],
    [data-variant='dot'][data-with-right-section]
  ) {
    grid-template-columns: auto 1fr auto;
  }

.m_347db0ec:where([data-block]) {
    display: flex;
    width: 100%;
  }

.m_347db0ec:where([data-circle]) {
    padding-inline: 2px;
    display: flex;
    width: var(--badge-height);
  }

.m_fbd81e3d {
  --badge-dot-size: calc(var(--badge-height) / 3.4);
}

:where([data-mantine-color-scheme='light']) .m_fbd81e3d {
    background-color: var(--mantine-color-white);
    border-color: var(--mantine-color-gray-4);
    color: var(--mantine-color-black);
}

:where([data-mantine-color-scheme='dark']) .m_fbd81e3d {
    background-color: var(--mantine-color-dark-5);
    border-color: var(--mantine-color-dark-5);
    color: var(--mantine-color-white);
}

.m_fbd81e3d::before {
    content: '';
    display: block;
    width: var(--badge-dot-size);
    height: var(--badge-dot-size);
    border-radius: var(--badge-dot-size);
    background-color: var(--badge-dot-color);
    margin-inline-end: var(--badge-dot-size);
  }

.m_5add502a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  cursor: inherit;
}

.m_91fdda9b {
  --badge-section-margin: calc(var(--mantine-spacing-xs) / 2);

  display: inline-flex;
  justify-content: center;
  align-items: center;
  max-height: calc(var(--badge-height) - var(--badge-border-width) * 2);
}

.m_91fdda9b:where([data-position='left']) {
    margin-inline-end: var(--badge-section-margin);
  }

.m_91fdda9b:where([data-position='right']) {
    margin-inline-start: var(--badge-section-margin);
  }

.m_2ce0de02 {
  background-size: cover;
  background-position: center;
  display: block;
  width: 100%;
  border: 0;
  text-decoration: none;
  border-radius: var(--bi-radius, 0);
}

.m_ddec01c0 {
  --blockquote-border: 3px solid var(--bq-bd);

  position: relative;
  margin: 0;
  border-inline-start: var(--blockquote-border);
  border-start-end-radius: var(--bq-radius);
  border-end-end-radius: var(--bq-radius);
  padding: var(--mantine-spacing-xl) calc(2.375rem * var(--mantine-scale));
}

:where([data-mantine-color-scheme='light']) .m_ddec01c0 {
    background-color: var(--bq-bg-light);
}

:where([data-mantine-color-scheme='dark']) .m_ddec01c0 {
    background-color: var(--bq-bg-dark);
}

.m_dde7bd57 {
  --blockquote-icon-offset: calc(var(--bq-icon-size) / -2);

  position: absolute;
  color: var(--bq-bd);
  background-color: var(--mantine-color-body);
  display: flex;
  align-items: center;
  justify-content: center;
  top: var(--blockquote-icon-offset);
  inset-inline-start: var(--blockquote-icon-offset);
  width: var(--bq-icon-size);
  height: var(--bq-icon-size);
  border-radius: var(--bq-icon-size);
}

.m_dde51a35 {
  display: block;
  margin-top: var(--mantine-spacing-md);
  opacity: 0.6;
  font-size: 85%;
}

.m_8b3717df {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.m_f678d540 {
  line-height: 1;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}

.m_3b8f2208 {
  margin-inline: var(--bc-separator-margin, var(--mantine-spacing-xs));
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

:where([data-mantine-color-scheme='light']) .m_3b8f2208 {
    color: var(--mantine-color-gray-7);
}

:where([data-mantine-color-scheme='dark']) .m_3b8f2208 {
    color: var(--mantine-color-dark-2);
}

.m_77c9d27d {
  --button-height-xs: 30px;
  --button-height-sm: 36px;
  --button-height-md: 42px;
  --button-height-lg: 50px;
  --button-height-xl: 60px;

  --button-height-compact-xs: 22px;
  --button-height-compact-sm: 26px;
  --button-height-compact-md: 30px;
  --button-height-compact-lg: 34px;
  --button-height-compact-xl: 40px;

  --button-padding-x-xs: 14px;
  --button-padding-x-sm: 18px;
  --button-padding-x-md: 22px;
  --button-padding-x-lg: 26px;
  --button-padding-x-xl: 32px;

  --button-padding-x-compact-xs: 7px;
  --button-padding-x-compact-sm: 8px;
  --button-padding-x-compact-md: 10px;
  --button-padding-x-compact-lg: 12px;
  --button-padding-x-compact-xl: 14px;

  --button-height: var(--button-height-sm);
  --button-padding-x: var(--button-padding-x-sm);
  --button-color: var(--mantine-color-white);

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;
  font-weight: 600;
  position: relative;
  line-height: 1;
  text-align: center;
  overflow: hidden;

  width: auto;
  cursor: pointer;
  display: inline-block;
  border-radius: var(--button-radius, var(--mantine-radius-default));
  font-size: var(--button-fz, var(--mantine-font-size-sm));
  background: var(--button-bg, var(--mantine-primary-color-filled));
  border: var(--button-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  color: var(--button-color, var(--mantine-color-white));
  height: var(--button-height, var(--button-height-sm));
  padding-inline: var(--button-padding-x, var(--button-padding-x-sm));
  vertical-align: middle;
}

.m_77c9d27d:where([data-block]) {
    display: block;
    width: 100%;
  }

.m_77c9d27d:where([data-with-left-section]) {
    padding-inline-start: calc(var(--button-padding-x) / 1.5);
  }

.m_77c9d27d:where([data-with-right-section]) {
    padding-inline-end: calc(var(--button-padding-x) / 1.5);
  }

.m_77c9d27d:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
    cursor: not-allowed;
    border: 1px solid transparent;
    transform: none;
    color: var(--mantine-color-disabled-color);
    background: var(--mantine-color-disabled);
  }

.m_77c9d27d::before {
    content: '';
    pointer-events: none;
    position: absolute;
    inset: -1px;
    border-radius: var(--button-radius, var(--mantine-radius-default));
    transform: translateY(-100%);
    opacity: 0;
    filter: blur(12px);
    transition:
      transform 150ms ease,
      opacity 100ms ease;
  }

:where([data-mantine-color-scheme='light']) .m_77c9d27d::before {
      background-color: rgba(255, 255, 255, 0.15);
}

:where([data-mantine-color-scheme='dark']) .m_77c9d27d::before {
      background-color: rgba(0, 0, 0, 0.15);
}

.m_77c9d27d:where([data-loading]) {
    cursor: not-allowed;
    transform: none;
  }

.m_77c9d27d:where([data-loading])::before {
      transform: translateY(0);
      opacity: 1;
    }

.m_77c9d27d:where([data-loading]) .m_80f1301b {
      opacity: 0;
      transform: translateY(100%);
    }

@media (hover: hover) {
    .m_77c9d27d:hover:where(:not([data-loading], :disabled, [data-disabled])) {
      background-color: var(--button-hover, var(--mantine-primary-color-filled-hover));
      color: var(--button-hover-color, var(--button-color));
    }
}

@media (hover: none) {
    .m_77c9d27d:active:where(:not([data-loading], :disabled, [data-disabled])) {
      background-color: var(--button-hover, var(--mantine-primary-color-filled-hover));
      color: var(--button-hover-color, var(--button-color));
    }
}

.m_80f1301b {
  display: flex;
  align-items: center;
  justify-content: var(--button-justify, center);
  height: 100%;
  overflow: visible;
  transition:
    transform 150ms ease,
    opacity 100ms ease;
}

.m_811560b9 {
  white-space: nowrap;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  opacity: 1;
}

.m_811560b9:where([data-loading]) {
    opacity: 0.2;
  }

.m_a74036a {
  display: flex;
  align-items: center;
}

.m_a74036a:where([data-position='left']) {
    margin-inline-end: var(--mantine-spacing-xs);
  }

.m_a74036a:where([data-position='right']) {
    margin-inline-start: var(--mantine-spacing-xs);
  }

.m_a25b86ee {
  position: absolute;
  left: 50%;
  top: 50%;
}

.m_80d6d844 {
  --button-border-width: 1px;
  display: flex;
}

.m_80d6d844 :where(.m_77c9d27d):focus {
      position: relative;
      z-index: 1;
    }

.m_80d6d844[data-orientation='horizontal'] {
    flex-direction: row;
  }

.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):first-child, .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):first-child {
        border-end-end-radius: 0;
        border-start-end-radius: 0;
        border-inline-end-width: calc(var(--button-border-width) / 2);
      }

.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):last-child, .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):last-child {
        border-end-start-radius: 0;
        border-start-start-radius: 0;
        border-inline-start-width: calc(var(--button-border-width) / 2);
      }

.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child), .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child) {
        border-radius: 0;
        border-inline-width: calc(var(--button-border-width) / 2);
      }

.m_80d6d844[data-orientation='vertical'] {
    flex-direction: column;
  }

.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):first-child, .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):first-child {
        border-end-start-radius: 0;
        border-end-end-radius: 0;
        border-bottom-width: calc(var(--button-border-width) / 2);
      }

.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):last-child, .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):last-child {
        border-start-start-radius: 0;
        border-start-end-radius: 0;
        border-top-width: calc(var(--button-border-width) / 2);
      }

.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child), .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child) {
        border-radius: 0;
        border-bottom-width: calc(var(--button-border-width) / 2);
        border-top-width: calc(var(--button-border-width) / 2);
      }

.m_70be2a01 {
  --section-height-xs: 30px;
  --section-height-sm: 36px;
  --section-height-md: 42px;
  --section-height-lg: 50px;
  --section-height-xl: 60px;

  --section-height-compact-xs: 22px;
  --section-height-compact-sm: 26px;
  --section-height-compact-md: 30px;
  --section-height-compact-lg: 34px;
  --section-height-compact-xl: 40px;

  --section-padding-x-xs: 14px;
  --section-padding-x-sm: 18px;
  --section-padding-x-md: 22px;
  --section-padding-x-lg: 26px;
  --section-padding-x-xl: 32px;

  --section-padding-x-compact-xs: 7px;
  --section-padding-x-compact-sm: 8px;
  --section-padding-x-compact-md: 10px;
  --section-padding-x-compact-lg: 12px;
  --section-padding-x-compact-xl: 14px;

  --section-height: var(--section-height-sm);
  --section-padding-x: var(--section-padding-x-sm);
  --section-color: var(--mantine-color-white);

  font-weight: 600;
  width: auto;
  border-radius: var(--section-radius, var(--mantine-radius-default));
  font-size: var(--section-fz, var(--mantine-font-size-sm));
  background: var(--section-bg, var(--mantine-primary-color-filled));
  border: var(--section-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  color: var(--section-color, var(--mantine-color-white));
  height: var(--section-height, var(--section-height-sm));
  padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
  vertical-align: middle;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.m_fea6bf1a {
  --burger-size-xs: 12px;
  --burger-size-sm: 18px;
  --burger-size-md: 24px;
  --burger-size-lg: 34px;
  --burger-size-xl: 42px;

  --burger-size: var(--burger-size-md);
  --burger-line-size: calc(var(--burger-size) / 12);

  width: calc(var(--burger-size) + var(--mantine-spacing-xs));
  height: calc(var(--burger-size) + var(--mantine-spacing-xs));
  padding: calc(var(--mantine-spacing-xs) / 2);
  cursor: pointer;
}

:where([data-mantine-color-scheme='light']) .m_fea6bf1a {
    --burger-color: var(--mantine-color-black);
}

:where([data-mantine-color-scheme='dark']) .m_fea6bf1a {
    --burger-color: var(--mantine-color-white);
}

.m_d4fb9cad {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.m_d4fb9cad,
  .m_d4fb9cad::before,
  .m_d4fb9cad::after {
    display: block;
    width: var(--burger-size);
    height: var(--burger-line-size);
    background-color: var(--burger-color);
    outline: 1px solid transparent;
    transition-property: background-color, transform;
    transition-duration: var(--burger-transition-duration, 300ms);
    transition-timing-function: var(--burger-transition-timing-function, ease);
  }

.m_d4fb9cad::before,
  .m_d4fb9cad::after {
    position: absolute;
    content: '';
    inset-inline-start: 0;
  }

.m_d4fb9cad::before {
    top: calc(var(--burger-size) / -3);
  }

.m_d4fb9cad::after {
    top: calc(var(--burger-size) / 3);
  }

.m_d4fb9cad[data-opened] {
    background-color: transparent;
  }

.m_d4fb9cad[data-opened]::before {
      transform: translateY(calc(var(--burger-size) / 3)) rotate(45deg);
    }

.m_d4fb9cad[data-opened]::after {
      transform: translateY(calc(var(--burger-size) / -3)) rotate(-45deg);
    }

.m_e615b15f {
  --card-padding: var(--mantine-spacing-md);

  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: var(--card-padding);
  color: var(--mantine-color-text);
}

:where([data-mantine-color-scheme='light']) .m_e615b15f {
    background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='dark']) .m_e615b15f {
    background-color: var(--mantine-color-dark-6);
}

.m_599a2148 {
  display: block;
  margin-inline: calc(var(--card-padding) * -1);
}

.m_599a2148:where(:first-child) {
    margin-top: calc(var(--card-padding) * -1);
    border-top: none !important;
  }

.m_599a2148:where(:last-child) {
    margin-bottom: calc(var(--card-padding) * -1);
    border-bottom: none !important;
  }

.m_599a2148:where([data-inherit-padding]) {
    padding-inline: var(--card-padding);
  }

.m_599a2148:where([data-with-border]) {
    border-top: 1px solid;
    border-bottom: 1px solid;
  }

:where([data-mantine-color-scheme='light']) .m_599a2148 {
    border-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_599a2148 {
    border-color: var(--mantine-color-dark-4);
}

.m_599a2148 + .m_599a2148 {
    border-top: none !important;
  }

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

.m_4451eb3a:where([data-inline]) {
    display: inline-flex;
  }

.m_bf2d988c {
  --checkbox-size-xs: 16px;
  --checkbox-size-sm: 20px;
  --checkbox-size-md: 24px;
  --checkbox-size-lg: 30px;
  --checkbox-size-xl: 36px;

  --checkbox-size: var(--checkbox-size-sm);
  --checkbox-color: var(--mantine-primary-color-filled);
}

.m_bf2d988c:where([data-variant='filled']) {
    --checkbox-icon-color: var(--mantine-color-white);
  }

.m_bf2d988c:where([data-variant='outline']) {
    --checkbox-icon-color: var(--checkbox-color);
  }

.m_26062bec {
  position: relative;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  order: 1;
}

.m_26062bec:where([data-label-position='left']) {
    order: 2;
  }

.m_26063560 {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid transparent;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  border-radius: var(--checkbox-radius, var(--mantine-radius-default));
  padding: 0;
  display: block;
  margin: 0;
  transition:
    border-color 100ms ease,
    background-color 100ms ease;
  cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
}

:where([data-mantine-color-scheme='light']) .m_26063560 {
    background-color: var(--mantine-color-white);
    border-color: var(--mantine-color-gray-4);
}

:where([data-mantine-color-scheme='dark']) .m_26063560 {
    background-color: var(--mantine-color-dark-6);
    border-color: var(--mantine-color-dark-4);
}

.m_26063560:where([data-error]) {
    border-color: var(--mantine-color-error);
  }

.m_26063560[data-indeterminate],
  .m_26063560:checked {
    background-color: var(--checkbox-color);
    border-color: var(--checkbox-color);
  }

.m_26063560[data-indeterminate] + .m_bf295423, .m_26063560:checked + .m_bf295423 {
      opacity: 1;
      transform: none;
    }

.m_26063560:disabled {
    cursor: not-allowed;
    border-color: var(--mantine-color-disabled-border);
    background-color: var(--mantine-color-disabled);
  }

.m_26063560:disabled + .m_bf295423 {
      color: var(--mantine-color-disabled-color);
    }

.m_215c4542 + .m_bf295423 {
    color: var(--checkbox-color);
  }

.m_215c4542[data-indeterminate]:not(:disabled),
  .m_215c4542:checked:not(:disabled) {
    background-color: transparent;
    border-color: var(--checkbox-color);
  }

.m_215c4542[data-indeterminate]:not(:disabled) + .m_bf295423, .m_215c4542:checked:not(:disabled) + .m_bf295423 {
      color: var(--checkbox-icon-color);
      opacity: 1;
      transform: none;
    }

.m_bf295423 {
  position: absolute;
  inset: 0;
  width: 60%;
  margin: auto;
  color: var(--checkbox-icon-color);
  pointer-events: none;
  transform: translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5);
  opacity: 0;
  transition:
    transform 100ms ease,
    opacity 100ms ease;
}

.m_f59ffda3 {
  --chip-size-xs: 23px;
  --chip-size-sm: 28px;
  --chip-size-md: 32px;
  --chip-size-lg: 36px;
  --chip-size-xl: 40px;

  --chip-icon-size-xs: 9px;
  --chip-icon-size-sm: 12px;
  --chip-icon-size-md: 14px;
  --chip-icon-size-lg: 16px;
  --chip-icon-size-xl: 18px;

  --chip-padding-xs: 16px;
  --chip-padding-sm: 20px;
  --chip-padding-md: 24px;
  --chip-padding-lg: 28px;
  --chip-padding-xl: 32px;

  --chip-checked-padding-xs: 8.2px;
  --chip-checked-padding-sm: 10px;
  --chip-checked-padding-md: 11.7px;
  --chip-checked-padding-lg: 13.5px;
  --chip-checked-padding-xl: 15.7px;

  --chip-spacing-xs: 10px;
  --chip-spacing-sm: 12px;
  --chip-spacing-md: 16px;
  --chip-spacing-lg: 20px;
  --chip-spacing-xl: 22px;

  --chip-size: var(--chip-size-sm);
  --chip-icon-size: var(--chip-icon-size-sm);
  --chip-padding: var(--chip-padding-sm);
  --chip-spacing: var(--chip-spacing-sm);
  --chip-checked-padding: var(--chip-checked-padding-sm);
  --chip-bg: var(--mantine-primary-color-filled);
  --chip-hover: var(--mantine-primary-color-filled-hover);
  --chip-color: var(--mantine-color-white);
  --chip-bd: 1px solid transparent;
}

.m_be049a53 {
  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: var(--chip-radius, 1000rem);
  height: var(--chip-size);
  font-size: var(--chip-fz, var(--mantine-font-size-sm));
  line-height: calc(var(--chip-size) - calc(0.125rem * var(--mantine-scale)));
  padding-inline: var(--chip-padding);
  cursor: pointer;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  border: 1px solid transparent;
  color: var(--mantine-color-text);
}

.m_be049a53:where([data-checked]) {
    padding-inline: var(--chip-checked-padding);
  }

.m_be049a53:where([data-disabled]) {
    cursor: not-allowed;
    background-color: var(--mantine-color-disabled);
    color: var(--mantine-color-disabled-color);
  }

:where([data-mantine-color-scheme='light']) .m_3904c1af:not([data-disabled]) {
    background-color: var(--mantine-color-white);
    border: 1px solid var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_3904c1af:not([data-disabled]) {
    background-color: var(--mantine-color-dark-6);
    border: 1px solid var(--mantine-color-dark-4);
}

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_3904c1af:not([data-disabled]):hover {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_3904c1af:not([data-disabled]):hover {
      background-color: var(--mantine-color-dark-5);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_3904c1af:not([data-disabled]):active {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_3904c1af:not([data-disabled]):active {
      background-color: var(--mantine-color-dark-5);
  }
}

.m_3904c1af:not([data-disabled]):where([data-checked]) {
    --chip-icon-color: var(--chip-color);
    border: var(--chip-bd);
  }

@media (hover: hover) {

  .m_3904c1af:not([data-disabled]):where([data-checked]):hover {
      background-color: var(--chip-hover);
  }
}

@media (hover: none) {

  .m_3904c1af:not([data-disabled]):where([data-checked]):active {
      background-color: var(--chip-hover);
  }
}

.m_fa109255:not([data-disabled]),
.m_f7e165c3:not([data-disabled]) {
  border: 1px solid transparent;
  color: var(--mantine-color-text);
}

:where([data-mantine-color-scheme='light']) .m_fa109255:not([data-disabled]), :where([data-mantine-color-scheme='light']) .m_f7e165c3:not([data-disabled]) {
    background-color: var(--mantine-color-gray-1);
}

:where([data-mantine-color-scheme='dark']) .m_fa109255:not([data-disabled]), :where([data-mantine-color-scheme='dark']) .m_f7e165c3:not([data-disabled]) {
    background-color: var(--mantine-color-dark-5);
}

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_fa109255:not([data-disabled]):hover, :where([data-mantine-color-scheme='light']) .m_f7e165c3:not([data-disabled]):hover {
      background-color: var(--mantine-color-gray-2);
  }

    :where([data-mantine-color-scheme='dark']) .m_fa109255:not([data-disabled]):hover, :where([data-mantine-color-scheme='dark']) .m_f7e165c3:not([data-disabled]):hover {
      background-color: var(--mantine-color-dark-4);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_fa109255:not([data-disabled]):active, :where([data-mantine-color-scheme='light']) .m_f7e165c3:not([data-disabled]):active {
      background-color: var(--mantine-color-gray-2);
  }

    :where([data-mantine-color-scheme='dark']) .m_fa109255:not([data-disabled]):active, :where([data-mantine-color-scheme='dark']) .m_f7e165c3:not([data-disabled]):active {
      background-color: var(--mantine-color-dark-4);
  }
}

.m_fa109255:not([data-disabled]):where([data-checked]), .m_f7e165c3:not([data-disabled]):where([data-checked]) {
    --chip-icon-color: var(--chip-color);
    color: var(--chip-color);
    background-color: var(--chip-bg);
  }

@media (hover: hover) {

  .m_fa109255:not([data-disabled]):where([data-checked]):hover, .m_f7e165c3:not([data-disabled]):where([data-checked]):hover {
      background-color: var(--chip-hover);
  }
}

@media (hover: none) {

  .m_fa109255:not([data-disabled]):where([data-checked]):active, .m_f7e165c3:not([data-disabled]):where([data-checked]):active {
      background-color: var(--chip-hover);
  }
}

.m_9ac86df9 {
  width: calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5));
  max-width: calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5));
  height: var(--chip-icon-size);
  display: flex;
  align-items: center;
  overflow: hidden;
}

.m_d6d72580 {
  width: var(--chip-icon-size);
  height: var(--chip-icon-size);
  display: block;
  color: var(--chip-icon-color, inherit);
}

.m_bde07329 {
  width: 0;
  height: 0;
  padding: 0;
  opacity: 0;
  margin: 0;
}

.m_bde07329:focus-visible + .m_be049a53 {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: 2px;
  }

.m_b183c0a2 {
  font-family: var(--mantine-font-family-monospace);
  line-height: var(--mantine-line-height);
  padding: 2px calc(var(--mantine-spacing-xs) / 2);
  border-radius: var(--mantine-radius-sm);
  font-size: var(--mantine-font-size-xs);
  margin: 0;
  overflow: auto;
}

:where([data-mantine-color-scheme='light']) .m_b183c0a2 {
    background-color: var(--code-bg, var(--mantine-color-gray-0));
}

:where([data-mantine-color-scheme='dark']) .m_b183c0a2 {
    background-color: var(--code-bg, var(--mantine-color-dark-6));
}

.m_b183c0a2[data-block] {
    padding: var(--mantine-spacing-xs);
  }

.m_b077c2bc {
  --ci-eye-dropper-icon-size-xs: 14px;
  --ci-eye-dropper-icon-size-sm: 16px;
  --ci-eye-dropper-icon-size-md: 18px;
  --ci-eye-dropper-icon-size-lg: 20px;
  --ci-eye-dropper-icon-size-xl: 22px;
  --ci-eye-dropper-icon-size: var(--ci-eye-dropper-icon-size-sm);
}

.m_66a028b5 {
  --ci-button-size-xs: 22px;
  --ci-button-size-sm: 26px;
  --ci-button-size-md: 28px;
  --ci-button-size-lg: 32px;
  --ci-button-size-xl: 40px;
  --ci-button-size: var(--ci-button-size-sm);

  width: var(--ci-button-size);
  height: var(--ci-button-size);
  min-width: var(--ci-button-size);
  min-height: var(--ci-button-size);
}

.m_c5ccdcab {
  --ci-preview-size-xs: 16px;
  --ci-preview-size-sm: 18px;
  --ci-preview-size-md: 22px;
  --ci-preview-size-lg: 28px;
  --ci-preview-size-xl: 36px;
  --ci-preview-size: var(--ci-preview-size-sm);
}

.m_5ece2cd7 {
  padding: 8px;
}

.m_fee9c77 {
  --cp-width-xs: 180px;
  --cp-width-sm: 200px;
  --cp-width-md: 240px;
  --cp-width-lg: 280px;
  --cp-width-xl: 320px;

  --cp-preview-size-xs: 26px;
  --cp-preview-size-sm: 34px;
  --cp-preview-size-md: 42px;
  --cp-preview-size-lg: 50px;
  --cp-preview-size-xl: 54px;

  --cp-thumb-size-xs: 8px;
  --cp-thumb-size-sm: 12px;
  --cp-thumb-size-md: 16px;
  --cp-thumb-size-lg: 20px;
  --cp-thumb-size-xl: 22px;

  --cp-saturation-height-xs: 100px;
  --cp-saturation-height-sm: 110px;
  --cp-saturation-height-md: 120px;
  --cp-saturation-height-lg: 140px;
  --cp-saturation-height-xl: 160px;

  --cp-preview-size: var(--cp-preview-size-sm);
  --cp-thumb-size: var(--cp-thumb-size-sm);
  --cp-saturation-height: var(--cp-saturation-height-sm);
  --cp-width: var(--cp-width-sm);
  --cp-body-spacing: var(--mantine-spacing-sm);

  width: var(--cp-width);
  padding: 1px;
}

.m_fee9c77:where([data-full-width]) {
    width: 100%;
  }

.m_9dddfbac {
  width: var(--cp-preview-size);
  height: var(--cp-preview-size);
}

.m_bffecc3e {
  display: flex;
  padding-top: calc(var(--cp-body-spacing) / 2);
}

.m_3283bb96 {
  flex: 1;
}

.m_3283bb96:not(:only-child) {
    margin-inline-end: var(--mantine-spacing-xs);
  }

.m_40d572ba {
  overflow: hidden;
  position: absolute;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
  border: 2px solid var(--mantine-color-white);
  width: var(--cp-thumb-size);
  height: var(--cp-thumb-size);
  border-radius: var(--cp-thumb-size);
  left: calc(var(--thumb-x-offset) - var(--cp-thumb-size) / 2);
  top: calc(var(--thumb-y-offset) - var(--cp-thumb-size) / 2);
}

.m_d8ee6fd8 {
  height: unset !important;
  width: unset !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 2px;
  cursor: pointer;
  padding-bottom: calc(var(--cp-swatch-size) - calc(0.25rem * var(--mantine-scale)));
  flex: 0 0 calc(var(--cp-swatch-size) - calc(0.25rem * var(--mantine-scale)));
}

.m_5711e686 {
  margin-top: 5px;
  margin-inline: -2px;
  display: flex;
  flex-wrap: wrap;
}

.m_5711e686:only-child {
    margin-top: 0;
  }

.m_202a296e {
  --cp-thumb-size-xs: 8px;
  --cp-thumb-size-sm: 12px;
  --cp-thumb-size-md: 16px;
  --cp-thumb-size-lg: 20px;
  --cp-thumb-size-xl: 22px;

  -webkit-tap-highlight-color: transparent;
  position: relative;
  height: var(--cp-saturation-height);
  border-radius: var(--mantine-radius-sm);
  margin: calc(var(--cp-thumb-size) / 2);
}

.m_202a296e:where([data-focus-ring='auto']):focus:focus-visible .m_40d572ba {
        outline: 2px solid var(--mantine-color-blue-filled);
      }

.m_202a296e:where([data-focus-ring='always']):focus .m_40d572ba {
        outline: 2px solid var(--mantine-color-blue-filled);
      }

.m_11b3db02 {
  position: absolute;
  border-radius: var(--mantine-radius-sm);
  inset: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
}

.m_d856d47d {
  --cp-thumb-size-xs: 8px;
  --cp-thumb-size-sm: 12px;
  --cp-thumb-size-md: 16px;
  --cp-thumb-size-lg: 20px;
  --cp-thumb-size-xl: 22px;
  --cp-thumb-size: var(--cp-thumb-size, calc(0.75rem * var(--mantine-scale)));

  position: relative;
  height: calc(var(--cp-thumb-size) + calc(0.125rem * var(--mantine-scale)));
  margin-inline: calc(var(--cp-thumb-size) / 2);
  outline: none;
}

.m_d856d47d + .m_d856d47d {
    margin-top: 6px;
  }

.m_d856d47d:where([data-focus-ring='auto']):focus:focus-visible .m_40d572ba {
        outline: 2px solid var(--mantine-color-blue-filled);
      }

.m_d856d47d:where([data-focus-ring='always']):focus .m_40d572ba {
        outline: 2px solid var(--mantine-color-blue-filled);
      }

:where([data-mantine-color-scheme='light']) .m_d856d47d {
    --slider-checkers: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_d856d47d {
    --slider-checkers: var(--mantine-color-dark-4);
}

.m_8f327113 {
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
  border-radius: 10000rem;
}

.m_de3d2490 {
  --cs-size: 28px;
  --cs-radius: 1000px;

  -webkit-tap-highlight-color: transparent;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  line-height: 1;
  position: relative;
  width: var(--cs-size);
  height: var(--cs-size);
  min-width: var(--cs-size);
  min-height: var(--cs-size);
  border-radius: var(--cs-radius);
  color: inherit;
  text-decoration: none;
}

[data-mantine-color-scheme='light'] .m_de3d2490 {
    --alpha-overlay-color: var(--mantine-color-gray-3);
    --alpha-overlay-bg: var(--mantine-color-white);
}

[data-mantine-color-scheme='dark'] .m_de3d2490 {
    --alpha-overlay-color: var(--mantine-color-dark-4);
    --alpha-overlay-bg: var(--mantine-color-dark-7);
}

.m_862f3d1b {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
}

.m_98ae7f22 {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
  z-index: 1;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0 0 0 calc(0.0625rem * var(--mantine-scale)) inset,
    rgb(0, 0, 0, 0.15) 0 0 calc(0.25rem * var(--mantine-scale)) inset;
}

.m_95709ac0 {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
  background-size: 8px 8px;
  background-position:
    0 0,
    0 4px,
    4px -4px,
    -4px 0;
  background-image:
    linear-gradient(45deg, var(--alpha-overlay-color) 25%, transparent 25%),
    linear-gradient(-45deg, var(--alpha-overlay-color) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, var(--alpha-overlay-color) 75%),
    linear-gradient(-45deg, var(--alpha-overlay-bg) 75%, var(--alpha-overlay-color) 75%);
}

.m_93e74e3 {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.m_88b62a41 {
  --combobox-padding: 4px;
  padding: var(--combobox-padding);
}

.m_88b62a41:has([data-mantine-scrollbar]) .m_985517d8 {
      max-width: calc(100% + var(--combobox-padding));
    }

.m_88b62a41[data-composed] {
    padding-inline-end: 0;
  }

.m_88b62a41[data-hidden] {
    display: none;
  }

/* Variables must be both on dropdown and options to support usage of Combobox.Options without Combobox.Dropdown */

.m_88b62a41,
.m_b2821a6e {
  --combobox-option-padding-xs: 4px 8px;
  --combobox-option-padding-sm: 6px 10px;
  --combobox-option-padding-md: 8px 12px;
  --combobox-option-padding-lg: 10px 16px;
  --combobox-option-padding-xl: 14px 20px;
  --combobox-option-padding: var(--combobox-option-padding-sm);
}

.m_92253aa5 {
  padding: var(--combobox-option-padding);
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  border-radius: var(--mantine-radius-default);
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  overflow-wrap: break-word;
}

.m_92253aa5:where([data-combobox-selected]) {
    background-color: var(--mantine-primary-color-filled);
    color: var(--mantine-color-white);
  }

.m_92253aa5:where([data-combobox-disabled]) {
    cursor: not-allowed;
    opacity: 0.35;
  }

@media (hover: hover) {
      :where([data-mantine-color-scheme='light']) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
        background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='dark']) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
        background-color: var(--mantine-color-dark-7);
  }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
        background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='dark']) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
        background-color: var(--mantine-color-dark-7);
  }
}

.m_985517d8 {
  margin-inline: calc(var(--combobox-padding) * -1);
  margin-top: calc(var(--combobox-padding) * -1);
  width: calc(100% + var(--combobox-padding) * 2);
  border-top-width: 0;
  border-inline-width: 0;
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  margin-bottom: var(--combobox-padding);
  position: relative;
}

:where([data-mantine-color-scheme='light']) .m_985517d8, :where([data-mantine-color-scheme='light']) .m_985517d8:focus {
      border-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_985517d8, :where([data-mantine-color-scheme='dark']) .m_985517d8:focus {
      border-color: var(--mantine-color-dark-4);
}

:where([data-mantine-color-scheme='light']) .m_985517d8 {
    background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='dark']) .m_985517d8 {
    background-color: var(--mantine-color-dark-7);
}

.m_2530cd1d {
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  text-align: center;
  padding: var(--combobox-option-padding);
  color: var(--mantine-color-dimmed);
}

.m_858f94bd,
.m_82b967cb {
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  border: 0 solid transparent;
  margin-inline: calc(var(--combobox-padding) * -1);
  padding: var(--combobox-option-padding);
}

:where([data-mantine-color-scheme='light']) .m_858f94bd, :where([data-mantine-color-scheme='light']) .m_82b967cb {
    border-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_858f94bd, :where([data-mantine-color-scheme='dark']) .m_82b967cb {
    border-color: var(--mantine-color-dark-4);
}

.m_82b967cb {
  border-top-width: 1px;
  margin-top: var(--combobox-padding);
  margin-bottom: calc(var(--combobox-padding) * -1);
}

.m_858f94bd {
  border-bottom-width: 1px;
  margin-bottom: var(--combobox-padding);
  margin-top: calc(var(--combobox-padding) * -1);
}

.m_254f3e4f:has(.m_2bb2e9e5:only-child) {
    display: none;
  }

.m_2bb2e9e5 {
  color: var(--mantine-color-dimmed);
  font-size: calc(var(--combobox-option-fz, var(--mantine-font-size-sm)) * 0.85);
  padding: var(--combobox-option-padding);
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
}

.m_2bb2e9e5::after {
    content: '';
    flex: 1;
    inset-inline: 0;
    height: 1px;
    margin-inline-start: var(--mantine-spacing-xs);
  }

:where([data-mantine-color-scheme='light']) .m_2bb2e9e5::after {
      background-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_2bb2e9e5::after {
      background-color: var(--mantine-color-dark-4);
}

.m_2bb2e9e5:only-child {
    display: none;
  }

/* ------- Combobox.Chevron ------- */

.m_2943220b {
  --combobox-chevron-size-xs: 14px;
  --combobox-chevron-size-sm: 18px;
  --combobox-chevron-size-md: 20px;
  --combobox-chevron-size-lg: 24px;
  --combobox-chevron-size-xl: 28px;
  --combobox-chevron-size: var(--combobox-chevron-size-sm);
}

:where([data-mantine-color-scheme='light']) .m_2943220b {
    --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-gray-6));
}

:where([data-mantine-color-scheme='dark']) .m_2943220b {
    --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-dark-3));
}

.m_2943220b {

  width: var(--combobox-chevron-size);
  height: var(--combobox-chevron-size);
  color: var(--_combobox-chevron-color);
}

.m_2943220b:where([data-error]) {
    color: var(--combobox-chevron-color, var(--mantine-color-error));
  }

/* ------- OptionsDropdown ------- */

.m_390b5f4 {
  display: flex;
  align-items: center;
  gap: 8px;
}

.m_390b5f4:where([data-reverse]) {
    justify-content: space-between;
  }

.m_8ee53fc2 {
  opacity: 0.4;
  width: 0.8em;
  min-width: 0.8em;
  height: 0.8em;
}

:where([data-combobox-selected]) .m_8ee53fc2 {
    opacity: 1;
  }

.m_a530ee0a {
  width: 0.8em;
  min-width: 0.8em;
  height: 0.8em;
}

.m_7485cace {
  --container-size-xs: 540px;
  --container-size-sm: 720px;
  --container-size-md: 960px;
  --container-size-lg: 1140px;
  --container-size-xl: 1320px;
  --container-size: var(--container-size-md);
}

.m_7485cace:where([data-strategy='block']) {
    max-width: var(--container-size);
    padding-inline: var(--mantine-spacing-md);
    margin-inline: auto;
  }

.m_7485cace:where([data-strategy='block']):where([data-fluid]) {
      max-width: 100%;
    }

.m_7485cace:where([data-strategy='grid']) {
    display: grid;
    grid-template-columns: 1fr min(100%, var(--container-size)) 1fr;
    margin-inline: auto;
  }

.m_7485cace:where([data-strategy='grid']) > * {
      grid-column: 2;
    }

.m_7485cace:where([data-strategy='grid']) > [data-breakout] {
      grid-column: 1 / -1;
    }

.m_7485cace:where([data-strategy='grid']) > [data-breakout] > [data-container] {
        max-width: var(--container-size);
        margin-inline: auto;
      }

.m_e2125a27 {
  --dialog-size-xs: 160px;
  --dialog-size-sm: 200px;
  --dialog-size-md: 340px;
  --dialog-size-lg: 400px;
  --dialog-size-xl: 500px;
  --dialog-size: var(--dialog-size-md);

  position: relative;
  width: var(--dialog-size);
  max-width: calc(100vw - var(--mantine-spacing-xl) * 2);
  min-height: 50px;
}

.m_5abab665 {
  position: absolute;
  top: calc(var(--mantine-spacing-md) / 2);
  inset-inline-end: calc(var(--mantine-spacing-md) / 2);
}

.m_3eebeb36 {
  --divider-size-xs: 1px;
  --divider-size-sm: 2px;
  --divider-size-md: 3px;
  --divider-size-lg: 4px;
  --divider-size-xl: 5px;
  --divider-size: var(--divider-size-xs);
}

:where([data-mantine-color-scheme='light']) .m_3eebeb36 {
    --divider-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_3eebeb36 {
    --divider-color: var(--mantine-color-dark-4);
}

.m_3eebeb36:where([data-orientation='horizontal']) {
    border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
  }

.m_3eebeb36:where([data-orientation='vertical']) {
    border-inline-start: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
    height: auto;
    align-self: stretch;
  }

.m_3eebeb36:where([data-with-label]) {
    border: 0;
  }

.m_9e365f20 {
  display: flex;
  align-items: center;
  font-size: var(--mantine-font-size-xs);
  color: var(--mantine-color-dimmed);
  white-space: nowrap;
}

.m_9e365f20:where([data-position='left'])::before {
    display: none;
  }

.m_9e365f20:where([data-position='right'])::after {
    display: none;
  }

.m_9e365f20::before {
    content: '';
    flex: 1;
    height: 1px;
    border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
    margin-inline-end: var(--mantine-spacing-xs);
  }

.m_9e365f20::after {
    content: '';
    flex: 1;
    height: 1px;
    border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
    margin-inline-start: var(--mantine-spacing-xs);
  }

.m_f11b401e {
  --drawer-size-xs: 320px;
  --drawer-size-sm: 380px;
  --drawer-size-md: 440px;
  --drawer-size-lg: 620px;
  --drawer-size-xl: 780px;
  --drawer-size: var(--drawer-size-md);
  --drawer-offset: 0rem;
}

.m_5a7c2c9 {
  z-index: 1000;
}

.m_b8a05bbd {
  flex: var(--drawer-flex, 0 0 var(--drawer-size));
  height: var(--drawer-height, calc(100% - var(--drawer-offset) * 2));
  margin: var(--drawer-offset);
  max-width: calc(100% - var(--drawer-offset) * 2);
  max-height: calc(100% - var(--drawer-offset) * 2);
  overflow-y: auto;
}

.m_b8a05bbd[data-hidden] {
    opacity: 0 !important;
    pointer-events: none;
  }

.m_31cd769a {
  display: flex;
  justify-content: var(--drawer-justify, flex-start);
  align-items: var(--drawer-align, flex-start);
}

.m_e9408a47 {
  padding: var(--mantine-spacing-lg);
  padding-top: var(--mantine-spacing-xs);
  border-radius: var(--fieldset-radius, var(--mantine-radius-default));
  min-inline-size: auto;
}

.m_84c9523a {
  border: 1px solid;
}

:where([data-mantine-color-scheme='light']) .m_84c9523a {
    border-color: var(--mantine-color-gray-3);
    background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='dark']) .m_84c9523a {
    border-color: var(--mantine-color-dark-4);
    background-color: var(--mantine-color-dark-7);
}

.m_ef274e49 {
  border: 1px solid;
}

:where([data-mantine-color-scheme='light']) .m_ef274e49 {
    border-color: var(--mantine-color-gray-3);
    background-color: var(--mantine-color-gray-0);
}

:where([data-mantine-color-scheme='dark']) .m_ef274e49 {
    border-color: var(--mantine-color-dark-4);
    background-color: var(--mantine-color-dark-6);
}

.m_eda993d3 {
  padding: 0;
  border: 0;
  border-radius: 0;
}

.m_90794832 {
  font-size: var(--mantine-font-size-sm);
}

.m_74ca27fe {
  padding: 0;
  margin-bottom: var(--mantine-spacing-sm);
}

.m_8478a6da {
  container: mantine-grid / inline-size;
}

.m_410352e9 {
  --grid-overflow: visible;
  --grid-margin: calc(var(--grid-gutter) / -2);
  --grid-col-padding: calc(var(--grid-gutter) / 2);

  overflow: var(--grid-overflow);
}

.m_dee7bd2f {
  width: calc(100% + var(--grid-gutter));
  display: flex;
  flex-wrap: wrap;
  justify-content: var(--grid-justify);
  align-items: var(--grid-align);
  margin: var(--grid-margin);
}

.m_96bdd299 {
  --col-flex-grow: 0;
  --col-offset: 0rem;

  flex-shrink: 0;
  order: var(--col-order);
  flex-basis: var(--col-flex-basis);
  width: var(--col-width);
  max-width: var(--col-max-width);
  flex-grow: var(--col-flex-grow);
  margin-inline-start: var(--col-offset);
  padding: var(--grid-col-padding);
}

.m_9e117634 {
  display: block;
  -o-object-fit: var(--image-object-fit, cover);
     object-fit: var(--image-object-fit, cover);
  width: 100%;
  border-radius: var(--image-radius, 0);
}

@keyframes m_885901b1 {
  0% {
    opacity: 0.6;
    transform: scale(0);
  }

  100% {
    opacity: 0;
    transform: scale(2.8);
  }
}

.m_e5262200 {
  --indicator-size: 10px;
  --indicator-color: var(--mantine-primary-color-filled);

  position: relative;
  display: block;
}

.m_e5262200:where([data-inline]) {
    display: inline-block;
  }

.m_760d1fb1 {
  position: absolute;
  top: var(--indicator-top);
  left: var(--indicator-left);
  right: var(--indicator-right);
  bottom: var(--indicator-bottom);
  transform: translate(var(--indicator-translate-x), var(--indicator-translate-y));
  min-width: var(--indicator-size);
  height: var(--indicator-size);
  border-radius: var(--indicator-radius, 1000rem);
  z-index: var(--indicator-z-index, 200);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--mantine-font-size-xs);
  background-color: var(--indicator-color);
  color: var(--indicator-text-color, var(--mantine-color-white));
  white-space: nowrap;
}

.m_760d1fb1::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--indicator-color);
    border-radius: var(--indicator-radius, 1000rem);
    z-index: -1;
  }

.m_760d1fb1:where([data-with-label]) {
    padding-inline: calc(var(--mantine-spacing-xs) / 2);
  }

.m_760d1fb1:where([data-with-border]) {
    border: 2px solid var(--mantine-color-body);
  }

.m_760d1fb1[data-processing]::before {
      animation: m_885901b1 1000ms linear infinite;
    }

.m_5f75b09e {
  --label-lh-xs: 16px;
  --label-lh-sm: 20px;
  --label-lh-md: 24px;
  --label-lh-lg: 30px;
  --label-lh-xl: 36px;
  --label-lh: var(--label-lh-sm);
}

.m_5f75b09e[data-label-position='left'] {
    --label-order: 1;
    --label-offset-end: var(--mantine-spacing-sm);
    --label-offset-start: 0;
  }

.m_5f75b09e[data-label-position='right'] {
    --label-order: 2;
    --label-offset-end: 0;
    --label-offset-start: var(--mantine-spacing-sm);
  }

.m_5f6e695e {
  -webkit-tap-highlight-color: transparent;
  display: flex;
}

.m_d3ea56bb {
  --label-cursor: var(--mantine-cursor-type);

  -webkit-tap-highlight-color: transparent;
  display: inline-flex;
  flex-direction: column;
  font-size: var(--label-fz, var(--mantine-font-size-sm));
  line-height: var(--label-lh);
  cursor: var(--label-cursor);
  order: var(--label-order);
}

fieldset:disabled .m_d3ea56bb,
  .m_d3ea56bb[data-disabled] {
    --label-cursor: not-allowed;
  }

.m_8ee546b8 {
  cursor: var(--label-cursor);
  color: inherit;
  padding-inline-start: var(--label-offset-start);
  padding-inline-end: var(--label-offset-end);
}

fieldset:disabled .m_8ee546b8,
  .m_8ee546b8:where([data-disabled]) {
    color: var(--mantine-color-disabled-color);
  }

.m_328f68c0 {
  margin-top: calc(var(--mantine-spacing-xs) / 2);
  padding-inline-start: var(--label-offset-start);
  padding-inline-end: var(--label-offset-end);
  cursor: default;
}

.m_8e8a99cc {
  margin-top: calc(var(--mantine-spacing-xs) / 2);
  padding-inline-start: var(--label-offset-start);
  padding-inline-end: var(--label-offset-end);
}

.m_dc6f14e2 {
  --kbd-fz-xs: 10px;
  --kbd-fz-sm: 12px;
  --kbd-fz-md: 14px;
  --kbd-fz-lg: 16px;
  --kbd-fz-xl: 20px;
  --kbd-fz: var(--kbd-fz-sm);

  font-family: var(--mantine-font-family-monospace);
  line-height: var(--mantine-line-height);
  font-weight: 700;
  font-size: var(--kbd-fz);
  border-radius: var(--mantine-radius-sm);
  border: 1px solid;
  border-bottom-width: 3px;
  unicode-bidi: embed;
  text-align: center;
  padding: 0.12em 0.45em;
}

:where([data-mantine-color-scheme='light']) .m_dc6f14e2 {
    border-color: var(--mantine-color-gray-3);
    color: var(--mantine-color-gray-7);
    background-color: var(--mantine-color-gray-0);
}

:where([data-mantine-color-scheme='dark']) .m_dc6f14e2 {
    border-color: var(--mantine-color-dark-4);
    color: var(--mantine-color-dark-0);
    background-color: var(--mantine-color-dark-6);
}

.m_abbac491 {
  --list-fz: var(--mantine-font-size-md);
  --list-lh: var(--mantine-line-height-md);
  --list-marker-gap: var(--mantine-spacing-lg);

  list-style-position: outside;
  font-size: var(--list-fz);
  line-height: var(--list-lh);
  margin: 0;
  padding: 0;
  padding-inline-start: var(--list-marker-gap);
}

.m_abbac491[data-type='none'] {
    --list-marker-gap: 0;
  }

.m_abbac491:where([data-with-padding]) {
    padding-inline-start: calc(var(--list-marker-gap) + var(--mantine-spacing-md));
  }

.m_abb6bec2 {
  white-space: normal;
  line-height: var(--list-lh);
}

.m_abb6bec2:where([data-with-icon]) {
    list-style: none;
  }

.m_abb6bec2:where([data-with-icon]) .m_75cd9f71 {
      --li-direction: row;
      --li-align: center;
    }

.m_abb6bec2:where(:not(:first-of-type)) {
    margin-top: var(--list-spacing, 0);
  }

.m_abb6bec2:where([data-centered]) {
    line-height: 1;
  }

.m_75cd9f71 {
  display: inline-flex;
  flex-direction: var(--li-direction, column);
  align-items: var(--li-align, flex-start);
  white-space: normal;
}

.m_60f83e5b {
  display: inline-block;
  vertical-align: middle;
  margin-inline-end: var(--mantine-spacing-sm);
}

.m_6e45937b {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  z-index: var(--lo-z-index);
}

.m_e8eb006c {
  position: relative;
  z-index: calc(var(--lo-z-index) + 1);
}

.m_df587f17 {
  z-index: var(--lo-z-index);
}

.m_bcb3f3c2 {
  color: var(--mantine-color-black);
}

:where([data-mantine-color-scheme='light']) .m_bcb3f3c2 {
    background-color: var(--mark-bg-light);
}

:where([data-mantine-color-scheme='dark']) .m_bcb3f3c2 {
    background-color: var(--mark-bg-dark);
}

.m_dc9b7c9f {
  padding: 4px;
}

.m_9bfac126 {
  color: var(--mantine-color-dimmed);
  font-weight: 500;
  font-size: var(--mantine-font-size-xs);
  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-sm);
  cursor: default;
}

.m_efdf90cb {
  margin-top: 4px;
  margin-bottom: 4px;
  border-top: 1px solid;
}

:where([data-mantine-color-scheme='light']) .m_efdf90cb {
    border-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_efdf90cb {
    border-color: var(--mantine-color-dark-4);
}

.m_99ac2aa1 {
  font-size: var(--mantine-font-size-sm);
  width: 100%;
  padding: calc(var(--mantine-spacing-xs) / 1.5) var(--mantine-spacing-sm);
  border-radius: var(--popover-radius, var(--mantine-radius-default));
  color: var(--menu-item-color, var(--mantine-color-text));
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.m_99ac2aa1:where([data-disabled], :disabled) {
    color: var(--mantine-color-disabled-color);
    opacity: 0.6;
    cursor: not-allowed;
  }

:where([data-mantine-color-scheme='light']) .m_99ac2aa1:where(:hover, :focus):where(:not(:disabled, [data-disabled])) {
        background-color: var(--menu-item-hover, var(--mantine-color-gray-1));
}

:where([data-mantine-color-scheme='dark']) .m_99ac2aa1:where(:hover, :focus):where(:not(:disabled, [data-disabled])) {
        background-color: var(--menu-item-hover, var(--mantine-color-dark-4));
}

.m_99ac2aa1:where([data-sub-menu-item]) {
    padding-inline-end: 5px;
  }

.m_5476e0d3 {
  flex: 1;
}

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

.m_8b75e504:where([data-position='left']) {
    margin-inline-end: var(--mantine-spacing-xs);
  }

.m_8b75e504:where([data-position='right']) {
    margin-inline-start: var(--mantine-spacing-xs);
  }

.m_b85b0bed {
  transform: rotate(-90deg);
}

:where([dir="rtl"]) .m_b85b0bed {
    transform: rotate(90deg);
}

.m_9df02822 {
  --modal-size-xs: 320px;
  --modal-size-sm: 380px;
  --modal-size-md: 440px;
  --modal-size-lg: 620px;
  --modal-size-xl: 780px;
  --modal-size: var(--modal-size-md);

  --modal-y-offset: 5dvh;
  --modal-x-offset: 5vw;
}

.m_9df02822[data-full-screen] {
    --modal-border-radius: 0 !important;
  }

.m_9df02822[data-full-screen] .m_54c44539 {
      --modal-content-flex: 0 0 100%;
      --modal-content-max-height: auto;
      --modal-content-height: 100dvh;
    }

.m_9df02822[data-full-screen] .m_1f958f16 {
      --modal-inner-y-offset: 0;
      --modal-inner-x-offset: 0;
    }

.m_9df02822[data-centered] .m_1f958f16 {
      --modal-inner-align: center;
    }

.m_d0e2b9cd {
  border-start-start-radius: var(--modal-radius, var(--mantine-radius-default));
  border-start-end-radius: var(--modal-radius, var(--mantine-radius-default));
}

.m_54c44539 {
  flex: var(--modal-content-flex, 0 0 var(--modal-size));
  max-width: 100%;
  max-height: var(--modal-content-max-height, calc(100dvh - var(--modal-y-offset) * 2));
  height: var(--modal-content-height, auto);
  overflow-y: auto;
}

.m_54c44539[data-full-screen] {
    border-radius: 0;
  }

.m_54c44539[data-hidden] {
    opacity: 0 !important;
    pointer-events: none;
  }

.m_1f958f16 {
  display: flex;
  justify-content: center;
  align-items: var(--modal-inner-align, flex-start);
  padding-top: var(--modal-inner-y-offset, var(--modal-y-offset));
  padding-bottom: var(--modal-inner-y-offset, var(--modal-y-offset));
  padding-inline: var(--modal-inner-x-offset, var(--modal-x-offset));
}

.m_f0824112 {
  --nl-bg: var(--mantine-primary-color-light);
  --nl-hover: var(--mantine-primary-color-light-hover);
  --nl-color: var(--mantine-primary-color-light-color);

  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px var(--mantine-spacing-sm);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_f0824112:hover {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_f0824112:hover {
      background-color: var(--mantine-color-dark-6);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_f0824112:active {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_f0824112:active {
      background-color: var(--mantine-color-dark-6);
  }
}

.m_f0824112:where([data-disabled]) {
    opacity: 0.4;
    pointer-events: none;
  }

.m_f0824112:where([data-active], [aria-current='page']) {
    background-color: var(--nl-bg);
    color: var(--nl-color);
  }

@media (hover: hover) {

  .m_f0824112:where([data-active], [aria-current='page']):hover {
      background-color: var(--nl-hover);
  }
}

@media (hover: none) {

  .m_f0824112:where([data-active], [aria-current='page']):active {
      background-color: var(--nl-hover);
  }
}

.m_f0824112:where([data-active], [aria-current='page']) .m_57492dcc {
      --description-opacity: 0.9;
      --description-color: var(--nl-color);
    }

.m_690090b5 {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 150ms ease;
}

.m_690090b5 > svg {
    display: block;
  }

.m_690090b5:where([data-position='left']) {
    margin-inline-end: var(--mantine-spacing-sm);
  }

.m_690090b5:where([data-position='right']) {
    margin-inline-start: var(--mantine-spacing-sm);
  }

.m_690090b5:where([data-rotate]) {
    transform: rotate(90deg);
  }

.m_1f6ac4c4 {
  font-size: var(--mantine-font-size-sm);
}

.m_f07af9d2 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.m_f07af9d2:where([data-no-wrap]) {
    white-space: nowrap;
  }

.m_57492dcc {
  display: block;
  font-size: var(--mantine-font-size-xs);
  opacity: var(--description-opacity, 1);
  color: var(--description-color, var(--mantine-color-dimmed));
  overflow: hidden;
  text-overflow: ellipsis;
}

:where([data-no-wrap]) .m_57492dcc {
    white-space: nowrap;
  }

.m_e17b862f {
  padding-inline-start: var(--nl-offset, var(--mantine-spacing-lg));
}

.m_1fd8a00b {
  transform: rotate(-90deg);
}

.m_a513464 {
  --notification-radius: var(--mantine-radius-default);
  --notification-color: var(--mantine-primary-color-filled);

  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  padding-inline-start: 22px;
  padding-inline-end: var(--mantine-spacing-xs);
  padding-top: var(--mantine-spacing-xs);
  padding-bottom: var(--mantine-spacing-xs);
  border-radius: var(--notification-radius);
  box-shadow: var(--mantine-shadow-lg);
}

.m_a513464::before {
    content: '';
    display: block;
    position: absolute;
    width: 6px;
    top: var(--notification-radius);
    bottom: var(--notification-radius);
    inset-inline-start: 4px;
    border-radius: var(--notification-radius);
    background-color: var(--notification-color);
  }

:where([data-mantine-color-scheme='light']) .m_a513464 {
    background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='dark']) .m_a513464 {
    background-color: var(--mantine-color-dark-6);
}

.m_a513464:where([data-with-icon])::before {
      display: none;
    }

:where([data-mantine-color-scheme='light']) .m_a513464:where([data-with-border]) {
      border: 1px solid var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_a513464:where([data-with-border]) {
      border: 1px solid var(--mantine-color-dark-4);
}

.m_a4ceffb {
  box-sizing: border-box;
  margin-inline-end: var(--mantine-spacing-md);
  width: 28px;
  height: 28px;
  border-radius: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--notification-color);
  color: var(--mantine-color-white);
}

.m_b0920b15 {
  margin-inline-end: var(--mantine-spacing-md);
}

.m_a49ed24 {
  flex: 1;
  overflow: hidden;
  margin-inline-end: var(--mantine-spacing-xs);
}

.m_3feedf16 {
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--mantine-font-size-sm);
  line-height: var(--mantine-line-height-sm);
  font-weight: 500;
}

:where([data-mantine-color-scheme='light']) .m_3feedf16 {
    color: var(--mantine-color-gray-9);
}

:where([data-mantine-color-scheme='dark']) .m_3feedf16 {
    color: var(--mantine-color-white);
}

.m_3d733a3a {
  font-size: var(--mantine-font-size-sm);
  line-height: var(--mantine-line-height-sm);
  overflow: hidden;
  text-overflow: ellipsis;
}

:where([data-mantine-color-scheme='light']) .m_3d733a3a {
    color: var(--mantine-color-black);
}

:where([data-mantine-color-scheme='dark']) .m_3d733a3a {
    color: var(--mantine-color-dark-0);
}

:where([data-mantine-color-scheme='light']) .m_3d733a3a:where([data-with-title]) {
      color: var(--mantine-color-gray-6);
}

:where([data-mantine-color-scheme='dark']) .m_3d733a3a:where([data-with-title]) {
      color: var(--mantine-color-dark-2);
}

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_919a4d88:hover {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_919a4d88:hover {
      background-color: var(--mantine-color-dark-8);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_919a4d88:active {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_919a4d88:active {
      background-color: var(--mantine-color-dark-8);
  }
}

.m_e2f5cd4e {
  --ni-right-section-width-xs: 17px;
  --ni-right-section-width-sm: 24px;
  --ni-right-section-width-md: 27px;
  --ni-right-section-width-lg: 31px;
  --ni-right-section-width-xl: 34px;
}

.m_95e17d22 {
  --ni-chevron-size-xs: 10px;
  --ni-chevron-size-sm: 14px;
  --ni-chevron-size-md: 16px;
  --ni-chevron-size-lg: 18px;
  --ni-chevron-size-xl: 20px;
  --ni-chevron-size: var(--ni-chevron-size-sm);

  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
  max-width: calc(var(--ni-chevron-size) * 1.7);
  margin-inline-start: auto;
}

.m_80b4b171 {
  --control-border: 1px solid var(--input-bd);
  --control-radius: calc(var(--input-radius) - calc(0.0625rem * var(--mantine-scale)));

  flex: 0 0 50%;
  width: 100%;
  padding: 0;
  height: calc(var(--input-height) / 2 - calc(0.0625rem * var(--mantine-scale)));
  border-inline-start: var(--control-border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mantine-color-text);
  background-color: transparent;
  cursor: pointer;
}

.m_80b4b171:where(:disabled) {
    background-color: transparent;
    cursor: not-allowed;
    opacity: 0.6;
    color: var(--mantine-color-disabled-color);
  }

.m_e2f5cd4e[data-error] :where(.m_80b4b171) {
    color: var(--mantine-color-error);
  }

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_80b4b171:hover {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_80b4b171:hover {
      background-color: var(--mantine-color-dark-4);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_80b4b171:active {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_80b4b171:active {
      background-color: var(--mantine-color-dark-4);
  }
}

.m_80b4b171:where(:first-of-type) {
    border-radius: 0;
    border-start-end-radius: var(--control-radius);
  }

.m_80b4b171:last-of-type {
    border-radius: 0;
    border-end-end-radius: var(--control-radius);
  }

.m_4addd315 {
  --pagination-control-size-xs: 22px;
  --pagination-control-size-sm: 26px;
  --pagination-control-size-md: 32px;
  --pagination-control-size-lg: 38px;
  --pagination-control-size-xl: 44px;
  --pagination-control-size: var(--pagination-control-size-md);
  --pagination-control-fz: var(--mantine-font-size-md);
  --pagination-active-bg: var(--mantine-primary-color-filled);
}

.m_326d024a {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  cursor: pointer;
  color: var(--mantine-color-text);
  height: var(--pagination-control-size);
  min-width: var(--pagination-control-size);
  font-size: var(--pagination-control-fz);
  line-height: 1;
  border-radius: var(--pagination-control-radius, var(--mantine-radius-default));
}

.m_326d024a:where([data-with-padding]) {
    padding: calc(var(--pagination-control-size) / 4);
  }

.m_326d024a:where(:disabled, [data-disabled]) {
    cursor: not-allowed;
    opacity: 0.4;
  }

:where([data-mantine-color-scheme='light']) .m_326d024a {
    border-color: var(--mantine-color-gray-4);
    background-color: var(--mantine-color-white);
}

@media (hover: hover) {
      :where([data-mantine-color-scheme='light']) .m_326d024a:hover:where(:not(:disabled, [data-disabled])) {
        background-color: var(--mantine-color-gray-0);
      }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_326d024a:active:where(:not(:disabled, [data-disabled])) {
        background-color: var(--mantine-color-gray-0);
      }
}

:where([data-mantine-color-scheme='dark']) .m_326d024a {
    border-color: var(--mantine-color-dark-4);
    background-color: var(--mantine-color-dark-6);
}

@media (hover: hover) {
      :where([data-mantine-color-scheme='dark']) .m_326d024a:hover:where(:not(:disabled, [data-disabled])) {
        background-color: var(--mantine-color-dark-5);
      }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='dark']) .m_326d024a:active:where(:not(:disabled, [data-disabled])) {
        background-color: var(--mantine-color-dark-5);
      }
}

.m_326d024a:where([data-active]) {
    background-color: var(--pagination-active-bg);
    border-color: var(--pagination-active-bg);
    color: var(--pagination-active-color, var(--mantine-color-white));
  }

@media (hover: hover) {

  .m_326d024a:where([data-active]):hover {
      background-color: var(--pagination-active-bg);
  }
}

@media (hover: none) {

  .m_326d024a:where([data-active]):active {
      background-color: var(--pagination-active-bg);
  }
}

.m_4ad7767d {
  height: var(--pagination-control-size);
  min-width: var(--pagination-control-size);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.m_7cda1cd6 {
  --pill-fz-xs: 10px;
  --pill-fz-sm: 12px;
  --pill-fz-md: 14px;
  --pill-fz-lg: 16px;
  --pill-fz-xl: 18px;

  --pill-height-xs: 18px;
  --pill-height-sm: 22px;
  --pill-height-md: 25px;
  --pill-height-lg: 28px;
  --pill-height-xl: 32px;

  --pill-fz: var(--pill-fz-sm);
  --pill-height: var(--pill-height-sm);

  font-size: var(--pill-fz);
  flex: 0;
  height: var(--pill-height);
  padding-inline: 0.8em;
  display: inline-flex;
  align-items: center;
  border-radius: var(--pill-radius, 1000rem);
  line-height: 1;
  white-space: nowrap;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  max-width: 100%;
}

:where([data-mantine-color-scheme='dark']) .m_7cda1cd6 {
    background-color: var(--mantine-color-dark-7);
    color: var(--mantine-color-dark-0);
}

:where([data-mantine-color-scheme='light']) .m_7cda1cd6 {
    color: var(--mantine-color-black);
}

.m_7cda1cd6:where([data-with-remove]:not(:has(button:disabled))) {
    padding-inline-end: 0;
  }

.m_7cda1cd6:where([data-disabled], :has(button:disabled)) {
    cursor: not-allowed;
  }

:where([data-mantine-color-scheme='light']) .m_44da308b {
    background-color: var(--mantine-color-gray-1);
}

:where([data-mantine-color-scheme='light']) .m_44da308b:where([data-disabled], :has(button:disabled)) {
      background-color: var(--mantine-color-disabled);
    }

:where([data-mantine-color-scheme='light']) .m_e3a01f8 {
    background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='light']) .m_e3a01f8:where([data-disabled], :has(button:disabled)) {
      background-color: var(--mantine-color-disabled);
    }

.m_1e0e6180 {
  cursor: inherit;
  overflow: hidden;
  height: 100%;
  line-height: var(--pill-height);
  text-overflow: ellipsis;
}

.m_ae386778 {
  color: inherit;
  font-size: inherit;
  height: 100%;
  min-height: unset;
  min-width: 2em;
  width: unset;
  border-radius: 0;
  padding-inline-start: 0.1em;
  padding-inline-end: 0.3em;
  flex: 0;
  border-end-end-radius: var(--pill-radius, 50%);
  border-start-end-radius: var(--pill-radius, 50%);
}

.m_7cda1cd6[data-disabled] > .m_ae386778,
  .m_ae386778:disabled {
    display: none;
    background-color: transparent;
    width: 0.8em;
    min-width: 0.8em;
    padding: 0;
    cursor: not-allowed;
  }

.m_7cda1cd6[data-disabled] > .m_ae386778 > svg, .m_ae386778:disabled > svg {
      display: none;
    }

.m_ae386778 > svg {
    pointer-events: none;
  }

.m_1dcfd90b {
  --pg-gap-xs: 6px;
  --pg-gap-sm: 8px;
  --pg-gap-md: 10px;
  --pg-gap-lg: 12px;
  --pg-gap-xl: 12px;
  --pg-gap: var(--pg-gap-sm);

  display: flex;
  align-items: center;
  gap: var(--pg-gap);
  flex-wrap: wrap;
}

.m_f61ca620 {
  --psi-button-size-xs: 22px;
  --psi-button-size-sm: 26px;
  --psi-button-size-md: 28px;
  --psi-button-size-lg: 32px;
  --psi-button-size-xl: 40px;

  --psi-icon-size-xs: 12px;
  --psi-icon-size-sm: 15px;
  --psi-icon-size-md: 17px;
  --psi-icon-size-lg: 19px;
  --psi-icon-size-xl: 21px;

  --psi-button-size: var(--psi-button-size-sm);
  --psi-icon-size: var(--psi-icon-size-sm);
}

.m_ccf8da4c {
  position: relative;
  overflow: hidden;
}

.m_f2d85dd2 {
  font-family: var(--mantine-font-family);
  background-color: transparent;
  border: 0;
  padding-inline-end: var(--input-padding-inline-end);
  padding-inline-start: var(--input-padding-inline-start);
  position: absolute;
  inset: 0;
  outline: 0;
  font-size: inherit;
  line-height: var(--mantine-line-height);
  height: 100%;
  width: 100%;
  color: inherit;
}

.m_ccf8da4c[data-disabled] .m_f2d85dd2,
  .m_f2d85dd2:disabled {
    cursor: not-allowed;
  }

.m_f2d85dd2::-moz-placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }

.m_f2d85dd2::placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }

.m_f2d85dd2::-ms-reveal {
    display: none;
  }

.m_b1072d44 {
  width: var(--psi-button-size);
  height: var(--psi-button-size);
  min-width: var(--psi-button-size);
  min-height: var(--psi-button-size);
}

.m_b1072d44:disabled {
    display: none;
  }

.m_45c4369d {
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-width: 100px;
  flex: 1;
  border: 0;
  font-size: inherit;
  height: 1.6em;
  color: inherit;
  padding: 0;
}

.m_45c4369d::-moz-placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }

.m_45c4369d::placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }

.m_45c4369d:where([data-type='hidden'], [data-type='auto']) {
    height: 1px;
    width: 1px;
    top: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    opacity: 0;
  }

.m_45c4369d:focus {
    outline: none;
  }

.m_45c4369d:where([data-type='auto']:focus) {
    height: 1.6em;
    visibility: visible;
    opacity: 1;
    position: static;
  }

.m_45c4369d:where([data-pointer]:not([data-disabled], :disabled)) {
    cursor: pointer;
  }

.m_45c4369d:where([data-disabled], :disabled) {
    cursor: not-allowed;
  }

.m_f1cb205a {
  --pin-input-size-xs: 30px;
  --pin-input-size-sm: 36px;
  --pin-input-size-md: 42px;
  --pin-input-size-lg: 50px;
  --pin-input-size-xl: 60px;
  --pin-input-size: var(--pin-input-size-sm);
}

.m_cb288ead {
  width: var(--pin-input-size);
  height: var(--pin-input-size);
}

@keyframes m_81a374bd {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 40px 0;
  }
}

@keyframes m_e0fb7a86 {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 0 40px;
  }
}

.m_db6d6462 {
  --progress-radius: var(--mantine-radius-default);
  --progress-size: var(--progress-size-md);

  --progress-size-xs: 3px;
  --progress-size-sm: 5px;
  --progress-size-md: 8px;
  --progress-size-lg: 12px;
  --progress-size-xl: 16px;

  position: relative;
  height: var(--progress-size);
  border-radius: var(--progress-radius);
  overflow: hidden;
  display: flex;
}

:where([data-mantine-color-scheme='light']) .m_db6d6462 {
    background-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_db6d6462 {
    background-color: var(--mantine-color-dark-4);
}

.m_db6d6462:where([data-orientation='vertical']) {
    height: auto;
    width: var(--progress-size);
    flex-direction: column-reverse;
  }

.m_2242eb65 {
  background-color: var(--progress-section-color);
  height: 100%;
  width: var(--progress-section-size);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-size: 20px 20px;
  transition: width var(--progress-transition-duration, 100ms) ease;
}

.m_2242eb65:where([data-striped]) {
    background-image: linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent
    );
  }

.m_2242eb65:where([data-animated]) {
    animation: m_81a374bd 1s linear infinite;
  }

.m_2242eb65:where(:last-of-type) {
    border-radius: 0;
    border-start-end-radius: var(--progress-radius);
    border-end-end-radius: var(--progress-radius);
  }

.m_2242eb65:where(:first-of-type) {
    border-radius: 0;
    border-start-start-radius: var(--progress-radius);
    border-end-start-radius: var(--progress-radius);
  }

.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65 {
    width: 100%;
    height: var(--progress-section-size);
    transition: height var(--progress-transition-duration, 100ms) ease;
  }

.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where([data-striped]) {
      background-image: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.15) 50%,
        rgba(255, 255, 255, 0.15) 75%,
        transparent 75%,
        transparent
      );
    }

.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where([data-animated]) {
      animation: m_e0fb7a86 1s linear infinite;
    }

.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where(:last-of-type) {
      border-radius: 0;
      border-start-start-radius: var(--progress-radius);
      border-start-end-radius: var(--progress-radius);
    }

.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where(:first-of-type) {
      border-radius: 0;
      border-end-start-radius: var(--progress-radius);
      border-end-end-radius: var(--progress-radius);
    }

.m_91e40b74 {
  color: var(--progress-label-color, var(--mantine-color-white));
  font-weight: bold;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: min(calc(var(--progress-size) * 0.65), calc(1.125rem * var(--mantine-scale)));
  line-height: 1;
  padding-inline: 4px;
}

.m_db6d6462:where([data-orientation='vertical']) .m_91e40b74 {
    writing-mode: vertical-rl;
  }

.m_f3f1af94 {
  --radio-size-xs: 16px;
  --radio-size-sm: 20px;
  --radio-size-md: 24px;
  --radio-size-lg: 30px;
  --radio-size-xl: 36px;
  --radio-size: var(--radio-size-sm);

  --radio-icon-size-xs: 6px;
  --radio-icon-size-sm: 8px;
  --radio-icon-size-md: 10px;
  --radio-icon-size-lg: 14px;
  --radio-icon-size-xl: 16px;
  --radio-icon-size: var(--radio-icon-size-sm);
  --radio-icon-color: var(--mantine-color-white);
}

.m_89c4f5e4 {
  position: relative;
  width: var(--radio-size);
  height: var(--radio-size);
  order: 1;
}

.m_89c4f5e4:where([data-label-position='left']) {
    order: 2;
  }

.m_f3ed6b2b {
  color: var(--radio-icon-color);
  opacity: var(--radio-icon-opacity, 0);
  transform: var(--radio-icon-transform, scale(0.2) translateY(calc(0.625rem * var(--mantine-scale))));
  transition:
    opacity 100ms ease,
    transform 200ms ease;
  pointer-events: none;
  width: var(--radio-icon-size);
  height: var(--radio-icon-size);
  position: absolute;
  top: calc(50% - var(--radio-icon-size) / 2);
  left: calc(50% - var(--radio-icon-size) / 2);
}

.m_8a3dbb89 {
  border: 1px solid;
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: var(--radio-size);
  height: var(--radio-size);
  border-radius: var(--radio-radius, var(--radio-size));
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-property: background-color, border-color;
  transition-timing-function: ease;
  transition-duration: 100ms;
  cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
}

:where([data-mantine-color-scheme='light']) .m_8a3dbb89 {
    background-color: var(--mantine-color-white);
    border-color: var(--mantine-color-gray-4);
}

:where([data-mantine-color-scheme='dark']) .m_8a3dbb89 {
    background-color: var(--mantine-color-dark-6);
    border-color: var(--mantine-color-dark-4);
}

.m_8a3dbb89:checked {
    background-color: var(--radio-color, var(--mantine-primary-color-filled));
    border-color: var(--radio-color, var(--mantine-primary-color-filled));
  }

.m_8a3dbb89:checked + .m_f3ed6b2b {
      --radio-icon-opacity: 1;
      --radio-icon-transform: scale(1);
    }

.m_8a3dbb89:disabled {
    cursor: not-allowed;
    background-color: var(--mantine-color-disabled);
    border-color: var(--mantine-color-disabled-border);
  }

.m_8a3dbb89:disabled + .m_f3ed6b2b {
      --radio-icon-color: var(--mantine-color-disabled-color);
    }

.m_8a3dbb89:where([data-error]) {
    border-color: var(--mantine-color-error);
  }

.m_1bfe9d39 + .m_f3ed6b2b {
    --radio-icon-color: var(--radio-color);
  }

.m_1bfe9d39:checked:not(:disabled) {
    background-color: transparent;
    border-color: var(--radio-color);
  }

.m_1bfe9d39:checked:not(:disabled) + .m_f3ed6b2b {
      --radio-icon-color: var(--radio-color);
      --radio-icon-opacity: 1;
      --radio-icon-transform: none;
    }

.m_f8d312f2 {
  --rating-size-xs: 14px;
  --rating-size-sm: 18px;
  --rating-size-md: 20px;
  --rating-size-lg: 28px;
  --rating-size-xl: 32px;

  display: flex;
  width: -moz-max-content;
  width: max-content;
}

.m_f8d312f2:where(:has(input:disabled)) {
    pointer-events: none;
  }

.m_61734bb7 {
  position: relative;
  transition: transform 100ms ease;
}

.m_61734bb7:where([data-active]) {
    z-index: 1;
    transform: scale(1.1);
  }

.m_5662a89a {
  width: var(--rating-size);
  height: var(--rating-size);
  display: block;
}

:where([data-mantine-color-scheme='light']) .m_5662a89a {
    fill: var(--mantine-color-gray-3);
    stroke: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_5662a89a {
    fill: var(--mantine-color-dark-3);
    stroke: var(--mantine-color-dark-3);
}

.m_5662a89a:where([data-filled]) {
    fill: var(--rating-color);
    stroke: var(--rating-color);
  }

.m_211007ba {
  height: 0;
  width: 0;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
  -webkit-tap-highlight-color: transparent;
}

.m_211007ba:focus-visible + label {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: 2px;
  }

.m_21342ee4 {
  display: block;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--rating-item-z-index, 0);
  -webkit-tap-highlight-color: transparent;
}

.m_21342ee4:where([data-read-only]) {
    cursor: default;
  }

.m_21342ee4:where(:last-of-type) {
    position: relative;
  }

.m_fae05d6a {
  clip-path: var(--rating-symbol-clip-path);
}

.m_b32e4812 {
  position: relative;
  width: var(--rp-size);
  height: var(--rp-size);
  min-width: var(--rp-size);
  min-height: var(--rp-size);
  --rp-transition-duration: 0ms;
}

.m_d43b5134 {
  width: var(--rp-size);
  height: var(--rp-size);
  min-width: var(--rp-size);
  min-height: var(--rp-size);
  transform: rotate(-90deg);
}

.m_b1ca1fbf {
  stroke: var(--curve-color, var(--rp-curve-root-color));
  transition:
    stroke-dashoffset var(--rp-transition-duration) ease,
    stroke-dasharray var(--rp-transition-duration) ease,
    stroke var(--rp-transition-duration);
}

[data-mantine-color-scheme='light'] .m_b1ca1fbf {
    --rp-curve-root-color: var(--mantine-color-gray-2);
}

[data-mantine-color-scheme='dark'] .m_b1ca1fbf {
    --rp-curve-root-color: var(--mantine-color-dark-4);
}

.m_b23f9dc4 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  inset-inline: var(--rp-label-offset);
}

.m_cf365364 {
  --sc-padding-xs: 2px 6px;
  --sc-padding-sm: 3px 10px;
  --sc-padding-md: 4px 14px;
  --sc-padding-lg: 7px 16px;
  --sc-padding-xl: 10px 20px;

  --sc-transition-duration: 200ms;
  --sc-padding: var(--sc-padding-sm);
  --sc-transition-timing-function: ease;
  --sc-font-size: var(--mantine-font-size-sm);

  position: relative;
  display: inline-flex;
  flex-direction: row;
  width: auto;
  border-radius: var(--sc-radius, var(--mantine-radius-default));
  overflow: hidden;
  padding: 4px;
}

.m_cf365364:where([data-full-width]) {
    display: flex;
  }

.m_cf365364:where([data-orientation='vertical']) {
    display: flex;
    flex-direction: column;
    width: -moz-max-content;
    width: max-content;
  }

.m_cf365364:where([data-orientation='vertical']):where([data-full-width]) {
      width: auto;
    }

:where([data-mantine-color-scheme='light']) .m_cf365364 {
    background-color: var(--mantine-color-gray-1);
}

:where([data-mantine-color-scheme='dark']) .m_cf365364 {
    background-color: var(--mantine-color-dark-8);
}

.m_9e182ccd {
  position: absolute;
  display: block;
  z-index: 1;
  border-radius: var(--sc-radius, var(--mantine-radius-default));
}

:where([data-mantine-color-scheme='light']) .m_9e182ccd {
    box-shadow: var(--sc-shadow, none);
    background-color: var(--sc-color, var(--mantine-color-white));
}

:where([data-mantine-color-scheme='dark']) .m_9e182ccd {
    box-shadow: none;
    background-color: var(--sc-color, var(--mantine-color-dark-5));
}

.m_1738fcb2 {
  -webkit-tap-highlight-color: transparent;
  font-weight: 500;
  display: block;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: var(--sc-radius, var(--mantine-radius-default));
  font-size: var(--sc-font-size);
  padding: var(--sc-padding);
  transition: color var(--sc-transition-duration) var(--sc-transition-timing-function);
  cursor: pointer;

  /* outline is controlled by .input */
  outline: var(--segmented-control-outline, none);
}

:where([data-mantine-color-scheme='light']) .m_1738fcb2 {
    color: var(--mantine-color-gray-7);
}

:where([data-mantine-color-scheme='dark']) .m_1738fcb2 {
    color: var(--mantine-color-dark-1);
}

.m_1738fcb2:where([data-read-only]) {
    cursor: default;
  }

fieldset:disabled .m_1738fcb2,
  .m_1738fcb2:where([data-disabled]) {
    cursor: not-allowed;
    color: var(--mantine-color-disabled-color);
  }

:where([data-mantine-color-scheme='light']) .m_1738fcb2:where([data-active]) {
      color: var(--sc-label-color, var(--mantine-color-black));
}

:where([data-mantine-color-scheme='dark']) .m_1738fcb2:where([data-active]) {
      color: var(--sc-label-color, var(--mantine-color-white));
}

.m_cf365364:where([data-initialized]) .m_1738fcb2:where([data-active])::before {
        display: none;
      }

.m_1738fcb2:where([data-active])::before {
      content: '';
      inset: 0;
      z-index: 0;
      position: absolute;
      border-radius: var(--sc-radius, var(--mantine-radius-default));
}

:where([data-mantine-color-scheme='light']) .m_1738fcb2:where([data-active])::before {
        box-shadow: var(--sc-shadow, none);
        background-color: var(--sc-color, var(--mantine-color-white));
}

:where([data-mantine-color-scheme='dark']) .m_1738fcb2:where([data-active])::before {
        box-shadow: none;
        background-color: var(--sc-color, var(--mantine-color-dark-5));
}

@media (hover: hover) {
      :where([data-mantine-color-scheme='light']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover {
        color: var(--mantine-color-black);
  }

      :where([data-mantine-color-scheme='dark']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover {
        color: var(--mantine-color-white);
  }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active {
        color: var(--mantine-color-black);
  }

      :where([data-mantine-color-scheme='dark']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active {
        color: var(--mantine-color-white);
  }
}

@media (hover: hover) {

  fieldset:disabled .m_1738fcb2:hover {
      color: var(--mantine-color-disabled-color) !important;
  }
}

@media (hover: none) {

  fieldset:disabled .m_1738fcb2:active {
      color: var(--mantine-color-disabled-color) !important;
  }
}

.m_1714d588 {
  height: 0;
  width: 0;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
}

.m_1714d588[data-focus-ring='auto']:focus:focus-visible + .m_1738fcb2 {
        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
      }

.m_1714d588[data-focus-ring='always']:focus + .m_1738fcb2 {
        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
      }

.m_69686b9b {
  position: relative;
  flex: 1;
  z-index: 2;
  transition: border-color var(--sc-transition-duration) var(--sc-transition-timing-function);
}

.m_cf365364[data-with-items-borders] :where(.m_69686b9b)::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    inset-inline-start: 0;
    background-color: var(--separator-color);
    width: 1px;
    transition: background-color var(--sc-transition-duration) var(--sc-transition-timing-function);
  }

.m_69686b9b[data-orientation='vertical']::before {
      top: 0;
      inset-inline: 0;
      bottom: auto;
      height: 1px;
      width: auto;
    }

:where([data-mantine-color-scheme='light']) .m_69686b9b {
    --separator-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_69686b9b {
    --separator-color: var(--mantine-color-dark-4);
}

.m_69686b9b:first-of-type::before {
      --separator-color: transparent;
    }

[data-mantine-color-scheme] .m_69686b9b[data-active]::before, [data-mantine-color-scheme] .m_69686b9b[data-active] + .m_69686b9b::before {
          --separator-color: transparent;
        }

.m_78882f40 {
  position: relative;
  z-index: 2;
}

.m_925c2d2c {
  container: simple-grid / inline-size;
}

.m_2415a157 {
  display: grid;
  grid-template-columns: repeat(var(--sg-cols), minmax(0, 1fr));
  gap: var(--sg-spacing-y) var(--sg-spacing-x);
}

@keyframes m_299c329c {
  0%,
  100% {
    opacity: 0.4;
  }

  50% {
    opacity: 1;
  }
}

.m_18320242 {
  height: var(--skeleton-height, auto);
  width: var(--skeleton-width, 100%);
  border-radius: var(--skeleton-radius, var(--mantine-radius-default));
  position: relative;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

.m_18320242:where([data-animate])::after {
    animation: m_299c329c 1500ms linear infinite;
  }

.m_18320242:where([data-visible]) {
    overflow: hidden;
  }

.m_18320242:where([data-visible])::before {
      position: absolute;
      content: '';
      inset: 0;
      z-index: 10;
      background-color: var(--mantine-color-body);
    }

.m_18320242:where([data-visible])::after {
      position: absolute;
      content: '';
      inset: 0;
      z-index: 11;
    }

:where([data-mantine-color-scheme='light']) .m_18320242:where([data-visible])::after {
        background-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_18320242:where([data-visible])::after {
        background-color: var(--mantine-color-dark-4);
}

.m_dd36362e {
  --slider-size-xs: 4px;
  --slider-size-sm: 6px;
  --slider-size-md: 8px;
  --slider-size-lg: 10px;
  --slider-size-xl: 12px;

  --slider-size: var(--slider-size-md);
  --slider-radius: 1000px;
  --slider-color: var(--mantine-primary-color-filled);
  --slider-track-disabled-bg: var(--mantine-color-disabled);

  -webkit-tap-highlight-color: transparent;
  outline: none;
  height: calc(var(--slider-size) * 2);
  padding-inline: var(--slider-size);
  display: flex;
  flex-direction: column;
  align-items: center;
  touch-action: none;
  position: relative;
}

[data-mantine-color-scheme='light'] .m_dd36362e {
    --slider-track-bg: var(--mantine-color-gray-2);
}

[data-mantine-color-scheme='dark'] .m_dd36362e {
    --slider-track-bg: var(--mantine-color-dark-4);
}

.m_c9357328 {
  position: absolute;
  top: -36px;
  font-size: var(--mantine-font-size-xs);
  color: var(--mantine-color-white);
  padding: calc(var(--mantine-spacing-xs) / 2);
  border-radius: var(--mantine-radius-sm);
  white-space: nowrap;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
}

:where([data-mantine-color-scheme='light']) .m_c9357328 {
    background-color: var(--mantine-color-gray-9);
}

:where([data-mantine-color-scheme='dark']) .m_c9357328 {
    background-color: var(--mantine-color-dark-4);
}

.m_c9a9a60a {
  position: absolute;
  display: flex;
  height: var(--slider-thumb-size);
  width: var(--slider-thumb-size);
  border: 4px solid;
  transform: translate(-50%, -50%);
  top: 50%;
  cursor: pointer;
  border-radius: var(--slider-radius);
  align-items: center;
  justify-content: center;
  transition:
    box-shadow 100ms ease,
    transform 100ms ease;
  z-index: 3;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
  outline-offset: 2px;
  left: var(--slider-thumb-offset);
}

:where([dir="rtl"]) .m_c9a9a60a {
    left: auto;
    right: calc(var(--slider-thumb-offset) - var(--slider-thumb-size));
}

fieldset:disabled .m_c9a9a60a,
  .m_c9a9a60a:where([data-disabled]) {
    display: none;
  }

.m_c9a9a60a:where([data-dragging]) {
    transform: translate(-50%, -50%) scale(1.05);
    box-shadow: var(--mantine-shadow-sm);
  }

:where([data-mantine-color-scheme='light']) .m_c9a9a60a {
    color: var(--slider-color);
    border-color: var(--slider-color);
    background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='dark']) .m_c9a9a60a {
    color: var(--mantine-color-white);
    border-color: var(--mantine-color-white);
    background-color: var(--slider-color);
}

.m_a8645c2 {
  display: flex;
  align-items: center;
  width: 100%;
  height: calc(var(--slider-size) * 2);
  cursor: pointer;
}

fieldset:disabled .m_a8645c2,
  .m_a8645c2:where([data-disabled]) {
    cursor: not-allowed;
  }

.m_c9ade57f {
  position: relative;
  width: 100%;
  height: var(--slider-size);
}

.m_c9ade57f:where([data-inverted]:not([data-disabled])) {
    --track-bg: var(--slider-color);
  }

fieldset:disabled .m_c9ade57f:where([data-inverted]),
  .m_c9ade57f:where([data-inverted][data-disabled]) {
    --track-bg: var(--slider-track-disabled-bg);
  }

.m_c9ade57f::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: var(--slider-radius);
    inset-inline: calc(var(--slider-size) * -1);
    background-color: var(--track-bg, var(--slider-track-bg));
    z-index: 0;
  }

.m_38aeed47 {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  background-color: var(--slider-color);
  border-radius: var(--slider-radius);
  width: var(--slider-bar-width);
  inset-inline-start: var(--slider-bar-offset);
}

.m_38aeed47:where([data-inverted]) {
    background-color: var(--slider-track-bg);
  }

fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
  .m_38aeed47:where([data-disabled]:not([data-inverted])) {
    background-color: var(--mantine-color-disabled-color);
  }

.m_b7b0423a {
  position: absolute;
  inset-inline-start: calc(var(--mark-offset) - var(--slider-size) / 2);
  top: 0;
  z-index: 2;
  height: 0;
  pointer-events: none;
}

.m_dd33bc19 {
  border: 2px solid;
  height: var(--slider-size);
  width: var(--slider-size);
  border-radius: 1000px;
  background-color: var(--mantine-color-white);
  pointer-events: none;
}

:where([data-mantine-color-scheme='light']) .m_dd33bc19 {
    border-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_dd33bc19 {
    border-color: var(--mantine-color-dark-4);
}

.m_dd33bc19:where([data-filled]) {
    border-color: var(--slider-color);
  }

.m_dd33bc19:where([data-filled]):where([data-disabled]) {
      border-color: var(--mantine-color-disabled-border);
    }

.m_68c77a5b {
  transform: translate(calc(-50% + var(--slider-size) / 2), calc(var(--mantine-spacing-xs) / 2));
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

:where([data-mantine-color-scheme='light']) .m_68c77a5b {
    color: var(--mantine-color-gray-6);
}

:where([data-mantine-color-scheme='dark']) .m_68c77a5b {
    color: var(--mantine-color-dark-2);
}

.m_559cce2d {
  position: relative;
}

.m_559cce2d:where([data-has-spoiler]) {
    margin-bottom: 24px;
  }

.m_b912df4e {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: max-height var(--spoiler-transition-duration, 200ms) ease;
}

.m_b9131032 {
  position: absolute;
  inset-inline-start: 0;
  top: 100%;
  height: 24px;
}

.m_6d731127 {
  display: flex;
  flex-direction: column;
  align-items: var(--stack-align, stretch);
  justify-content: var(--stack-justify, flex-start);
  gap: var(--stack-gap, var(--mantine-spacing-md));
}

.m_cbb4ea7e {
  --stepper-icon-size-xs: 34px;
  --stepper-icon-size-sm: 36px;
  --stepper-icon-size-md: 42px;
  --stepper-icon-size-lg: 48px;
  --stepper-icon-size-xl: 52px;

  --stepper-icon-size: var(--stepper-icon-size-md);
  --stepper-color: var(--mantine-primary-color-filled);
  --stepper-content-padding: var(--mantine-spacing-md);
  --stepper-spacing: var(--mantine-spacing-md);
  --stepper-radius: 1000px;
  --stepper-fz: var(--mantine-font-size-md);
  --stepper-outline-thickness: 2px;
}

[data-mantine-color-scheme='light'] .m_cbb4ea7e {
    --stepper-outline-color: var(--mantine-color-gray-2);
}

[data-mantine-color-scheme='dark'] .m_cbb4ea7e {
    --stepper-outline-color: var(--mantine-color-dark-5);
}

.m_aaf89d0b {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.m_aaf89d0b:where([data-wrap]) {
    flex-wrap: wrap;
    gap: var(--mantine-spacing-md) 0;
  }

.m_aaf89d0b:where([data-orientation='vertical']) {
    flex-direction: column;
  }

.m_aaf89d0b:where([data-orientation='vertical']):where([data-icon-position='left']) {
      align-items: flex-start;
    }

.m_aaf89d0b:where([data-orientation='vertical']):where([data-icon-position='right']) {
      align-items: flex-end;
    }

.m_aaf89d0b:where([data-orientation='horizontal']) {
    flex-direction: row;
  }

.m_2a371ac9 {
  transition: background-color 150ms ease;
  flex: 1;
  height: var(--stepper-outline-thickness);
  margin-inline: var(--mantine-spacing-md);
  background-color: var(--stepper-outline-color);
}

.m_2a371ac9:where([data-active]) {
    background-color: var(--stepper-color);
  }

.m_78da155d {
  padding-top: var(--stepper-content-padding);
}

.m_cbb57068 {
  --step-color: var(--stepper-color);

  display: flex;
  cursor: default;
}

.m_cbb57068:where([data-allow-click]) {
    cursor: pointer;
  }

.m_cbb57068:where([data-icon-position='left']) {
    flex-direction: row;
  }

.m_cbb57068:where([data-icon-position='right']) {
    flex-direction: row-reverse;
  }

.m_f56b1e2c {
  align-items: center;
}

.m_833edb7e {
  --separator-spacing: calc(var(--mantine-spacing-xs) / 2);

  justify-content: flex-start;
  min-height: calc(var(--stepper-icon-size) + var(--mantine-spacing-xl) + var(--separator-spacing));
  margin-top: var(--separator-spacing);
  overflow: hidden;
}

.m_833edb7e:where(:first-of-type) {
    margin-top: 0;
  }

.m_833edb7e:where(:last-of-type) {
    min-height: auto;
  }

.m_833edb7e:where(:last-of-type) .m_6496b3f3 {
      display: none;
    }

.m_818e70b {
  position: relative;
}

.m_6496b3f3 {
  top: calc(var(--stepper-icon-size) + var(--separator-spacing));
  inset-inline-start: calc(var(--stepper-icon-size) / 2);
  height: 100vh;
  position: absolute;
  border-inline-start: var(--stepper-outline-thickness) solid var(--stepper-outline-color);
}

.m_6496b3f3:where([data-active]) {
    border-color: var(--stepper-color);
  }

.m_1959ad01 {
  height: var(--stepper-icon-size);
  width: var(--stepper-icon-size);
  min-height: var(--stepper-icon-size);
  min-width: var(--stepper-icon-size);
  border-radius: var(--stepper-radius);
  font-size: var(--stepper-fz);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-weight: bold;
  transition:
    background-color 150ms ease,
    border-color 150ms ease;
  border: var(--stepper-outline-thickness) solid var(--stepper-outline-color);
  background-color: var(--stepper-outline-color);
}

:where([data-mantine-color-scheme='light']) .m_1959ad01 {
    color: var(--mantine-color-gray-7);
}

:where([data-mantine-color-scheme='dark']) .m_1959ad01 {
    color: var(--mantine-color-dark-1);
}

.m_1959ad01:where([data-progress]) {
    border-color: var(--step-color);
  }

.m_1959ad01:where([data-completed]) {
    color: var(--stepper-icon-color, var(--mantine-color-white));
    background-color: var(--step-color);
    border-color: var(--step-color);
  }

.m_a79331dc {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--stepper-icon-color, var(--mantine-color-white));
}

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

.m_1956aa2a:where([data-icon-position='left']) {
    margin-inline-start: var(--mantine-spacing-sm);
  }

.m_1956aa2a:where([data-icon-position='right']) {
    text-align: right;
    margin-inline-end: var(--mantine-spacing-sm);
  }

:where([dir="rtl"]) .m_1956aa2a:where([data-icon-position='right']) {
      text-align: left;
}

.m_12051f6c {
  font-weight: 500;
  font-size: var(--stepper-fz);
  line-height: 1;
}

.m_164eea74 {
  margin-top: calc(var(--stepper-spacing) / 3);
  margin-bottom: calc(var(--stepper-spacing) / 3);
  font-size: calc(var(--stepper-fz) - calc(0.125rem * var(--mantine-scale)));
  line-height: 1;
  color: var(--mantine-color-dimmed);
}

.m_5f93f3bb {
  --switch-height-xs: 16px;
  --switch-height-sm: 20px;
  --switch-height-md: 24px;
  --switch-height-lg: 30px;
  --switch-height-xl: 36px;

  --switch-width-xs: 32px;
  --switch-width-sm: 38px;
  --switch-width-md: 46px;
  --switch-width-lg: 56px;
  --switch-width-xl: 72px;

  --switch-thumb-size-xs: 12px;
  --switch-thumb-size-sm: 14px;
  --switch-thumb-size-md: 18px;
  --switch-thumb-size-lg: 22px;
  --switch-thumb-size-xl: 28px;

  --switch-label-font-size-xs: 5px;
  --switch-label-font-size-sm: 6px;
  --switch-label-font-size-md: 7px;
  --switch-label-font-size-lg: 9px;
  --switch-label-font-size-xl: 11px;

  --switch-track-label-padding-xs: 2px;
  --switch-track-label-padding-sm: 2.5px;
  --switch-track-label-padding-md: 3px;
  --switch-track-label-padding-lg: 3px;
  --switch-track-label-padding-xl: 3.5px;

  --switch-height: var(--switch-height-sm);
  --switch-width: var(--switch-width-sm);
  --switch-thumb-size: var(--switch-thumb-size-sm);
  --switch-label-font-size: var(--switch-label-font-size-sm);
  --switch-track-label-padding: var(--switch-track-label-padding-sm);
  --switch-radius: 1000px;
  --switch-color: var(--mantine-primary-color-filled);
  --switch-disabled-color: var(--mantine-color-disabled);

  position: relative;
}

.m_926b4011 {
  /* Hide the input visually without removing it from the accessibility tree or obscuring it in the DOM */
  height: 100%;
  width: 100%;
  opacity: 0;

  margin: 0;
  padding: 0;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
}

.m_9307d992 {
  -webkit-tap-highlight-color: transparent;
  cursor: var(--switch-cursor, var(--mantine-cursor-type));
  overflow: hidden;
  position: relative;
  border-radius: var(--switch-radius);
  background-color: var(--switch-bg);
  height: var(--switch-height);
  min-width: var(--switch-width);
  margin: 0;
  transition:
    background-color 150ms ease,
    border-color 150ms ease;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  align-items: center;
  font-size: var(--switch-label-font-size);
  font-weight: 600;
  order: var(--switch-order, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 0;
  line-height: 0;
  color: var(--switch-text-color);
}

.m_9307d992:where([data-without-labels]) {
    width: var(--switch-width);
  }

.m_926b4011:focus-visible + .m_9307d992 {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: 2px;
  }

.m_926b4011:checked + .m_9307d992 {
    --switch-bg: var(--switch-color);
    --switch-text-color: var(--mantine-color-white);
  }

.m_926b4011:disabled + .m_9307d992,
  .m_926b4011[data-disabled] + .m_9307d992 {
    --switch-bg: var(--switch-disabled-color);
    --switch-cursor: not-allowed;
  }

[data-mantine-color-scheme='light'] .m_9307d992 {
    --switch-bg: var(--mantine-color-gray-3);
    --switch-text-color: var(--mantine-color-gray-6);
}

[data-mantine-color-scheme='dark'] .m_9307d992 {
    --switch-bg: var(--mantine-color-dark-5);
    --switch-text-color: var(--mantine-color-dark-1);
}

.m_9307d992[data-label-position='left'] {
    --switch-order: 2;
  }

.m_93039a1d {
  position: absolute;
  z-index: 1;
  border-radius: var(--switch-radius);
  display: flex;
  background-color: var(--switch-thumb-bg, var(--mantine-color-white));
  height: var(--switch-thumb-size);
  width: var(--switch-thumb-size);
  inset-inline-start: var(--switch-thumb-start, var(--switch-track-label-padding));
  transition: inset-inline-start 150ms ease;
}

.m_93039a1d:where([data-with-thumb-indicator])::before {
    content: '';
    width: 40%;
    height: 40%;
    background-color: var(--switch-bg);
    position: absolute;
    border-radius: var(--switch-radius);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

.m_93039a1d > * {
    margin: auto;
  }

.m_926b4011:checked + * > .m_93039a1d {
    --switch-thumb-start: calc(100% - var(--switch-thumb-size) - var(--switch-track-label-padding));
  }

.m_926b4011:disabled + * > .m_93039a1d,
  .m_926b4011[data-disabled] + * > .m_93039a1d {
    --switch-thumb-bg: var(--switch-thumb-bg-disabled);
  }

[data-mantine-color-scheme='light'] .m_93039a1d {
    --switch-thumb-bg-disabled: var(--mantine-color-gray-0);
}

[data-mantine-color-scheme='dark'] .m_93039a1d {
    --switch-thumb-bg-disabled: var(--mantine-color-dark-3);
}

.m_8277e082 {
  height: 100%;
  display: grid;
  place-content: center;
  min-width: calc(var(--switch-width) - var(--switch-thumb-size));
  padding-inline: var(--switch-track-label-padding);
  margin-inline-start: calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
  transition: margin 150ms ease;
}

.m_926b4011:checked + * > .m_8277e082 {
    margin-inline-end: calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
    margin-inline-start: 0;
  }

.m_b23fa0ef {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  line-height: var(--mantine-line-height);
  font-size: var(--mantine-font-size-sm);
  table-layout: var(--table-layout, auto);
  caption-side: var(--table-caption-side, bottom);
  border: none;
}

:where([data-mantine-color-scheme='light']) .m_b23fa0ef {
    --table-hover-color: var(--mantine-color-gray-1);
    --table-striped-color: var(--mantine-color-gray-0);
    --table-border-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_b23fa0ef {
    --table-hover-color: var(--mantine-color-dark-5);
    --table-striped-color: var(--mantine-color-dark-6);
    --table-border-color: var(--mantine-color-dark-4);
}

.m_b23fa0ef:where([data-with-table-border]) {
    border: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
  }

.m_b23fa0ef:where([data-tabular-nums]) {
    font-variant-numeric: tabular-nums;
  }

.m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
    font-weight: 500;
  }

:where([data-mantine-color-scheme='light']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
      background-color: var(--mantine-color-gray-0);
}

:where([data-mantine-color-scheme='dark']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
      background-color: var(--mantine-color-dark-6);
}

.m_4e7aa4f3 {
  text-align: left;
}

:where([dir="rtl"]) .m_4e7aa4f3 {
    text-align: right;
}

.m_4e7aa4fd {
  border-bottom: none;
  background-color: transparent;
}

@media (hover: hover) {
    .m_4e7aa4fd:hover:where([data-hover]) {
      background-color: var(--tr-hover-bg);
    }
}

@media (hover: none) {
    .m_4e7aa4fd:active:where([data-hover]) {
      background-color: var(--tr-hover-bg);
    }
}

.m_4e7aa4fd:where([data-with-row-border]) {
    border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
  }

.m_4e7aa4ef,
.m_4e7aa4f3 {
  padding: var(--table-vertical-spacing) var(--table-horizontal-spacing, var(--mantine-spacing-xs));
}

.m_4e7aa4ef:where([data-with-column-border]:not(:first-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:first-child)) {
    border-inline-start: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
  }

.m_4e7aa4ef:where([data-with-column-border]:not(:last-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
    border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
  }

.m_b2404537 > :where(tr):where([data-with-row-border]:last-of-type) {
      border-bottom: none;
    }

.m_b2404537 > :where(tr):where([data-striped='odd']:nth-of-type(odd)) {
      background-color: var(--table-striped-color);
    }

.m_b2404537 > :where(tr):where([data-striped='even']:nth-of-type(even)) {
      background-color: var(--table-striped-color);
    }

.m_b2404537 > :where(tr)[data-hover] {
      --tr-hover-bg: var(--table-highlight-on-hover-color, var(--table-hover-color));
    }

.m_b242d975 {
  top: var(--table-sticky-header-offset, 0);
  z-index: 3;
}

.m_b242d975:where([data-sticky]) {
    position: sticky;
  }

.m_b242d975:where([data-sticky]) :where(.m_4e7aa4f3) {
      position: sticky;
      top: var(--table-sticky-header-offset, 0);
      background-color: var(--mantine-color-body);
    }

:where([data-with-table-border]) .m_b242d975[data-sticky] {
  position: sticky;
  top: var(--table-sticky-header-offset, 0);
  z-index: 4;
  border-top: none;
}

:where([data-with-table-border]) .m_b242d975[data-sticky]::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: -0.5px;
  width: 100%;
  height: 1px;
  background-color: var(--table-border-color);
  z-index: 5;
}

:where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3:first-child {
  border-top: none;
}

.m_9e5a3ac7 {
  color: var(--mantine-color-dimmed);
}

.m_9e5a3ac7:where([data-side='top']) {
    margin-bottom: var(--mantine-spacing-xs);
  }

.m_9e5a3ac7:where([data-side='bottom']) {
    margin-top: var(--mantine-spacing-xs);
  }

.m_a100c15 {
  overflow-x: var(--table-overflow);
}

.m_62259741 {
  min-width: var(--table-min-width);
  max-height: var(--table-max-height);
}

[data-mantine-color-scheme='light'] .m_89d60db1 {
    --tab-border-color: var(--mantine-color-gray-3);
}

[data-mantine-color-scheme='dark'] .m_89d60db1 {
    --tab-border-color: var(--mantine-color-dark-4);
}

.m_89d60db1 {

  display: var(--tabs-display);
  flex-direction: var(--tabs-flex-direction);

  --tabs-list-direction: row;
  --tabs-panel-grow: unset;
  --tabs-display: block;
  --tabs-flex-direction: row;
  --tabs-list-border-width: 0;
  --tabs-list-border-size: 0 0 var(--tabs-list-border-width) 0;
  --tabs-list-gap: unset;

  --tabs-list-line-bottom: 0;
  --tabs-list-line-top: unset;
  --tabs-list-line-start: 0;
  --tabs-list-line-end: 0;

  --tab-radius: var(--tabs-radius) var(--tabs-radius) 0 0;
  --tab-border-width: 0 0 var(--tabs-list-border-width) 0;
}

.m_89d60db1[data-inverted] {
    --tabs-list-line-bottom: unset;
    --tabs-list-line-top: 0;
    --tab-radius: 0 0 var(--tabs-radius) var(--tabs-radius);
    --tab-border-width: var(--tabs-list-border-width) 0 0 0;
  }

.m_89d60db1[data-inverted] .m_576c9d4::before {
      top: 0;
      bottom: unset;
    }

.m_89d60db1[data-orientation='vertical'] {
    --tabs-list-line-start: unset;
    --tabs-list-line-end: 0;
    --tabs-list-line-top: 0;
    --tabs-list-line-bottom: 0;
    --tabs-list-border-size: 0 var(--tabs-list-border-width) 0 0;
    --tab-border-width: 0 var(--tabs-list-border-width) 0 0;
    --tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius);
    --tabs-list-direction: column;
    --tabs-panel-grow: 1;
    --tabs-display: flex;
  }

[dir="rtl"] .m_89d60db1[data-orientation='vertical'] {
      --tabs-list-border-size: 0 0 0 var(--tabs-list-border-width);
      --tab-border-width: 0 0 0 var(--tabs-list-border-width);
      --tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0;
}

.m_89d60db1[data-orientation='vertical'][data-placement='right'] {
      --tabs-flex-direction: row-reverse;
      --tabs-list-line-start: 0;
      --tabs-list-line-end: unset;
      --tabs-list-border-size: 0 0 0 var(--tabs-list-border-width);
      --tab-border-width: 0 0 0 var(--tabs-list-border-width);
      --tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0;
    }

[dir="rtl"] .m_89d60db1[data-orientation='vertical'][data-placement='right'] {
        --tabs-list-border-size: 0 var(--tabs-list-border-width) 0 0;
        --tab-border-width: 0 var(--tabs-list-border-width) 0 0;
        --tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius);
}

.m_89d60db1[data-variant='default'] {
    --tabs-list-border-width: 2px;
  }

[data-mantine-color-scheme='light'] .m_89d60db1[data-variant='default'] {
      --tab-hover-color: var(--mantine-color-gray-0);
}

[data-mantine-color-scheme='dark'] .m_89d60db1[data-variant='default'] {
      --tab-hover-color: var(--mantine-color-dark-6);
}

.m_89d60db1[data-variant='outline'] {
    --tabs-list-border-width: 1px;
  }

.m_89d60db1[data-variant='pills'] {
    --tabs-list-gap: calc(var(--mantine-spacing-sm) / 2);
  }

[data-mantine-color-scheme='light'] .m_89d60db1[data-variant='pills'] {
      --tab-hover-color: var(--mantine-color-gray-0);
}

[data-mantine-color-scheme='dark'] .m_89d60db1[data-variant='pills'] {
      --tab-hover-color: var(--mantine-color-dark-6);
}

.m_89d33d6d {
  display: flex;
  flex-wrap: wrap;
  justify-content: var(--tabs-justify, flex-start);
  flex-direction: var(--tabs-list-direction);
  gap: var(--tabs-list-gap);
}

.m_89d33d6d:where([data-grow]) .m_4ec4dce6 {
    flex: 1;
  }

.m_b0c91715 {
  flex-grow: var(--tabs-panel-grow);
}

.m_4ec4dce6 {
  position: relative;
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
  z-index: 0;
  display: flex;
  align-items: center;
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.m_4ec4dce6:where(:disabled, [data-disabled]) {
    opacity: 0.5;
    cursor: not-allowed;
  }

.m_4ec4dce6:focus {
    z-index: 1;
  }

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

.m_fc420b1f:where([data-position='left']:not(:only-child)) {
    margin-inline-end: var(--mantine-spacing-xs);
  }

.m_fc420b1f:where([data-position='right']:not(:only-child)) {
    margin-inline-start: var(--mantine-spacing-xs);
  }

.m_42bbd1ae {
  flex: 1;
  text-align: center;
}

/*************************************** default variant ***************************************/

.m_576c9d4 {
  position: relative;
}

.m_576c9d4::before {
    content: '';
    position: absolute;
    border: 1px solid var(--tab-border-color);
    bottom: var(--tabs-list-line-bottom);
    inset-inline-start: var(--tabs-list-line-start);
    inset-inline-end: var(--tabs-list-line-end);
    top: var(--tabs-list-line-top);
  }

.m_539e827b {
  border-radius: var(--tab-radius);
  border-width: var(--tab-border-width);
  border-style: solid;
  border-color: transparent;
  background-color: transparent;
}

.m_539e827b:where([data-active]) {
    border-color: var(--tabs-color);
  }

@media (hover: hover) {
    .m_539e827b:hover {
    background-color: var(--tab-hover-color);
    }

    .m_539e827b:hover:where(:not([data-active])) {
      border-color: var(--tab-border-color);
    }
}

@media (hover: none) {
    .m_539e827b:active {
    background-color: var(--tab-hover-color);
    }

    .m_539e827b:active:where(:not([data-active])) {
      border-color: var(--tab-border-color);
    }
}

@media (hover: hover) {
    .m_539e827b:disabled:hover, .m_539e827b[data-disabled]:hover {
      background-color: transparent;
    }
}

@media (hover: none) {
    .m_539e827b:disabled:active, .m_539e827b[data-disabled]:active {
      background-color: transparent;
    }
}

/*************************************** outline variant ***************************************/

.m_6772fbd5 {
  position: relative;
}

.m_6772fbd5::before {
    content: '';
    position: absolute;
    border-color: var(--tab-border-color);
    border-width: var(--tabs-list-border-size);
    border-style: solid;
    bottom: var(--tabs-list-line-bottom);
    inset-inline-start: var(--tabs-list-line-start);
    inset-inline-end: var(--tabs-list-line-end);
    top: var(--tabs-list-line-top);
  }

.m_b59ab47c {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  border-top-color: var(--tab-border-top-color);
  border-bottom-color: var(--tab-border-bottom-color);
  border-radius: var(--tab-radius);
  position: relative;

  --tab-border-bottom-color: transparent;
  --tab-border-top-color: transparent;
  --tab-border-inline-end-color: transparent;
  --tab-border-inline-start-color: transparent;
}

.m_b59ab47c:where([data-active])::before {
      content: '';
      position: absolute;
      background-color: var(--tab-border-color);
      bottom: var(--tab-before-bottom, calc(-0.0625rem * var(--mantine-scale)));
      left: var(--tab-before-left, calc(-0.0625rem * var(--mantine-scale)));
      right: var(--tab-before-right, auto);
      top: var(--tab-before-top, auto);
      width: 1px;
      height: 1px;
    }

.m_b59ab47c:where([data-active])::after {
      content: '';
      position: absolute;
      background-color: var(--tab-border-color);
      bottom: var(--tab-after-bottom, calc(-0.0625rem * var(--mantine-scale)));
      right: var(--tab-after-right, calc(-0.0625rem * var(--mantine-scale)));
      left: var(--tab-after-left, auto);
      top: var(--tab-after-top, auto);
      width: 1px;
      height: 1px;
    }

.m_b59ab47c:where([data-active]) {

    border-top-color: var(--tab-border-top-color);
    border-bottom-color: var(--tab-border-bottom-color);
    border-inline-start-color: var(--tab-border-inline-start-color);
    border-inline-end-color: var(--tab-border-inline-end-color);

    --tab-border-top-color: var(--tab-border-color);
    --tab-border-inline-start-color: var(--tab-border-color);
    --tab-border-inline-end-color: var(--tab-border-color);
    --tab-border-bottom-color: var(--mantine-color-body);
}

.m_b59ab47c:where([data-active])[data-inverted] {
      --tab-border-bottom-color: var(--tab-border-color);
      --tab-border-top-color: var(--mantine-color-body);

      --tab-before-bottom: auto;
      --tab-before-top: -1px;
      --tab-after-bottom: auto;
      --tab-after-top: -1px;
    }

.m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='left'] {
        --tab-border-inline-end-color: var(--mantine-color-body);
        --tab-border-inline-start-color: var(--tab-border-color);
        --tab-border-bottom-color: var(--tab-border-color);

        --tab-before-right: -1px;
        --tab-before-left: auto;
        --tab-before-bottom: auto;
        --tab-before-top: -1px;
        --tab-after-left: auto;
        --tab-after-right: -1px;
      }

[dir="rtl"] .m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='left'] {
          --tab-before-right: auto;
          --tab-before-left: -1px;
          --tab-after-left: -1px;
          --tab-after-right: auto;
}

.m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='right'] {
        --tab-border-inline-start-color: var(--mantine-color-body);
        --tab-border-inline-end-color: var(--tab-border-color);
        --tab-border-bottom-color: var(--tab-border-color);

        --tab-before-left: -1px;
        --tab-before-right: auto;
        --tab-before-bottom: auto;
        --tab-before-top: -1px;
        --tab-after-right: auto;
        --tab-after-left: -1px;
      }

[dir="rtl"] .m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='right'] {
          --tab-before-left: auto;
          --tab-before-right: -1px;
          --tab-after-right: -1px;
          --tab-after-left: auto;
}

/*************************************** pills variant ***************************************/

.m_c3381914 {
  border-radius: var(--tabs-radius);
  background-color: var(--tab-bg);
  color: var(--tab-color);

  --tab-bg: transparent;
  --tab-color: inherit;
}

@media (hover: hover) {
    .m_c3381914:not([data-disabled]):hover {
      --tab-bg: var(--tab-hover-color);
    }
}

@media (hover: none) {
    .m_c3381914:not([data-disabled]):active {
      --tab-bg: var(--tab-hover-color);
    }
}

.m_c3381914[data-active][data-active] {
    --tab-bg: var(--tabs-color);
    --tab-color: var(--tabs-text-color, var(--mantine-color-white));
  }

@media (hover: hover) {
    .m_c3381914[data-active][data-active]:hover {
      --tab-bg: var(--tabs-color);
    }
}

@media (hover: none) {
    .m_c3381914[data-active][data-active]:active {
      --tab-bg: var(--tabs-color);
    }
}

.m_b6d8b162 {
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  font-size: var(--text-fz, var(--mantine-font-size-md));
  line-height: var(--text-lh, var(--mantine-line-height-md));
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: var(--text-color);
}

.m_b6d8b162:where([data-truncate]) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

.m_b6d8b162:where([data-truncate='start']) {
    direction: rtl;
    text-align: right;
  }

:where([dir="rtl"]) .m_b6d8b162:where([data-truncate='start']) {
      direction: ltr;
      text-align: left;
}

.m_b6d8b162:where([data-variant='gradient']) {
    background-image: var(--text-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

.m_b6d8b162:where([data-line-clamp]) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: var(--text-line-clamp);
    -webkit-box-orient: vertical;
  }

.m_b6d8b162:where([data-inherit]) {
    line-height: inherit;
    font-weight: inherit;
    font-size: inherit;
  }

.m_b6d8b162:where([data-inline]) {
    line-height: 1;
  }

.m_7341320d {
  --ti-size-xs: 18px;
  --ti-size-sm: 22px;
  --ti-size-md: 28px;
  --ti-size-lg: 34px;
  --ti-size-xl: 44px;
  --ti-size: var(--ti-size-md);

  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;

  width: var(--ti-size);
  height: var(--ti-size);
  min-width: var(--ti-size);
  min-height: var(--ti-size);
  border-radius: var(--ti-radius, var(--mantine-radius-default));
  background: var(--ti-bg, var(--mantine-primary-color-filled));
  color: var(--ti-color, var(--mantine-color-white));
  border: var(--ti-bd, 1px solid transparent);
}

.m_43657ece {
  --offset: calc(var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2);
  --tl-bullet-size: 20px;
  --tl-line-width: 4px;
  --tl-radius: 1000px;
  --tl-color: var(--mantine-primary-color-filled);
}

.m_43657ece:where([data-align='left']) {
    padding-inline-start: var(--offset);
  }

.m_43657ece:where([data-align='right']) {
    padding-inline-end: var(--offset);
  }

.m_2ebe8099 {
  font-weight: 500;
  line-height: 1;
  margin-bottom: calc(var(--mantine-spacing-xs) / 2);
}

.m_436178ff {
  --item-border: var(--tl-line-width) var(--tli-border-style, solid) var(--item-border-color);

  position: relative;
  color: var(--mantine-color-text);
}

.m_436178ff::before {
    content: '';
    pointer-events: none;
    position: absolute;
    top: 0;
    left: var(--timeline-line-left, 0);
    right: var(--timeline-line-right, 0);
    bottom: calc(var(--mantine-spacing-xl) * -1);
    border-inline-start: var(--item-border);
    display: var(--timeline-line-display, none);
  }

.m_43657ece[data-align='left'] .m_436178ff::before {
      --timeline-line-left: calc(var(--tl-line-width) * -1);
      --timeline-line-right: auto;
    }

[dir="rtl"] .m_43657ece[data-align='left'] .m_436178ff::before {
        --timeline-line-left: auto;
        --timeline-line-right: calc(var(--tl-line-width) * -1);
}

.m_43657ece[data-align='right'] .m_436178ff::before {
      --timeline-line-left: auto;
      --timeline-line-right: calc(var(--tl-line-width) * -1);
    }

[dir="rtl"] .m_43657ece[data-align='right'] .m_436178ff::before {
        --timeline-line-left: calc(var(--tl-line-width) * -1);
        --timeline-line-right: auto;
}

.m_43657ece:where([data-align='left']) .m_436178ff {
    padding-inline-start: var(--offset);
    text-align: left;
  }

.m_43657ece:where([data-align='right']) .m_436178ff {
    padding-inline-end: var(--offset);
    text-align: right;
  }

:where([data-mantine-color-scheme='light']) .m_436178ff {
    --item-border-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_436178ff {
    --item-border-color: var(--mantine-color-dark-4);
}

.m_436178ff:where([data-line-active])::before {
      border-color: var(--tli-color, var(--tl-color));
    }

.m_436178ff:where(:not(:last-of-type)) {
    --timeline-line-display: block;
  }

.m_436178ff:where(:not(:first-of-type)) {
    margin-top: var(--mantine-spacing-xl);
  }

.m_8affcee1 {
  width: var(--tl-bullet-size);
  height: var(--tl-bullet-size);
  border-radius: var(--tli-radius, var(--tl-radius));
  border: var(--tl-line-width) solid;
  background-color: var(--mantine-color-body);
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mantine-color-text);
}

:where([data-mantine-color-scheme='light']) .m_8affcee1 {
    border-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_8affcee1 {
    border-color: var(--mantine-color-dark-4);
}

.m_43657ece:where([data-align='left']) .m_8affcee1 {
    left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
    right: auto;
  }

:where([dir="rtl"]) .m_43657ece:where([data-align='left']) .m_8affcee1 {
      left: auto;
      right: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
}

.m_43657ece:where([data-align='right']) .m_8affcee1 {
    left: auto;
    right: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
  }

:where([dir="rtl"]) .m_43657ece:where([data-align='right']) .m_8affcee1 {
      left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
      right: auto;
}

.m_8affcee1:where([data-with-child]) {
    border-width: var(--tl-line-width);
  }

:where([data-mantine-color-scheme='light']) .m_8affcee1:where([data-with-child]) {
      background-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_8affcee1:where([data-with-child]) {
      background-color: var(--mantine-color-dark-4);
}

.m_8affcee1:where([data-active]) {
    border-color: var(--tli-color, var(--tl-color));
    background-color: var(--mantine-color-white);
    color: var(--tl-icon-color, var(--mantine-color-white));
  }

.m_8affcee1:where([data-active]):where([data-with-child]) {
      background-color: var(--tli-color, var(--tl-color));
      color: var(--tl-icon-color, var(--mantine-color-white));
    }

.m_43657ece:where([data-align='left']) .m_540e8f41 {
    padding-inline-start: var(--offset);
    text-align: left;
  }

:where([dir="rtl"]) .m_43657ece:where([data-align='left']) .m_540e8f41 {
      text-align: right;
}

.m_43657ece:where([data-align='right']) .m_540e8f41 {
    padding-inline-end: var(--offset);
    text-align: right;
  }

:where([dir="rtl"]) .m_43657ece:where([data-align='right']) .m_540e8f41 {
      text-align: left;
}

.m_8a5d1357 {
  margin: 0;
  font-weight: var(--title-fw);
  font-size: var(--title-fz);
  line-height: var(--title-lh);
  font-family: var(--mantine-font-family-headings);
  text-wrap: var(--title-text-wrap, var(--mantine-heading-text-wrap));
}

.m_8a5d1357:where([data-line-clamp]) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: var(--title-line-clamp);
    -webkit-box-orient: vertical;
  }

.m_1b3c8819 {
  --tooltip-radius: var(--mantine-radius-default);

  position: absolute;
  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-xs);
  pointer-events: none;
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
  border-radius: var(--tooltip-radius);
}

:where([data-mantine-color-scheme='light']) .m_1b3c8819 {
    background-color: var(--tooltip-bg, var(--mantine-color-gray-9));
    color: var(--tooltip-color, var(--mantine-color-white));
}

:where([data-mantine-color-scheme='dark']) .m_1b3c8819 {
    background-color: var(--tooltip-bg, var(--mantine-color-gray-2));
    color: var(--tooltip-color, var(--mantine-color-black));
}

.m_1b3c8819:where([data-multiline]) {
    white-space: normal;
  }

.m_1b3c8819:where([data-fixed]) {
    position: fixed;
  }

.m_f898399f {
  background-color: inherit;
  border: 0;
  z-index: 1;
}

.m_d08caa0 :first-child {
    margin-top: 0;
  }

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

.m_d08caa0 :where(h1, h2, h3, h4, h5, h6) {
    margin-bottom: var(--mantine-spacing-xs);
    text-wrap: var(--mantine-heading-text-wrap);
    font-family: var(--mantine-font-family-headings);
  }

.m_d08caa0 :where(h1) {
    margin-top: calc(1.5 * var(--mantine-spacing-xl));
    font-size: var(--mantine-h1-font-size);
    line-height: var(--mantine-h1-line-height);
    font-weight: var(--mantine-h1-font-weight);
  }

.m_d08caa0 :where(h2) {
    margin-top: var(--mantine-spacing-xl);
    font-size: var(--mantine-h2-font-size);
    line-height: var(--mantine-h2-line-height);
    font-weight: var(--mantine-h2-font-weight);
  }

.m_d08caa0 :where(h3) {
    margin-top: calc(0.8 * var(--mantine-spacing-xl));
    font-size: var(--mantine-h3-font-size);
    line-height: var(--mantine-h3-line-height);
    font-weight: var(--mantine-h3-font-weight);
  }

.m_d08caa0 :where(h4) {
    margin-top: calc(0.8 * var(--mantine-spacing-xl));
    font-size: var(--mantine-h4-font-size);
    line-height: var(--mantine-h4-line-height);
    font-weight: var(--mantine-h4-font-weight);
  }

.m_d08caa0 :where(h5) {
    margin-top: calc(0.5 * var(--mantine-spacing-xl));
    font-size: var(--mantine-h5-font-size);
    line-height: var(--mantine-h5-line-height);
    font-weight: var(--mantine-h5-font-weight);
  }

.m_d08caa0 :where(h6) {
    margin-top: calc(0.5 * var(--mantine-spacing-xl));
    font-size: var(--mantine-h6-font-size);
    line-height: var(--mantine-h6-line-height);
    font-weight: var(--mantine-h6-font-weight);
  }

.m_d08caa0 :where(img) {
    max-width: 100%;
    margin-bottom: var(--mantine-spacing-xs);
  }

.m_d08caa0 :where(p) {
    margin-top: 0;
    margin-bottom: var(--mantine-spacing-lg);
  }

:where([data-mantine-color-scheme='light']) .m_d08caa0 :where(mark) {
      background-color: var(--mantine-color-yellow-2);
      color: inherit;
}

:where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(mark) {
      background-color: var(--mantine-color-yellow-5);
      color: var(--mantine-color-black);
}

.m_d08caa0 :where(a) {
    color: var(--mantine-color-anchor);
    text-decoration: none;
  }

@media (hover: hover) {
    .m_d08caa0 :where(a):hover {
      text-decoration: underline;
    }
}

@media (hover: none) {
    .m_d08caa0 :where(a):active {
      text-decoration: underline;
    }
}

.m_d08caa0 :where(hr) {
    margin-top: var(--mantine-spacing-md);
    margin-bottom: var(--mantine-spacing-md);
    border: 0;
    border-top: 1px solid;
  }

:where([data-mantine-color-scheme='light']) .m_d08caa0 :where(hr) {
      border-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(hr) {
      border-color: var(--mantine-color-dark-3);
}

.m_d08caa0 :where(pre) {
    padding: var(--mantine-spacing-xs);
    line-height: var(--mantine-line-height);
    margin: 0;
    margin-top: var(--mantine-spacing-md);
    margin-bottom: var(--mantine-spacing-md);
    overflow-x: auto;
    font-family: var(--mantine-font-family-monospace);
    font-size: var(--mantine-font-size-xs);
    border-radius: var(--mantine-radius-sm);
  }

:where([data-mantine-color-scheme='light']) .m_d08caa0 :where(pre) {
      background-color: var(--mantine-color-gray-0);
}

:where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(pre) {
      background-color: var(--mantine-color-dark-8);
}

.m_d08caa0 :where(pre) :where(code) {
      background-color: transparent;
      padding: 0;
      border-radius: 0;
      color: inherit;
      border: 0;
    }

.m_d08caa0 :where(kbd) {
    --kbd-fz: 12px;
    --kbd-padding: 3px 5px;

    font-family: var(--mantine-font-family-monospace);
    line-height: var(--mantine-line-height);
    font-weight: 700;
    padding: var(--kbd-padding);
    font-size: var(--kbd-fz);
    border-radius: var(--mantine-radius-sm);
    border: 1px solid;
    border-bottom-width: 3px;
  }

:where([data-mantine-color-scheme='light']) .m_d08caa0 :where(kbd) {
      border-color: var(--mantine-color-gray-3);
      color: var(--mantine-color-gray-7);
      background-color: var(--mantine-color-gray-0);
}

:where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(kbd) {
      border-color: var(--mantine-color-dark-3);
      color: var(--mantine-color-dark-0);
      background-color: var(--mantine-color-dark-5);
}

.m_d08caa0 :where(code) {
    line-height: var(--mantine-line-height);
    padding: 1px 5px;
    border-radius: var(--mantine-radius-sm);
    font-family: var(--mantine-font-family-monospace);
    font-size: var(--mantine-font-size-xs);
  }

:where([data-mantine-color-scheme='light']) .m_d08caa0 :where(code) {
      background-color: var(--mantine-color-gray-0);
      color: var(--mantine-color-black);
}

:where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(code) {
      background-color: var(--mantine-color-dark-5);
      color: var(--mantine-color-white);
}

.m_d08caa0 :where(ul, ol):not([data-type='taskList']) {
    margin-bottom: var(--mantine-spacing-md);
    padding-inline-start: var(--mantine-spacing-xl);
    list-style-position: outside;
  }

.m_d08caa0 :where(table) {
    width: 100%;
    border-collapse: collapse;
    caption-side: bottom;
    margin-bottom: var(--mantine-spacing-md);
  }

:where([data-mantine-color-scheme='light']) .m_d08caa0 :where(table) {
      --table-border-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(table) {
      --table-border-color: var(--mantine-color-dark-4);
}

.m_d08caa0 :where(table) :where(caption) {
      margin-top: var(--mantine-spacing-xs);
      font-size: var(--mantine-font-size-sm);
      color: var(--mantine-color-dimmed);
    }

.m_d08caa0 :where(table) :where(th) {
      text-align: left;
      font-weight: bold;
      font-size: var(--mantine-font-size-sm);
      padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
    }

.m_d08caa0 :where(table) :where(thead th) {
      border-bottom: 1px solid;
      border-color: var(--table-border-color);
    }

.m_d08caa0 :where(table) :where(tfoot th) {
      border-top: 1px solid;
      border-color: var(--table-border-color);
    }

.m_d08caa0 :where(table) :where(td) {
      padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
      border-bottom: 1px solid;
      border-color: var(--table-border-color);
      font-size: var(--mantine-font-size-sm);
    }

.m_d08caa0 :where(table) :where(tr:last-of-type td) {
      border-bottom: 0;
    }

.m_d08caa0 :where(blockquote) {
    font-size: var(--mantine-font-size-lg);
    line-height: var(--mantine-line-height);
    margin: var(--mantine-spacing-md) 0;
    border-radius: var(--mantine-radius-sm);
    padding: var(--mantine-spacing-md) var(--mantine-spacing-lg);
  }

:where([data-mantine-color-scheme='light']) .m_d08caa0 :where(blockquote) {
      background-color: var(--mantine-color-gray-0);
}

:where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(blockquote) {
      background-color: var(--mantine-color-dark-8);
}

/* Mantine baseline styles, scoped to .bn-mantine element. */

/* https://github.com/mantinedev/mantine/blob/8.3.1/packages/%40mantine/core/src/core/MantineProvider/baseline.css */

.bn-mantine {
  color-scheme: var(--mantine-color-scheme);
}

.bn-mantine *,
.bn-mantine *::before,
.bn-mantine *::after {
  box-sizing: border-box;
}

/* Fonts are already set in `style.css`, so not needed here. */

/* .bn-mantine input,
.bn-mantine button,
.bn-mantine textarea,
.bn-mantine select {
  font: inherit;
} */

.bn-mantine button,
.bn-mantine select {
  text-transform: none;
}

.bn-mantine {
  /* Defaults for font, text color, etc are already set in `style.css` so they 
  aren't needed here. The `.bn-mantine` element also has a margin that we don't 
  want to remove, so that too is commented out (would normally just remove the 
  margin on `body`). */
  /* margin: 0;
  font-family: var(--mantine-font-family);
  font-size: var(--mantine-font-size-md);
  line-height: var(--mantine-line-height);
  background-color: var(--mantine-color-body);
  color: var(--mantine-color-text); */

  -webkit-font-smoothing: var(--mantine-webkit-font-smoothing);
  -moz-osx-font-smoothing: var(--mantine-moz-font-smoothing);
}

@media screen and (max-device-width: 500px) {
  .bn-mantine {
    -webkit-text-size-adjust: 100%;
  }
}

/* Mantine default CSS variables, scoped to .bn-mantine element. */

/* https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/core/MantineProvider/default-css-variables.css */

.bn-mantine {
  --mantine-z-index-app: 100;
  --mantine-z-index-modal: 200;
  --mantine-z-index-popover: 300;
  --mantine-z-index-overlay: 400;
  --mantine-z-index-max: 9999;
  --mantine-scale: 1;
  --mantine-cursor-type: default;
  --mantine-webkit-font-smoothing: antialiased;
  --mantine-moz-font-smoothing: grayscale;
  --mantine-color-white: #fff;
  --mantine-color-black: #000;
  --mantine-line-height: 1.55;
  --mantine-font-family:
    -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial,
    sans-serif, Apple Color Emoji, Segoe UI Emoji;
  --mantine-font-family-monospace:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono,
    Courier New, monospace;
  --mantine-font-family-headings:
    -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial,
    sans-serif, Apple Color Emoji, Segoe UI Emoji;
  --mantine-heading-font-weight: 700;
  --mantine-heading-text-wrap: wrap;
  --mantine-radius-default: calc(0.25rem * var(--mantine-scale));
  --mantine-primary-color-filled: var(--mantine-color-blue-filled);
  --mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);
  --mantine-primary-color-light: var(--mantine-color-blue-light);
  --mantine-primary-color-light-hover: var(--mantine-color-blue-light-hover);
  --mantine-primary-color-light-color: var(--mantine-color-blue-light-color);
  --mantine-breakpoint-xs: 36em;
  --mantine-breakpoint-sm: 48em;
  --mantine-breakpoint-md: 62em;
  --mantine-breakpoint-lg: 75em;
  --mantine-breakpoint-xl: 88em;
  --mantine-spacing-xs: calc(0.625rem * var(--mantine-scale));
  --mantine-spacing-sm: calc(0.75rem * var(--mantine-scale));
  --mantine-spacing-md: calc(1rem * var(--mantine-scale));
  --mantine-spacing-lg: calc(1.25rem * var(--mantine-scale));
  --mantine-spacing-xl: calc(2rem * var(--mantine-scale));
  --mantine-font-size-xs: calc(0.75rem * var(--mantine-scale));
  --mantine-font-size-sm: calc(0.875rem * var(--mantine-scale));
  --mantine-font-size-md: calc(1rem * var(--mantine-scale));
  --mantine-font-size-lg: calc(1.125rem * var(--mantine-scale));
  --mantine-font-size-xl: calc(1.25rem * var(--mantine-scale));
  --mantine-line-height-xs: 1.4;
  --mantine-line-height-sm: 1.45;
  --mantine-line-height-md: 1.55;
  --mantine-line-height-lg: 1.6;
  --mantine-line-height-xl: 1.65;
  --mantine-shadow-xs:
    0 calc(0.0625rem * var(--mantine-scale))
      calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
    0 calc(0.0625rem * var(--mantine-scale))
      calc(0.125rem * var(--mantine-scale)) rgba(0, 0, 0, 0.1);
  --mantine-shadow-sm:
    0 calc(0.0625rem * var(--mantine-scale))
      calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 calc(0.625rem * var(--mantine-scale))
      calc(0.9375rem * var(--mantine-scale))
      calc(-0.3125rem * var(--mantine-scale)),
    rgba(0, 0, 0, 0.04) 0 calc(0.4375rem * var(--mantine-scale))
      calc(0.4375rem * var(--mantine-scale))
      calc(-0.3125rem * var(--mantine-scale));
  --mantine-shadow-md:
    0 calc(0.0625rem * var(--mantine-scale))
      calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 calc(1.25rem * var(--mantine-scale))
      calc(1.5625rem * var(--mantine-scale))
      calc(-0.3125rem * var(--mantine-scale)),
    rgba(0, 0, 0, 0.04) 0 calc(0.625rem * var(--mantine-scale))
      calc(0.625rem * var(--mantine-scale))
      calc(-0.3125rem * var(--mantine-scale));
  --mantine-shadow-lg:
    0 calc(0.0625rem * var(--mantine-scale))
      calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 calc(1.75rem * var(--mantine-scale))
      calc(1.4375rem * var(--mantine-scale))
      calc(-0.4375rem * var(--mantine-scale)),
    rgba(0, 0, 0, 0.04) 0 calc(0.75rem * var(--mantine-scale))
      calc(0.75rem * var(--mantine-scale))
      calc(-0.4375rem * var(--mantine-scale));
  --mantine-shadow-xl:
    0 calc(0.0625rem * var(--mantine-scale))
      calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 calc(2.25rem * var(--mantine-scale))
      calc(1.75rem * var(--mantine-scale))
      calc(-0.4375rem * var(--mantine-scale)),
    rgba(0, 0, 0, 0.04) 0 calc(1.0625rem * var(--mantine-scale))
      calc(1.0625rem * var(--mantine-scale))
      calc(-0.4375rem * var(--mantine-scale));
  --mantine-radius-xs: calc(0.125rem * var(--mantine-scale));
  --mantine-radius-sm: calc(0.25rem * var(--mantine-scale));
  --mantine-radius-md: calc(0.5rem * var(--mantine-scale));
  --mantine-radius-lg: calc(1rem * var(--mantine-scale));
  --mantine-radius-xl: calc(2rem * var(--mantine-scale));
  --mantine-primary-color-0: var(--mantine-color-blue-0);
  --mantine-primary-color-1: var(--mantine-color-blue-1);
  --mantine-primary-color-2: var(--mantine-color-blue-2);
  --mantine-primary-color-3: var(--mantine-color-blue-3);
  --mantine-primary-color-4: var(--mantine-color-blue-4);
  --mantine-primary-color-5: var(--mantine-color-blue-5);
  --mantine-primary-color-6: var(--mantine-color-blue-6);
  --mantine-primary-color-7: var(--mantine-color-blue-7);
  --mantine-primary-color-8: var(--mantine-color-blue-8);
  --mantine-primary-color-9: var(--mantine-color-blue-9);
  --mantine-color-dark-0: #c9c9c9;
  --mantine-color-dark-1: #b8b8b8;
  --mantine-color-dark-2: #828282;
  --mantine-color-dark-3: #696969;
  --mantine-color-dark-4: #424242;
  --mantine-color-dark-5: #3b3b3b;
  --mantine-color-dark-6: #2e2e2e;
  --mantine-color-dark-7: #242424;
  --mantine-color-dark-8: #1f1f1f;
  --mantine-color-dark-9: #141414;
  --mantine-color-gray-0: #f8f9fa;
  --mantine-color-gray-1: #f1f3f5;
  --mantine-color-gray-2: #e9ecef;
  --mantine-color-gray-3: #dee2e6;
  --mantine-color-gray-4: #ced4da;
  --mantine-color-gray-5: #adb5bd;
  --mantine-color-gray-6: #868e96;
  --mantine-color-gray-7: #495057;
  --mantine-color-gray-8: #343a40;
  --mantine-color-gray-9: #212529;
  --mantine-color-red-0: #fff5f5;
  --mantine-color-red-1: #ffe3e3;
  --mantine-color-red-2: #ffc9c9;
  --mantine-color-red-3: #ffa8a8;
  --mantine-color-red-4: #ff8787;
  --mantine-color-red-5: #ff6b6b;
  --mantine-color-red-6: #fa5252;
  --mantine-color-red-7: #f03e3e;
  --mantine-color-red-8: #e03131;
  --mantine-color-red-9: #c92a2a;
  --mantine-color-pink-0: #fff0f6;
  --mantine-color-pink-1: #ffdeeb;
  --mantine-color-pink-2: #fcc2d7;
  --mantine-color-pink-3: #faa2c1;
  --mantine-color-pink-4: #f783ac;
  --mantine-color-pink-5: #f06595;
  --mantine-color-pink-6: #e64980;
  --mantine-color-pink-7: #d6336c;
  --mantine-color-pink-8: #c2255c;
  --mantine-color-pink-9: #a61e4d;
  --mantine-color-grape-0: #f8f0fc;
  --mantine-color-grape-1: #f3d9fa;
  --mantine-color-grape-2: #eebefa;
  --mantine-color-grape-3: #e599f7;
  --mantine-color-grape-4: #da77f2;
  --mantine-color-grape-5: #cc5de8;
  --mantine-color-grape-6: #be4bdb;
  --mantine-color-grape-7: #ae3ec9;
  --mantine-color-grape-8: #9c36b5;
  --mantine-color-grape-9: #862e9c;
  --mantine-color-violet-0: #f3f0ff;
  --mantine-color-violet-1: #e5dbff;
  --mantine-color-violet-2: #d0bfff;
  --mantine-color-violet-3: #b197fc;
  --mantine-color-violet-4: #9775fa;
  --mantine-color-violet-5: #845ef7;
  --mantine-color-violet-6: #7950f2;
  --mantine-color-violet-7: #7048e8;
  --mantine-color-violet-8: #6741d9;
  --mantine-color-violet-9: #5f3dc4;
  --mantine-color-indigo-0: #edf2ff;
  --mantine-color-indigo-1: #dbe4ff;
  --mantine-color-indigo-2: #bac8ff;
  --mantine-color-indigo-3: #91a7ff;
  --mantine-color-indigo-4: #748ffc;
  --mantine-color-indigo-5: #5c7cfa;
  --mantine-color-indigo-6: #4c6ef5;
  --mantine-color-indigo-7: #4263eb;
  --mantine-color-indigo-8: #3b5bdb;
  --mantine-color-indigo-9: #364fc7;
  --mantine-color-blue-0: #e7f5ff;
  --mantine-color-blue-1: #d0ebff;
  --mantine-color-blue-2: #a5d8ff;
  --mantine-color-blue-3: #74c0fc;
  --mantine-color-blue-4: #4dabf7;
  --mantine-color-blue-5: #339af0;
  --mantine-color-blue-6: #228be6;
  --mantine-color-blue-7: #1c7ed6;
  --mantine-color-blue-8: #1971c2;
  --mantine-color-blue-9: #1864ab;
  --mantine-color-cyan-0: #e3fafc;
  --mantine-color-cyan-1: #c5f6fa;
  --mantine-color-cyan-2: #99e9f2;
  --mantine-color-cyan-3: #66d9e8;
  --mantine-color-cyan-4: #3bc9db;
  --mantine-color-cyan-5: #22b8cf;
  --mantine-color-cyan-6: #15aabf;
  --mantine-color-cyan-7: #1098ad;
  --mantine-color-cyan-8: #0c8599;
  --mantine-color-cyan-9: #0b7285;
  --mantine-color-teal-0: #e6fcf5;
  --mantine-color-teal-1: #c3fae8;
  --mantine-color-teal-2: #96f2d7;
  --mantine-color-teal-3: #63e6be;
  --mantine-color-teal-4: #38d9a9;
  --mantine-color-teal-5: #20c997;
  --mantine-color-teal-6: #12b886;
  --mantine-color-teal-7: #0ca678;
  --mantine-color-teal-8: #099268;
  --mantine-color-teal-9: #087f5b;
  --mantine-color-green-0: #ebfbee;
  --mantine-color-green-1: #d3f9d8;
  --mantine-color-green-2: #b2f2bb;
  --mantine-color-green-3: #8ce99a;
  --mantine-color-green-4: #69db7c;
  --mantine-color-green-5: #51cf66;
  --mantine-color-green-6: #40c057;
  --mantine-color-green-7: #37b24d;
  --mantine-color-green-8: #2f9e44;
  --mantine-color-green-9: #2b8a3e;
  --mantine-color-lime-0: #f4fce3;
  --mantine-color-lime-1: #e9fac8;
  --mantine-color-lime-2: #d8f5a2;
  --mantine-color-lime-3: #c0eb75;
  --mantine-color-lime-4: #a9e34b;
  --mantine-color-lime-5: #94d82d;
  --mantine-color-lime-6: #82c91e;
  --mantine-color-lime-7: #74b816;
  --mantine-color-lime-8: #66a80f;
  --mantine-color-lime-9: #5c940d;
  --mantine-color-yellow-0: #fff9db;
  --mantine-color-yellow-1: #fff3bf;
  --mantine-color-yellow-2: #ffec99;
  --mantine-color-yellow-3: #ffe066;
  --mantine-color-yellow-4: #ffd43b;
  --mantine-color-yellow-5: #fcc419;
  --mantine-color-yellow-6: #fab005;
  --mantine-color-yellow-7: #f59f00;
  --mantine-color-yellow-8: #f08c00;
  --mantine-color-yellow-9: #e67700;
  --mantine-color-orange-0: #fff4e6;
  --mantine-color-orange-1: #ffe8cc;
  --mantine-color-orange-2: #ffd8a8;
  --mantine-color-orange-3: #ffc078;
  --mantine-color-orange-4: #ffa94d;
  --mantine-color-orange-5: #ff922b;
  --mantine-color-orange-6: #fd7e14;
  --mantine-color-orange-7: #f76707;
  --mantine-color-orange-8: #e8590c;
  --mantine-color-orange-9: #d9480f;
  --mantine-h1-font-size: calc(2.125rem * var(--mantine-scale));
  --mantine-h1-line-height: 1.3;
  --mantine-h1-font-weight: 700;
  --mantine-h2-font-size: calc(1.625rem * var(--mantine-scale));
  --mantine-h2-line-height: 1.35;
  --mantine-h2-font-weight: 700;
  --mantine-h3-font-size: calc(1.375rem * var(--mantine-scale));
  --mantine-h3-line-height: 1.4;
  --mantine-h3-font-weight: 700;
  --mantine-h4-font-size: calc(1.125rem * var(--mantine-scale));
  --mantine-h4-line-height: 1.45;
  --mantine-h4-font-weight: 700;
  --mantine-h5-font-size: calc(1rem * var(--mantine-scale));
  --mantine-h5-line-height: 1.5;
  --mantine-h5-font-weight: 700;
  --mantine-h6-font-size: calc(0.875rem * var(--mantine-scale));
  --mantine-h6-line-height: 1.5;
  --mantine-h6-font-weight: 700;
}

.bn-mantine[data-mantine-color-scheme="dark"] {
  --mantine-color-scheme: dark;
  --mantine-primary-color-contrast: var(--mantine-color-white);
  --mantine-color-bright: var(--mantine-color-white);
  --mantine-color-text: var(--mantine-color-dark-0);
  --mantine-color-body: var(--mantine-color-dark-7);
  --mantine-color-error: var(--mantine-color-red-8);
  --mantine-color-placeholder: var(--mantine-color-dark-3);
  --mantine-color-anchor: var(--mantine-color-blue-4);
  --mantine-color-default: var(--mantine-color-dark-6);
  --mantine-color-default-hover: var(--mantine-color-dark-5);
  --mantine-color-default-color: var(--mantine-color-white);
  --mantine-color-default-border: var(--mantine-color-dark-4);
  --mantine-color-dimmed: var(--mantine-color-dark-2);
  --mantine-color-disabled: var(--mantine-color-dark-6);
  --mantine-color-disabled-color: var(--mantine-color-dark-3);
  --mantine-color-disabled-border: var(--mantine-color-dark-4);
  --mantine-color-dark-text: var(--mantine-color-dark-4);
  --mantine-color-dark-filled: var(--mantine-color-dark-8);
  --mantine-color-dark-filled-hover: var(--mantine-color-dark-9);
  --mantine-color-dark-light: rgba(46, 46, 46, 0.15);
  --mantine-color-dark-light-hover: rgba(46, 46, 46, 0.2);
  --mantine-color-dark-light-color: var(--mantine-color-dark-3);
  --mantine-color-dark-outline: var(--mantine-color-dark-4);
  --mantine-color-dark-outline-hover: rgba(66, 66, 66, 0.05);
  --mantine-color-gray-text: var(--mantine-color-gray-4);
  --mantine-color-gray-filled: var(--mantine-color-gray-8);
  --mantine-color-gray-filled-hover: var(--mantine-color-gray-9);
  --mantine-color-gray-light: rgba(134, 142, 150, 0.15);
  --mantine-color-gray-light-hover: rgba(134, 142, 150, 0.2);
  --mantine-color-gray-light-color: var(--mantine-color-gray-3);
  --mantine-color-gray-outline: var(--mantine-color-gray-4);
  --mantine-color-gray-outline-hover: rgba(206, 212, 218, 0.05);
  --mantine-color-red-text: var(--mantine-color-red-4);
  --mantine-color-red-filled: var(--mantine-color-red-8);
  --mantine-color-red-filled-hover: var(--mantine-color-red-9);
  --mantine-color-red-light: rgba(250, 82, 82, 0.15);
  --mantine-color-red-light-hover: rgba(250, 82, 82, 0.2);
  --mantine-color-red-light-color: var(--mantine-color-red-3);
  --mantine-color-red-outline: var(--mantine-color-red-4);
  --mantine-color-red-outline-hover: rgba(255, 135, 135, 0.05);
  --mantine-color-pink-text: var(--mantine-color-pink-4);
  --mantine-color-pink-filled: var(--mantine-color-pink-8);
  --mantine-color-pink-filled-hover: var(--mantine-color-pink-9);
  --mantine-color-pink-light: rgba(230, 73, 128, 0.15);
  --mantine-color-pink-light-hover: rgba(230, 73, 128, 0.2);
  --mantine-color-pink-light-color: var(--mantine-color-pink-3);
  --mantine-color-pink-outline: var(--mantine-color-pink-4);
  --mantine-color-pink-outline-hover: rgba(247, 131, 172, 0.05);
  --mantine-color-grape-text: var(--mantine-color-grape-4);
  --mantine-color-grape-filled: var(--mantine-color-grape-8);
  --mantine-color-grape-filled-hover: var(--mantine-color-grape-9);
  --mantine-color-grape-light: rgba(190, 75, 219, 0.15);
  --mantine-color-grape-light-hover: rgba(190, 75, 219, 0.2);
  --mantine-color-grape-light-color: var(--mantine-color-grape-3);
  --mantine-color-grape-outline: var(--mantine-color-grape-4);
  --mantine-color-grape-outline-hover: rgba(218, 119, 242, 0.05);
  --mantine-color-violet-text: var(--mantine-color-violet-4);
  --mantine-color-violet-filled: var(--mantine-color-violet-8);
  --mantine-color-violet-filled-hover: var(--mantine-color-violet-9);
  --mantine-color-violet-light: rgba(121, 80, 242, 0.15);
  --mantine-color-violet-light-hover: rgba(121, 80, 242, 0.2);
  --mantine-color-violet-light-color: var(--mantine-color-violet-3);
  --mantine-color-violet-outline: var(--mantine-color-violet-4);
  --mantine-color-violet-outline-hover: rgba(151, 117, 250, 0.05);
  --mantine-color-indigo-text: var(--mantine-color-indigo-4);
  --mantine-color-indigo-filled: var(--mantine-color-indigo-8);
  --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-9);
  --mantine-color-indigo-light: rgba(76, 110, 245, 0.15);
  --mantine-color-indigo-light-hover: rgba(76, 110, 245, 0.2);
  --mantine-color-indigo-light-color: var(--mantine-color-indigo-3);
  --mantine-color-indigo-outline: var(--mantine-color-indigo-4);
  --mantine-color-indigo-outline-hover: rgba(116, 143, 252, 0.05);
  --mantine-color-blue-text: var(--mantine-color-blue-4);
  --mantine-color-blue-filled: var(--mantine-color-blue-8);
  --mantine-color-blue-filled-hover: var(--mantine-color-blue-9);
  --mantine-color-blue-light: rgba(34, 139, 230, 0.15);
  --mantine-color-blue-light-hover: rgba(34, 139, 230, 0.2);
  --mantine-color-blue-light-color: var(--mantine-color-blue-3);
  --mantine-color-blue-outline: var(--mantine-color-blue-4);
  --mantine-color-blue-outline-hover: rgba(77, 171, 247, 0.05);
  --mantine-color-cyan-text: var(--mantine-color-cyan-4);
  --mantine-color-cyan-filled: var(--mantine-color-cyan-8);
  --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-9);
  --mantine-color-cyan-light: rgba(21, 170, 191, 0.15);
  --mantine-color-cyan-light-hover: rgba(21, 170, 191, 0.2);
  --mantine-color-cyan-light-color: var(--mantine-color-cyan-3);
  --mantine-color-cyan-outline: var(--mantine-color-cyan-4);
  --mantine-color-cyan-outline-hover: rgba(59, 201, 219, 0.05);
  --mantine-color-teal-text: var(--mantine-color-teal-4);
  --mantine-color-teal-filled: var(--mantine-color-teal-8);
  --mantine-color-teal-filled-hover: var(--mantine-color-teal-9);
  --mantine-color-teal-light: rgba(18, 184, 134, 0.15);
  --mantine-color-teal-light-hover: rgba(18, 184, 134, 0.2);
  --mantine-color-teal-light-color: var(--mantine-color-teal-3);
  --mantine-color-teal-outline: var(--mantine-color-teal-4);
  --mantine-color-teal-outline-hover: rgba(56, 217, 169, 0.05);
  --mantine-color-green-text: var(--mantine-color-green-4);
  --mantine-color-green-filled: var(--mantine-color-green-8);
  --mantine-color-green-filled-hover: var(--mantine-color-green-9);
  --mantine-color-green-light: rgba(64, 192, 87, 0.15);
  --mantine-color-green-light-hover: rgba(64, 192, 87, 0.2);
  --mantine-color-green-light-color: var(--mantine-color-green-3);
  --mantine-color-green-outline: var(--mantine-color-green-4);
  --mantine-color-green-outline-hover: rgba(105, 219, 124, 0.05);
  --mantine-color-lime-text: var(--mantine-color-lime-4);
  --mantine-color-lime-filled: var(--mantine-color-lime-8);
  --mantine-color-lime-filled-hover: var(--mantine-color-lime-9);
  --mantine-color-lime-light: rgba(130, 201, 30, 0.15);
  --mantine-color-lime-light-hover: rgba(130, 201, 30, 0.2);
  --mantine-color-lime-light-color: var(--mantine-color-lime-3);
  --mantine-color-lime-outline: var(--mantine-color-lime-4);
  --mantine-color-lime-outline-hover: rgba(169, 227, 75, 0.05);
  --mantine-color-yellow-text: var(--mantine-color-yellow-4);
  --mantine-color-yellow-filled: var(--mantine-color-yellow-8);
  --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-9);
  --mantine-color-yellow-light: rgba(250, 176, 5, 0.15);
  --mantine-color-yellow-light-hover: rgba(250, 176, 5, 0.2);
  --mantine-color-yellow-light-color: var(--mantine-color-yellow-3);
  --mantine-color-yellow-outline: var(--mantine-color-yellow-4);
  --mantine-color-yellow-outline-hover: rgba(255, 212, 59, 0.05);
  --mantine-color-orange-text: var(--mantine-color-orange-4);
  --mantine-color-orange-filled: var(--mantine-color-orange-8);
  --mantine-color-orange-filled-hover: var(--mantine-color-orange-9);
  --mantine-color-orange-light: rgba(253, 126, 20, 0.15);
  --mantine-color-orange-light-hover: rgba(253, 126, 20, 0.2);
  --mantine-color-orange-light-color: var(--mantine-color-orange-3);
  --mantine-color-orange-outline: var(--mantine-color-orange-4);
  --mantine-color-orange-outline-hover: rgba(255, 169, 77, 0.05);
}

.bn-mantine[data-mantine-color-scheme="light"] {
  --mantine-color-scheme: light;
  --mantine-primary-color-contrast: var(--mantine-color-white);
  --mantine-color-bright: var(--mantine-color-black);
  --mantine-color-text: #000;
  --mantine-color-body: #fff;
  --mantine-color-error: var(--mantine-color-red-6);
  --mantine-color-placeholder: var(--mantine-color-gray-5);
  --mantine-color-anchor: var(--mantine-color-blue-6);
  --mantine-color-default: var(--mantine-color-white);
  --mantine-color-default-hover: var(--mantine-color-gray-0);
  --mantine-color-default-color: var(--mantine-color-black);
  --mantine-color-default-border: var(--mantine-color-gray-4);
  --mantine-color-dimmed: var(--mantine-color-gray-6);
  --mantine-color-disabled: var(--mantine-color-gray-2);
  --mantine-color-disabled-color: var(--mantine-color-gray-5);
  --mantine-color-disabled-border: var(--mantine-color-gray-3);
  --mantine-color-dark-text: var(--mantine-color-dark-filled);
  --mantine-color-dark-filled: var(--mantine-color-dark-6);
  --mantine-color-dark-filled-hover: var(--mantine-color-dark-7);
  --mantine-color-dark-light: rgba(46, 46, 46, 0.1);
  --mantine-color-dark-light-hover: rgba(46, 46, 46, 0.12);
  --mantine-color-dark-light-color: var(--mantine-color-dark-6);
  --mantine-color-dark-outline: var(--mantine-color-dark-6);
  --mantine-color-dark-outline-hover: rgba(46, 46, 46, 0.05);
  --mantine-color-gray-text: var(--mantine-color-gray-filled);
  --mantine-color-gray-filled: var(--mantine-color-gray-6);
  --mantine-color-gray-filled-hover: var(--mantine-color-gray-7);
  --mantine-color-gray-light: rgba(134, 142, 150, 0.1);
  --mantine-color-gray-light-hover: rgba(134, 142, 150, 0.12);
  --mantine-color-gray-light-color: var(--mantine-color-gray-6);
  --mantine-color-gray-outline: var(--mantine-color-gray-6);
  --mantine-color-gray-outline-hover: rgba(134, 142, 150, 0.05);
  --mantine-color-red-text: var(--mantine-color-red-filled);
  --mantine-color-red-filled: var(--mantine-color-red-6);
  --mantine-color-red-filled-hover: var(--mantine-color-red-7);
  --mantine-color-red-light: rgba(250, 82, 82, 0.1);
  --mantine-color-red-light-hover: rgba(250, 82, 82, 0.12);
  --mantine-color-red-light-color: var(--mantine-color-red-6);
  --mantine-color-red-outline: var(--mantine-color-red-6);
  --mantine-color-red-outline-hover: rgba(250, 82, 82, 0.05);
  --mantine-color-pink-text: var(--mantine-color-pink-filled);
  --mantine-color-pink-filled: var(--mantine-color-pink-6);
  --mantine-color-pink-filled-hover: var(--mantine-color-pink-7);
  --mantine-color-pink-light: rgba(230, 73, 128, 0.1);
  --mantine-color-pink-light-hover: rgba(230, 73, 128, 0.12);
  --mantine-color-pink-light-color: var(--mantine-color-pink-6);
  --mantine-color-pink-outline: var(--mantine-color-pink-6);
  --mantine-color-pink-outline-hover: rgba(230, 73, 128, 0.05);
  --mantine-color-grape-text: var(--mantine-color-grape-filled);
  --mantine-color-grape-filled: var(--mantine-color-grape-6);
  --mantine-color-grape-filled-hover: var(--mantine-color-grape-7);
  --mantine-color-grape-light: rgba(190, 75, 219, 0.1);
  --mantine-color-grape-light-hover: rgba(190, 75, 219, 0.12);
  --mantine-color-grape-light-color: var(--mantine-color-grape-6);
  --mantine-color-grape-outline: var(--mantine-color-grape-6);
  --mantine-color-grape-outline-hover: rgba(190, 75, 219, 0.05);
  --mantine-color-violet-text: var(--mantine-color-violet-filled);
  --mantine-color-violet-filled: var(--mantine-color-violet-6);
  --mantine-color-violet-filled-hover: var(--mantine-color-violet-7);
  --mantine-color-violet-light: rgba(121, 80, 242, 0.1);
  --mantine-color-violet-light-hover: rgba(121, 80, 242, 0.12);
  --mantine-color-violet-light-color: var(--mantine-color-violet-6);
  --mantine-color-violet-outline: var(--mantine-color-violet-6);
  --mantine-color-violet-outline-hover: rgba(121, 80, 242, 0.05);
  --mantine-color-indigo-text: var(--mantine-color-indigo-filled);
  --mantine-color-indigo-filled: var(--mantine-color-indigo-6);
  --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-7);
  --mantine-color-indigo-light: rgba(76, 110, 245, 0.1);
  --mantine-color-indigo-light-hover: rgba(76, 110, 245, 0.12);
  --mantine-color-indigo-light-color: var(--mantine-color-indigo-6);
  --mantine-color-indigo-outline: var(--mantine-color-indigo-6);
  --mantine-color-indigo-outline-hover: rgba(76, 110, 245, 0.05);
  --mantine-color-blue-text: var(--mantine-color-blue-filled);
  --mantine-color-blue-filled: var(--mantine-color-blue-6);
  --mantine-color-blue-filled-hover: var(--mantine-color-blue-7);
  --mantine-color-blue-light: rgba(34, 139, 230, 0.1);
  --mantine-color-blue-light-hover: rgba(34, 139, 230, 0.12);
  --mantine-color-blue-light-color: var(--mantine-color-blue-6);
  --mantine-color-blue-outline: var(--mantine-color-blue-6);
  --mantine-color-blue-outline-hover: rgba(34, 139, 230, 0.05);
  --mantine-color-cyan-text: var(--mantine-color-cyan-filled);
  --mantine-color-cyan-filled: var(--mantine-color-cyan-6);
  --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-7);
  --mantine-color-cyan-light: rgba(21, 170, 191, 0.1);
  --mantine-color-cyan-light-hover: rgba(21, 170, 191, 0.12);
  --mantine-color-cyan-light-color: var(--mantine-color-cyan-6);
  --mantine-color-cyan-outline: var(--mantine-color-cyan-6);
  --mantine-color-cyan-outline-hover: rgba(21, 170, 191, 0.05);
  --mantine-color-teal-text: var(--mantine-color-teal-filled);
  --mantine-color-teal-filled: var(--mantine-color-teal-6);
  --mantine-color-teal-filled-hover: var(--mantine-color-teal-7);
  --mantine-color-teal-light: rgba(18, 184, 134, 0.1);
  --mantine-color-teal-light-hover: rgba(18, 184, 134, 0.12);
  --mantine-color-teal-light-color: var(--mantine-color-teal-6);
  --mantine-color-teal-outline: var(--mantine-color-teal-6);
  --mantine-color-teal-outline-hover: rgba(18, 184, 134, 0.05);
  --mantine-color-green-text: var(--mantine-color-green-filled);
  --mantine-color-green-filled: var(--mantine-color-green-6);
  --mantine-color-green-filled-hover: var(--mantine-color-green-7);
  --mantine-color-green-light: rgba(64, 192, 87, 0.1);
  --mantine-color-green-light-hover: rgba(64, 192, 87, 0.12);
  --mantine-color-green-light-color: var(--mantine-color-green-6);
  --mantine-color-green-outline: var(--mantine-color-green-6);
  --mantine-color-green-outline-hover: rgba(64, 192, 87, 0.05);
  --mantine-color-lime-text: var(--mantine-color-lime-filled);
  --mantine-color-lime-filled: var(--mantine-color-lime-6);
  --mantine-color-lime-filled-hover: var(--mantine-color-lime-7);
  --mantine-color-lime-light: rgba(130, 201, 30, 0.1);
  --mantine-color-lime-light-hover: rgba(130, 201, 30, 0.12);
  --mantine-color-lime-light-color: var(--mantine-color-lime-6);
  --mantine-color-lime-outline: var(--mantine-color-lime-6);
  --mantine-color-lime-outline-hover: rgba(130, 201, 30, 0.05);
  --mantine-color-yellow-text: var(--mantine-color-yellow-filled);
  --mantine-color-yellow-filled: var(--mantine-color-yellow-6);
  --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-7);
  --mantine-color-yellow-light: rgba(250, 176, 5, 0.1);
  --mantine-color-yellow-light-hover: rgba(250, 176, 5, 0.12);
  --mantine-color-yellow-light-color: var(--mantine-color-yellow-6);
  --mantine-color-yellow-outline: var(--mantine-color-yellow-6);
  --mantine-color-yellow-outline-hover: rgba(250, 176, 5, 0.05);
  --mantine-color-orange-text: var(--mantine-color-orange-filled);
  --mantine-color-orange-filled: var(--mantine-color-orange-6);
  --mantine-color-orange-filled-hover: var(--mantine-color-orange-7);
  --mantine-color-orange-light: rgba(253, 126, 20, 0.1);
  --mantine-color-orange-light-hover: rgba(253, 126, 20, 0.12);
  --mantine-color-orange-light-color: var(--mantine-color-orange-6);
  --mantine-color-orange-outline: var(--mantine-color-orange-6);
  --mantine-color-orange-outline-hover: rgba(253, 126, 20, 0.05);
}

.bn-block-outer{line-height:1.5;transition:margin .2s}

.bn-block{display:flex;flex-direction:column}

.bn-block-content{padding:3px 0;display:flex;transition:font-size .2s;width:100%}

.bn-block-content.ProseMirror-selectednode>*,.ProseMirror-selectednode>.bn-block-content>*{border-radius:4px;outline:4px solid rgb(100,160,255)}

.bn-block-content:before{content:"";margin-right:0;transition:all .2s;height:0;overflow:visible}

.bn-inline-content{width:100%}

.bn-block-group .bn-block-group{margin-left:24px}

.bn-block-group .bn-block-group>.bn-block-outer{position:relative}

.bn-block-group .bn-block-group>.bn-block-outer:not([data-prev-depth-changed]):before{content:" ";display:inline;position:absolute;left:-20px;height:100%;transition:all .2s .1s}

.bn-block-group .bn-block-group>.bn-block-outer[data-prev-depth-change="-2"]:before{height:0}

.bn-inline-content code{font-family:monospace}

[data-prev-depth-change="1"]{--x: 1}

[data-prev-depth-change="2"]{--x: 2}

[data-prev-depth-change="3"]{--x: 3}

[data-prev-depth-change="4"]{--x: 4}

[data-prev-depth-change="5"]{--x: 5}

[data-prev-depth-change="-1"]{--x: -1}

[data-prev-depth-change="-2"]{--x: -2}

[data-prev-depth-change="-3"]{--x: -3}

[data-prev-depth-change="-4"]{--x: -4}

[data-prev-depth-change="-5"]{--x: -5}

.bn-block-outer[data-prev-depth-change]{margin-left:calc(10px * var(--x))}

.bn-block-outer[data-prev-depth-change] .bn-block-outer[data-prev-depth-change]{margin-left:0}

[data-content-type=heading]{--level: 3em}

[data-content-type=heading][data-level="2"]{--level: 2em}

[data-content-type=heading][data-level="3"]{--level: 1.3em}

[data-content-type=heading][data-level="4"]{--level: 1em}

[data-content-type=heading][data-level="5"]{--level: .9em}

[data-content-type=heading][data-level="6"]{--level: .8em}

[data-prev-level="1"]{--prev-level: 3em}

[data-prev-level="2"]{--prev-level: 2em}

[data-prev-level="3"]{--prev-level: 1.3em}

[data-prev-level="4"]{--prev-level: 1em}

[data-prev-level="5"]{--prev-level: .9em}

[data-prev-level="6"]{--prev-level: .8em}

.bn-block-outer[data-prev-type=heading]>.bn-block>.bn-block-content{font-size:var(--prev-level);font-weight:700}

.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=heading],.bn-block-outer:not([data-prev-type])>.bn-block>div[data-type=modification]>div[data-type=modification]>.bn-block-content[data-content-type=heading]{font-size:var(--level);font-weight:700}

[data-content-type=quote] blockquote{border-left:2px solid rgb(125,121,122);color:#7d797a;margin:0;padding-left:1em}

[data-content-type=divider] hr{border:none;border-top:1px solid rgb(125,121,122);margin:.5em 0;flex:1}

.bn-block-content:before{margin-right:0;content:""}

.bn-block-content[data-content-type=numberedListItem]:before{display:flex;justify-content:center;min-width:24px;padding-right:4px}

[data-content-type=numberedListItem]{--index: attr(data-index)}

[data-prev-type=numberedListItem]{--prev-index: attr(data-prev-index)}

.bn-block-outer[data-prev-type=numberedListItem]:not([data-prev-index=none])>.bn-block>.bn-block-content:before{content:var(--prev-index) "."}

.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=numberedListItem]:before,.bn-block-outer:not([data-prev-type])>.bn-block>div[data-type=modification]>.bn-block-content[data-content-type=numberedListItem]:before{content:var(--index) "."}

.bn-block-content[data-content-type=bulletListItem]:before{display:flex;justify-content:center;min-width:24px;padding-right:4px}

.bn-block-content[data-content-type=checkListItem]>div:has(>input){height:24px}

.bn-block-content[data-content-type=checkListItem]>div>input{cursor:pointer;height:24px;margin-left:4px;margin-right:8px;margin-block:0;width:12px}

.bn-block-content[data-content-type=checkListItem][data-checked=true] .bn-inline-content{text-decoration:line-through}

.bn-block-content[data-text-alignment=center]{justify-content:center}

.bn-block-content[data-text-alignment=right]{justify-content:flex-end}

.bn-block:has(>.bn-block-content>div>.bn-toggle-wrapper[data-show-children=false])>.bn-block-group,.bn-block:has(>.react-renderer>.bn-block-content>div>.bn-toggle-wrapper[data-show-children=false])>.bn-block-group{display:none}

.bn-toggle-wrapper{display:flex;align-items:center}

.bn-toggle-button{color:var(--bn-colors-editor-text);padding:3px}

.bn-toggle-button>svg{width:18px;height:18px}

.bn-toggle-wrapper[data-show-children=true] .bn-toggle-button{transform:rotate(90deg)}

.bn-toggle-add-block-button{font-size:16px;color:var(--bn-colors-side-menu);font-weight:400;margin-left:22px;padding-inline:2px;width:-moz-fit-content;width:fit-content}

.bn-toggle-button,.bn-toggle-add-block-button{background:none;border:none;border-radius:var(--bn-border-radius-small);cursor:pointer;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}

.bn-toggle-button:hover,.bn-toggle-add-block-button:hover{background-color:var(--bn-colors-hovered-background)}

.bn-block-outer[data-prev-type=bulletListItem]>.bn-block>.bn-block-content:before{content:"•"}

.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=bulletListItem]:before,.bn-block-outer:not([data-prev-type])>.bn-block>div[data-type=modification]>.bn-block-content[data-content-type=bulletListItem]:before{content:"•"}

[data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer[data-prev-type=bulletListItem]>.bn-block>.bn-block-content:before{content:"◦"}

[data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=bulletListItem]:before,[data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer:not([data-prev-type])>.bn-block>div[data-type=modification]>.bn-block-content[data-content-type=bulletListItem]:before{content:"◦"}

[data-content-type=bulletListItem]~.bn-block-group [data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer[data-prev-type=bulletListItem]>.bn-block>.bn-block-content:before{content:"▪"}

[data-content-type=bulletListItem]~.bn-block-group [data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=bulletListItem]:before,[data-content-type=bulletListItem]~.bn-block-group [data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer:not([data-prev-type])>.bn-block>div[data-type=modification]>.bn-block-content[data-content-type=bulletListItem]:before{content:"▪"}

.bn-block-content[data-content-type=codeBlock]{position:relative;background-color:#161616;color:#fff;border-radius:8px}

.bn-block-content[data-content-type=codeBlock]>pre{white-space:pre;overflow-x:auto;margin:0;width:100%;-moz-tab-size:2;-o-tab-size:2;tab-size:2;padding:24px}

.bn-block-content[data-content-type=codeBlock]>div{outline:none!important}

.bn-block-content[data-content-type=codeBlock]>div>select{outline:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:none;cursor:pointer;background-color:transparent;position:absolute;top:8px;left:18px;font-size:.8em;color:#fff;opacity:0;transition:opacity .3s;transition-delay:1s}

.bn-block-content[data-content-type=codeBlock]>div>select>option{color:#000}

.bn-block-content[data-content-type=codeBlock]:hover>div>select,.bn-block-content[data-content-type=codeBlock]>div>select:focus{opacity:.5;transition-delay:.1s}

.bn-block-content[data-content-type=pageBreak]>div{width:100%;height:0;border-top:dotted rgb(125,121,122) 2px;margin-block:11px}

@media print{.bn-block-content[data-content-type=pageBreak]>div{page-break-after:always}}

[data-file-block] .bn-file-block-content-wrapper{cursor:pointer;display:flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}

[data-file-block] .bn-file-block-content-wrapper:has(.bn-add-file-button),[data-file-block] .bn-file-block-content-wrapper:has(.bn-file-name-with-icon){width:100%}

[data-file-block] .bn-add-file-button{align-items:center;background-color:#f2f1ee;border-radius:4px;color:#7d797a;display:flex;gap:10px;padding:12px}

.bn-editor[contenteditable=true] [data-file-block] .bn-add-file-button:hover,[data-file-block] .bn-file-name-with-icon:hover,.ProseMirror-selectednode .bn-file-name-with-icon{background-color:#e1e1e1}

[data-file-block] .bn-add-file-button-icon,[data-file-block] .bn-file-icon{width:24px;height:24px}

[data-file-block] .bn-add-file-button-text{font-size:.9rem}

[data-file-block] .bn-file-name-with-icon{border-radius:4px;display:flex;gap:4px;padding:4px}

[data-file-block] .bn-file-caption{font-size:.8em;padding-block:4px;word-break:break-word}

[data-file-block] .bn-file-caption:empty{padding-block:0}

[data-file-block] .bn-resize-handle{position:absolute;width:8px;height:30px;background-color:#000;border:1px solid white;border-radius:4px;cursor:ew-resize}

[data-file-block] .bn-visual-media-wrapper{display:flex;align-items:center;position:relative;max-width:100%}

[data-file-block] .bn-visual-media{border-radius:4px;width:100%}

[data-content-type=audio]>.bn-file-block-content-wrapper,.bn-audio{width:100%}

.bn-inline-content:has(>.ProseMirror-trailingBreak:only-child):before{pointer-events:none;height:0;position:absolute;font-style:italic}

[data-style-type=textColor][data-value=gray],[data-text-color=gray],.bn-block:has(>.bn-block-content[data-text-color=gray]){color:#9b9a97}

[data-style-type=textColor][data-value=brown],[data-text-color=brown],.bn-block:has(>.bn-block-content[data-text-color=brown]){color:#64473a}

[data-style-type=textColor][data-value=red],[data-text-color=red],.bn-block:has(>.bn-block-content[data-text-color=red]){color:#e03e3e}

[data-style-type=textColor][data-value=orange],[data-text-color=orange],.bn-block:has(>.bn-block-content[data-text-color=orange]){color:#d9730d}

[data-style-type=textColor][data-value=yellow],[data-text-color=yellow],.bn-block:has(>.bn-block-content[data-text-color=yellow]){color:#dfab01}

[data-style-type=textColor][data-value=green],[data-text-color=green],.bn-block:has(>.bn-block-content[data-text-color=green]){color:#4d6461}

[data-style-type=textColor][data-value=blue],[data-text-color=blue],.bn-block:has(>.bn-block-content[data-text-color=blue]){color:#0b6e99}

[data-style-type=textColor][data-value=purple],[data-text-color=purple],.bn-block:has(>.bn-block-content[data-text-color=purple]){color:#6940a5}

[data-style-type=textColor][data-value=pink],[data-text-color=pink],.bn-block:has(>.bn-block-content[data-text-color=pink]){color:#ad1a72}

[data-style-type=backgroundColor][data-value=gray],[data-background-color=gray],.bn-block:has(>.bn-block-content[data-background-color=gray]){background-color:#ebeced}

[data-style-type=backgroundColor][data-value=brown],[data-background-color=brown],.bn-block:has(>.bn-block-content[data-background-color=brown]){background-color:#e9e5e3}

[data-style-type=backgroundColor][data-value=red],[data-background-color=red],.bn-block:has(>.bn-block-content[data-background-color=red]){background-color:#fbe4e4}

[data-style-type=backgroundColor][data-value=orange],[data-background-color=orange],.bn-block:has(>.bn-block-content[data-background-color=orange]){background-color:#f6e9d9}

[data-style-type=backgroundColor][data-value=yellow],[data-background-color=yellow],.bn-block:has(>.bn-block-content[data-background-color=yellow]){background-color:#fbf3db}

[data-style-type=backgroundColor][data-value=green],[data-background-color=green],.bn-block:has(>.bn-block-content[data-background-color=green]){background-color:#ddedea}

[data-style-type=backgroundColor][data-value=blue],[data-background-color=blue],.bn-block:has(>.bn-block-content[data-background-color=blue]){background-color:#ddebf1}

[data-style-type=backgroundColor][data-value=purple],[data-background-color=purple],.bn-block:has(>.bn-block-content[data-background-color=purple]){background-color:#eae4f2}

[data-style-type=backgroundColor][data-value=pink],[data-background-color=pink],.bn-block:has(>.bn-block-content[data-background-color=pink]){background-color:#f4dfeb}

[data-text-alignment=left]{justify-content:flex-start!important;text-align:left!important}

[data-text-alignment=center]{justify-content:center!important;text-align:center!important}

[data-text-alignment=right]{justify-content:flex-end!important;text-align:right!important}

[data-text-alignment=justify]{justify-content:flex-start!important;text-align:justify!important}

.bn-block-column-list{display:flex;flex-direction:row}

.bn-block-column{flex:1;padding:12px 20px;overflow-x:auto}

.bn-block-column:first-child{padding-left:0}

.bn-block-column:last-child{padding-right:0}

.bn-thread-mark:not([data-orphan=true]){background:#ffc80026}

.bn-thread-mark .bn-thread-mark-selected{background:#ffc80040}

.ProseMirror .tableWrapper{overflow-x:auto}

.ProseMirror table{border-collapse:collapse;table-layout:fixed;width:100%;overflow:hidden}

.ProseMirror td,.ProseMirror th{vertical-align:top;box-sizing:border-box;position:relative}

.ProseMirror td:not([data-colwidth]):not(.column-resize-dragging),.ProseMirror th:not([data-colwidth]):not(.column-resize-dragging){min-width:var(--default-cell-min-width)}

.ProseMirror .column-resize-handle{position:absolute;right:-2px;top:0;bottom:0;width:4px;z-index:20;background-color:#adf;pointer-events:none}

.ProseMirror.resize-cursor{cursor:ew-resize;cursor:col-resize}

.ProseMirror .selectedCell:after{z-index:2;position:absolute;content:"";left:0;right:0;top:0;bottom:0;background:#c8c8ff66;pointer-events:none}

.bn-editor{outline:none;padding-inline:54px;font-synthesis:style weight;--N800: #172b4d;--N40: #dfe1e6}

.bn-comment-editor{width:100%;padding:0}

.bn-comment-editor .bn-editor{padding:0}

.bn-root{box-sizing:border-box}

.bn-root *,.bn-root *:before,.bn-root *:after{box-sizing:inherit}

.bn-default-styles p,.bn-default-styles h1,.bn-default-styles h2,.bn-default-styles h3,.bn-default-styles h4,.bn-default-styles h5,.bn-default-styles h6,.bn-default-styles li{margin:0;padding:0;font-size:inherit;min-width:2px!important}

.bn-default-styles{font-size:16px;font-weight:400;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Open Sans,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.bn-table-drop-cursor{position:absolute;z-index:20;background-color:#adf;pointer-events:none}

.bn-drag-preview{position:absolute;top:0;left:0;padding:10px;opacity:.001}

.bn-editor .bn-collaboration-cursor__base{position:relative}

.bn-editor .bn-collaboration-cursor__base .bn-collaboration-cursor__caret{position:absolute;width:2px;top:1px;bottom:-2px;left:-1px}

.bn-editor .bn-collaboration-cursor__base .bn-collaboration-cursor__label{pointer-events:none;border-radius:0 1.5px 1.5px 0;font-size:12px;font-style:normal;font-weight:600;line-height:normal;left:0;overflow:hidden;position:absolute;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:transparent;max-height:5px;max-width:4px;padding:0;top:-1px;transition:all .2s}

.bn-editor .bn-collaboration-cursor__base[data-active] .bn-collaboration-cursor__label{color:#0d0d0d;max-height:1.1rem;max-width:20rem;padding:.1rem .3rem;top:-17px;left:0;border-radius:3px 3px 3px 0;transition:all .2s}

.bn-editor [data-content-type=table] .tableWrapper{--bn-table-widget-size: 22px;--bn-table-handle-size: 9px ;overflow-y:hidden;padding:var(--bn-table-handle-size) var(--bn-table-widget-size) var(--bn-table-widget-size) var(--bn-table-handle-size);position:relative;width:100%}

.bn-editor [data-content-type=table] table{width:auto!important;word-break:break-word}

.bn-editor [data-content-type=table] th,.bn-editor [data-content-type=table] td{border:1px solid #ddd;padding:5px 10px}

.bn-editor [data-content-type=table] th{font-weight:700;text-align:left}

.bn-editor [data-content-type=table] th>p,.bn-editor [data-content-type=table] td>p{min-height:1.5rem}

.ProseMirror td,.ProseMirror th{min-width:auto!important}

.ProseMirror td:not([colwidth]):not(.column-resize-dragging),.ProseMirror th:not([colwidth]):not(.column-resize-dragging){min-width:var(--default-cell-min-width)!important}

.prosemirror-dropcursor-block{transition-property:top,bottom;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}

.prosemirror-dropcursor-vertical{transition-property:left,right}

[data-show-selection]{background-color:highlight;padding:2px 0}

.bn-container{--bn-colors-editor-text: #3f3f3f;--bn-colors-editor-background: #ffffff;--bn-colors-menu-text: #3f3f3f;--bn-colors-menu-background: #ffffff;--bn-colors-tooltip-text: #3f3f3f;--bn-colors-tooltip-background: #efefef;--bn-colors-hovered-text: #3f3f3f;--bn-colors-hovered-background: #efefef;--bn-colors-selected-text: #ffffff;--bn-colors-selected-background: #3f3f3f;--bn-colors-disabled-text: #afafaf;--bn-colors-disabled-background: #efefef;--bn-colors-shadow: #cfcfcf;--bn-colors-border: #efefef;--bn-colors-side-menu: #cfcfcf;--bn-colors-highlights-gray-text: #9b9a97;--bn-colors-highlights-gray-background: #ebeced;--bn-colors-highlights-brown-text: #64473a;--bn-colors-highlights-brown-background: #e9e5e3;--bn-colors-highlights-red-text: #e03e3e;--bn-colors-highlights-red-background: #fbe4e4;--bn-colors-highlights-orange-text: #d9730d;--bn-colors-highlights-orange-background: #f6e9d9;--bn-colors-highlights-yellow-text: #dfab01;--bn-colors-highlights-yellow-background: #fbf3db;--bn-colors-highlights-green-text: #4d6461;--bn-colors-highlights-green-background: #ddedea;--bn-colors-highlights-blue-text: #0b6e99;--bn-colors-highlights-blue-background: #ddebf1;--bn-colors-highlights-purple-text: #6940a5;--bn-colors-highlights-purple-background: #eae4f2;--bn-colors-highlights-pink-text: #ad1a72;--bn-colors-highlights-pink-background: #f4dfeb;--bn-font-family: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--bn-border-radius: 6px;--bn-shadow-medium: 0 4px 12px var(--bn-colors-shadow);--bn-shadow-light: 0 2px 6px var(--bn-colors-border);--bn-border: 1px solid var(--bn-colors-border);--bn-border-radius-small: max(var(--bn-border-radius) - 2px, 1px);--bn-border-radius-medium: var(--bn-border-radius);--bn-border-radius-large: max(var(--bn-border-radius) + 2px, 1px)}

.bn-container[data-color-scheme=dark]{--bn-colors-editor-text: #cfcfcf;--bn-colors-editor-background: #1f1f1f;--bn-colors-menu-text: #cfcfcf;--bn-colors-menu-background: #1f1f1f;--bn-colors-tooltip-text: #cfcfcf;--bn-colors-tooltip-background: #161616;--bn-colors-hovered-text: #cfcfcf;--bn-colors-hovered-background: #161616;--bn-colors-selected-text: #cfcfcf;--bn-colors-selected-background: #0f0f0f;--bn-colors-disabled-text: #3f3f3f;--bn-colors-disabled-background: #161616;--bn-colors-shadow: #0f0f0f;--bn-colors-border: #161616;--bn-colors-side-menu: #7f7f7f;--bn-colors-highlights-gray-text: #bebdb8;--bn-colors-highlights-gray-background: #9b9a97;--bn-colors-highlights-brown-text: #8e6552;--bn-colors-highlights-brown-background: #64473a;--bn-colors-highlights-red-text: #ec4040;--bn-colors-highlights-red-background: #be3434;--bn-colors-highlights-orange-text: #e3790d;--bn-colors-highlights-orange-background: #b7600a;--bn-colors-highlights-yellow-text: #dfab01;--bn-colors-highlights-yellow-background: #b58b00;--bn-colors-highlights-green-text: #6b8b87;--bn-colors-highlights-green-background: #4d6461;--bn-colors-highlights-blue-text: #0e87bc;--bn-colors-highlights-blue-background: #0b6e99;--bn-colors-highlights-purple-text: #8552d7;--bn-colors-highlights-purple-background: #6940a5;--bn-colors-highlights-pink-text: #da208f;--bn-colors-highlights-pink-background: #ad1a72}

.bn-container{font-family:var(--bn-font-family)}

.bn-editor{background-color:var(--bn-colors-editor-background);border-radius:var(--bn-border-radius-large);color:var(--bn-colors-editor-text)}

.bn-react-node-view-renderer{display:flex;flex-direction:column;width:100%}

.bn-block-group .bn-block:not(:has(.bn-toggle-wrapper)) .bn-block-group .bn-block-outer:not([data-prev-depth-changed]):before{border-left:1px solid var(--bn-colors-side-menu)}

.bn-inline-content:has(>.ProseMirror-trailingBreak):before{color:var(--bn-colors-side-menu)}

.bn-container .bn-color-icon{align-items:center;border:var(--bn-border);border-radius:var(--bn-border-radius-small);display:flex;justify-content:center}

.bn-error-text{color:red;font-size:12px}

[data-style-type=textColor][data-value=gray],[data-text-color=gray]{color:var(--bn-colors-highlights-gray-text)}

[data-style-type=textColor][data-value=brown],[data-text-color=brown]{color:var(--bn-colors-highlights-brown-text)}

[data-style-type=textColor][data-value=red],[data-text-color=red]{color:var(--bn-colors-highlights-red-text)}

[data-style-type=textColor][data-value=orange],[data-text-color=orange]{color:var(--bn-colors-highlights-orange-text)}

[data-style-type=textColor][data-value=yellow],[data-text-color=yellow]{color:var(--bn-colors-highlights-yellow-text)}

[data-style-type=textColor][data-value=green],[data-text-color=green]{color:var(--bn-colors-highlights-green-text)}

[data-style-type=textColor][data-value=blue],[data-text-color=blue]{color:var(--bn-colors-highlights-blue-text)}

[data-style-type=textColor][data-value=purple],[data-text-color=purple]{color:var(--bn-colors-highlights-purple-text)}

[data-style-type=textColor][data-value=pink],[data-text-color=pink]{color:var(--bn-colors-highlights-pink-text)}

[data-style-type=backgroundColor][data-value=gray],[data-background-color=gray]{background-color:var(--bn-colors-highlights-gray-background)}

[data-style-type=backgroundColor][data-value=brown],[data-background-color=brown]{background-color:var(--bn-colors-highlights-brown-background)}

[data-style-type=backgroundColor][data-value=red],[data-background-color=red]{background-color:var(--bn-colors-highlights-red-background)}

[data-style-type=backgroundColor][data-value=orange],[data-background-color=orange]{background-color:var(--bn-colors-highlights-orange-background)}

[data-style-type=backgroundColor][data-value=yellow],[data-background-color=yellow]{background-color:var(--bn-colors-highlights-yellow-background)}

[data-style-type=backgroundColor][data-value=green],[data-background-color=green]{background-color:var(--bn-colors-highlights-green-background)}

[data-style-type=backgroundColor][data-value=blue],[data-background-color=blue]{background-color:var(--bn-colors-highlights-blue-background)}

[data-style-type=backgroundColor][data-value=purple],[data-background-color=purple]{background-color:var(--bn-colors-highlights-purple-background)}

[data-style-type=backgroundColor][data-value=pink],[data-background-color=pink]{background-color:var(--bn-colors-highlights-pink-background)}

.bn-container{--bn-ui-base-z-index: 0}

.bn-side-menu{height:30px}

.bn-side-menu[data-block-type=heading][data-level="1"]{height:78px}

.bn-side-menu[data-block-type=heading][data-level="2"]{height:54px}

.bn-side-menu[data-block-type=heading][data-level="3"]{height:37px}

.bn-side-menu[data-block-type=file]{height:38px}

.bn-side-menu[data-block-type=audio]{height:60px}

.bn-side-menu[data-url=false]{height:54px}

.bn-threads-sidebar{border-radius:var(--bn-border-radius-medium);display:flex;flex-direction:column;gap:10px;overflow:auto}

.bn-thread-expand-prompt .mantine-Text-root,.bn-thread .bn-header-text{color:var(--bn-colors-menu-text)}

.bn-threads-sidebar .bn-thread .bn-editor{background-color:transparent}

.bn-threads-sidebar .bn-thread.selected{background-color:#f5f9fd;border:2px solid #c2dcf8}

.dark .bn-threads-sidebar .bn-thread.selected{background-color:#20242a;border:2px solid #23405b}

em-emoji-picker{max-height:100%;z-index:11000}

/* Mantine base styles*/

/* Removes Mantine active styles */

.bn-mantine .mantine-active:active {
  transform: none;
}

/* Mantine Badge component base styles */

.bn-mantine .mantine-Badge-root {
  background-color: var(--bn-colors-tooltip-background);
  color: var(--bn-colors-tooltip-text);
}

/* Mantine FileInput component base styles */

.bn-mantine .mantine-FileInput-input {
  align-items: center;
  background-color: var(--bn-colors-menu-background);
  border: none;
  border-radius: 4px;
  color: var(--bn-colors-menu-text);
  display: flex;
  flex-direction: row;
  font-family: var(--bn-font-family);
  justify-content: center;
}

.bn-mantine .mantine-FileInput-input:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-mantine .mantine-FileInput-wrapper {
  border: solid var(--bn-colors-border) 1px;
  border-radius: 4px;
}

.bn-mantine .mantine-InputPlaceholder-placeholder {
  color: var(--bn-colors-menu-text);
  font-family: var(--bn-font-family);
  font-weight: 600;
}

/* Mantine Menu component base styles */

.bn-mantine .mantine-Menu-dropdown,
.bn-mantine .bn-menu-dropdown {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  box-sizing: border-box;
  color: var(--bn-colors-menu-text);
  padding: 2px;
  overflow: auto;
}

.bn-mantine .mantine-Menu-label {
  background-color: var(--bn-colors-menu-background);
  color: var(--bn-colors-menu-text);
}

.bn-mantine .mantine-Menu-item {
  background-color: var(--bn-colors-menu-background);
  border: none;
  border-radius: var(--bn-border-radius-small);
  color: var(--bn-colors-menu-text);
}

.bn-mantine .mantine-Menu-item[aria-selected="true"],
.bn-mantine .mantine-Menu-item:hover {
  background-color: var(--bn-colors-hovered-background);
  border: none;
  color: var(--bn-colors-hovered-text);
}

/* Mantine Popover component base styles */

.bn-mantine .bn-panel-popover,
.bn-mantine .bn-emoji-picker-popover {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  display: flex;
  padding: 0;
}

/* Mantine Tabs component base styles */

.bn-mantine .mantine-Tabs-root {
  width: 100%;
  background-color: var(--bn-colors-menu-background);
}

.bn-mantine .mantine-Tabs-list:before {
  border-color: var(--bn-colors-hovered-background);
}

.bn-mantine .mantine-Tabs-tab {
  color: var(--bn-colors-menu-text);
  border-color: var(--bn-colors-hovered-background);
}

.bn-mantine .mantine-Tabs-tab:hover {
  background-color: var(--bn-colors-hovered-background);
  border-color: var(--bn-colors-hovered-background);
  color: var(--bn-colors-hovered-text);
}

.bn-mantine .mantine-Tabs-tab[data-active],
.bn-mantine .mantine-Tabs-tab[data-active]:hover {
  border-color: var(--bn-colors-menu-text);
  color: var(--bn-colors-menu-text);
}

.bn-mantine .mantine-Tabs-panel {
  padding: 8px;
}

/* Mantine TextInput component base styles */

.bn-mantine .mantine-TextInput-input {
  background-color: var(--bn-colors-menu-background);
  border: solid var(--bn-colors-border) 1px;
  border-radius: 4px;
  color: var(--bn-colors-menu-text);
  font-family: var(--bn-font-family);
  height: 32px;
}

.bn-mantine .bn-mt-input-large .mantine-TextInput-input {
  border: none;
  font-size: 14px;
  height: 52px;
}

/* Mantine Tooltip component base styles */

.bn-mantine .mantine-Tooltip-tooltip {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}

.bn-mantine .mantine-Tooltip-tooltip p:last-child {
  white-space: pre-wrap;
}

.bn-mantine .mantine-Tooltip-tooltip p:first-child {
  white-space: unset;
}

/* UI element styling */

/* Select styling */

.bn-mantine .bn-select {
  overflow: auto;
}

.bn-mantine .mantine-Button-root[aria-controls*="dropdown"] {
  min-width: -moz-fit-content;
  min-width: fit-content;
}

/* Toolbar styling */

.bn-mantine .bn-toolbar {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  flex-wrap: nowrap;
  gap: 2px;
  padding: 2px;
  width: -moz-fit-content;
  width: fit-content;
  overflow-x: auto;
  max-width: 100vw;
}

.bn-mantine .bn-toolbar:empty {
  display: none;
}

.bn-toolbar .mantine-Button-root,
.bn-toolbar .mantine-ActionIcon-root {
  background-color: var(--bn-colors-menu-background);
  border: none;
  border-radius: var(--bn-border-radius-small);
  color: var(--bn-colors-menu-text);
}

.bn-toolbar .mantine-Button-root:hover,
.bn-toolbar .mantine-ActionIcon-root:hover {
  background-color: var(--bn-colors-hovered-background);
  border: none;
  color: var(--bn-colors-hovered-text);
}

.bn-toolbar .mantine-Button-root[data-selected],
.bn-toolbar .mantine-ActionIcon-root[data-selected] {
  background-color: var(--bn-colors-selected-background);
  border: none;
  color: var(--bn-colors-selected-text);
}

.bn-toolbar .mantine-Button-root[data-disabled],
.bn-toolbar .mantine-ActionIcon-root[data-disabled] {
  background-color: var(--bn-colors-disabled-background);
  border: none;
  color: var(--bn-colors-disabled-text);
}

.bn-toolbar .mantine-Menu-item {
  font-size: 12px;
  height: 30px;
}

.bn-toolbar .mantine-Menu-item:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-mantine .bn-form-popover {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  color: var(--bn-colors-menu-text);
  gap: 4px;
  min-width: 145px;
  padding: 2px;
}

.bn-form-popover .mantine-TextInput-root,
.bn-form-popover .mantine-FileInput-root {
  width: 300px;
}

.bn-form-popover .mantine-TextInput-wrapper,
.bn-form-popover .mantine-FileInput-wrapper {
  padding: 0;
  border-radius: 4px;
}

.bn-form-popover .mantine-TextInput-wrapper:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-form-popover .mantine-TextInput-input,
.bn-form-popover .mantine-FileInput-input {
  border: none;
  font-size: 12px;
}

.bn-form-popover .mantine-FileInput-input:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-form-popover .mantine-FileInput-section[data-position="left"] {
  color: var(--bn-colors-menu-text);
}

.bn-form-popover .mantine-FileInput-placeholder {
  color: var(--bn-colors-menu-text);
}

/* Suggestion Menu styling*/

/* Base styles for Suggestion Menus, copied from the Mantine Menu component. */

/* Unfortunately necessary, as we can't use a Menu.Dropdown component on its
 own. */

/* https://github.com/mantinedev/mantine/blob/e3e3bb834de1f2f75a27dbc757dc0a2fc6a6cba8/packages/%40mantine/core/src/components/Menu/Menu.module.css */

.bn-mantine .bn-suggestion-menu {
  max-height: 100%;
  position: relative;
  box-shadow: var(--mantine-shadow-md);
  border: calc(0.0625rem * var(--mantine-scale)) solid
    var(--mantine-color-gray-2);
  border-radius: var(--mantine-radius-default);
  padding: 4px;
}

.bn-mantine .bn-suggestion-menu-label {
  color: var(--mantine-color-dimmed);
  font-weight: 500;
  font-size: var(--mantine-font-size-xs);
  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-sm);
  cursor: default;
}

.bn-mantine .bn-suggestion-menu-item {
  font-size: var(--mantine-font-size-sm);
  width: 100%;
  padding: calc(var(--mantine-spacing-xs) / 1.5) var(--mantine-spacing-sm);
  border-radius: var(--popover-radius, var(--mantine-radius-default));
  color: var(--menu-item-color, var(--mantine-color-text));
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;

  &:where([data-disabled], :disabled) {
    color: var(--mantine-color-dimmed);
    opacity: 0.6;
    pointer-events: none;
  }
}

/* Additional Suggestion Menu styling*/

.bn-mt-suggestion-menu-item-body {
  flex: 1;
}

.bn-mt-suggestion-menu-item-section {
  display: flex;
  justify-content: center;
  align-items: center;

  &:where([data-position="left"]) {
    margin-inline-end: var(--mantine-spacing-xs);
  }

  &:where([data-position="right"]) {
    margin-inline-start: var(--mantine-spacing-xs);
  }
}

.bn-mantine .bn-suggestion-menu {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  box-sizing: border-box;
  color: var(--bn-colors-menu-text);
  height: -moz-fit-content;
  height: fit-content;
  max-height: inherit;
  overflow-y: auto;
  padding: 2px;
}

.bn-mantine .bn-suggestion-menu-item {
  cursor: pointer;
  height: 52px;
}

.bn-mantine .bn-suggestion-menu-item-small {
  height: -moz-fit-content;
  height: fit-content;
  /* Made to match with labels */
  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-sm);
}

.bn-mantine .bn-suggestion-menu-item[aria-selected="true"],
.bn-mantine .bn-suggestion-menu-item:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-mt-suggestion-menu-item-section {
  color: var(--bn-colors-tooltip-text);
}

.bn-mt-suggestion-menu-item-section[data-position="left"] {
  background-color: var(--bn-colors-tooltip-background);
  border-radius: var(--bn-border-radius-small);
  padding: 8px;
}

.bn-suggestion-menu-item-small
  .bn-mt-suggestion-menu-item-section[data-position="left"] {
  background-color: transparent;
  padding: 0;
}

.bn-suggestion-menu-item-small
  .bn-mt-suggestion-menu-item-section[data-position="left"]
  svg {
  height: 14px;
  width: 14px;
}

.bn-mt-suggestion-menu-item-body {
  align-items: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  padding-right: 16px;
}

.bn-mt-suggestion-menu-item-title {
  color: var(--bn-colors-menu-text);
  line-height: 20px;
  font-weight: 500;
  font-size: 14px;
  margin: 0;
  padding: 0;
}

.bn-suggestion-menu-item-small .bn-mt-suggestion-menu-item-title {
  font-size: 12px;
}

.bn-mt-suggestion-menu-item-subtitle {
  color: var(--bn-colors-menu-text);
  line-height: 16px;
  font-size: 10px;
  margin: 0;
  padding: 0;
}

.bn-suggestion-menu-item-small .bn-mt-suggestion-menu-item-subtitle {
  display: none;
}

.bn-mantine .bn-suggestion-menu-label {
  color: var(--bn-colors-hovered-text);
}

.bn-mantine .bn-suggestion-menu-loader {
  height: 20px;
  width: 100%;
}

.bn-mantine .bn-suggestion-menu-loader span {
  background-color: var(--bn-colors-side-menu);
}

.bn-mantine .bn-grid-suggestion-menu {
  background: var(--bn-colors-menu-background);
  border-radius: var(--bn-border-radius-large);
  box-shadow: var(--bn-shadow-medium);
  display: grid;
  gap: 7px;
  height: -moz-fit-content;
  height: fit-content;
  justify-items: center;
  max-height: inherit;
  overflow-y: auto;
  padding: 20px;
}

.bn-mantine .bn-grid-suggestion-menu-item {
  align-items: center;
  border-radius: var(--bn-border-radius-large);
  cursor: pointer;
  display: flex;
  font-size: 24px;
  height: 32px;
  justify-content: center;
  margin: 2px;
  padding: 4px;
  width: 32px;
}

.bn-mantine .bn-grid-suggestion-menu-item[aria-selected="true"],
.bn-mantine .bn-grid-suggestion-menu-item:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-mantine .bn-grid-suggestion-menu-empty-item,
.bn-mantine .bn-grid-suggestion-menu-loader {
  align-items: center;
  color: var(--bn-colors-menu-text);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 32px;
  justify-content: center;
}

.bn-mantine .bn-grid-suggestion-menu-loader span {
  background-color: var(--bn-colors-side-menu);
}

/* Side Menu styling */

.bn-mantine .bn-side-menu {
  background-color: transparent;
  overflow: visible;
}

.bn-side-menu .mantine-Menu-item,
.bn-table-handle-menu .mantine-Menu-item {
  font-size: 12px;
  height: 30px;
}

.bn-side-menu .mantine-UnstyledButton-root:not(.mantine-Menu-item) {
  background-color: transparent;
}

.bn-side-menu .mantine-UnstyledButton-root:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-side-menu .mantine-UnstyledButton-root:not(.mantine-Menu-item) svg {
  background-color: transparent;
  color: var(--bn-colors-side-menu);
  height: 22px;
  width: 22px;
}

.bn-mantine .bn-side-menu > [draggable="true"] {
  display: flex;
}

.bn-side-menu .mantine-Menu-dropdown {
  min-width: 100px;
  padding: 2px;
  position: absolute;
}

/* Image Panel styling*/

.bn-mantine .bn-panel {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  padding: 2px;
  width: 500px;
  max-width: 100vw;
}

.bn-mantine .bn-panel .bn-tab-panel {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.bn-panel .mantine-TextInput-root,
.bn-panel .mantine-FileInput-root {
  width: 100%;
}

.bn-panel .mantine-Button-root {
  background-color: var(--bn-colors-menu-background);
  border: solid var(--bn-colors-border) 1px;
  border-radius: var(--bn-border-radius-small);
  color: var(--bn-colors-menu-text);
  height: 32px;
  width: 60%;
}

.bn-panel .mantine-Button-root:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-panel .mantine-Text-root {
  text-align: center;
}

/* Table Handle styling */

.bn-mantine .bn-table-handle,
.bn-mantine .bn-extend-button,
.bn-mantine .bn-table-cell-handle {
  align-items: center;
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-small);
  box-shadow: var(--bn-shadow-light);
  color: var(--bn-colors-side-menu);
  cursor: grab;
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
  overflow: visible;
  padding: 0;
}

.bn-mantine .bn-table-cell-handle {
  padding: 0 4px;
}

.bn-mantine .bn-table-handle svg {
  margin-inline: -4px;
}

.bn-mantine .bn-table-handle-not-draggable {
  cursor: pointer;
}

.bn-mantine .bn-table-handle:hover,
.bn-mantine .bn-table-handle-dragging,
.bn-mantine .bn-extend-button:hover,
.bn-mantine .bn-extend-button-editing,
.bn-mantine .bn-table-cell-handle:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-mantine .bn-extend-button-add-remove-columns {
  height: 100%;
  width: 18px;
  margin-left: 4px;
  cursor: col-resize;
}

.bn-mantine .bn-extend-button-add-remove-rows {
  height: 18px;
  width: 100%;
  margin-top: 4px;
  cursor: row-resize;
}

/* Drag Handle & Table Handle Menu styling */

.bn-mantine .bn-drag-handle-menu,
.bn-mantine .bn-table-handle-menu {
  overflow: visible;
}

/* Tooltip styling */

.bn-mantine .bn-tooltip {
  background-color: var(--bn-colors-tooltip-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  color: var(--bn-colors-tooltip-text);
  padding: 4px 10px;
  text-align: center;
}

/* Additional menu styles */

.bn-mantine .bn-tick-space {
  padding: 0;
  width: 20px;
}

/* Comment styling */

.bn-mantine .bn-thread {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  color: var(--bn-colors-menu-text);
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 350px;
  overflow: visible;
}

.bn-mantine .bn-threads-sidebar .bn-thread {
  box-shadow: none;
}

.bn-mantine .bn-thread-comments,
.bn-mantine .bn-thread-composer {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

.bn-mantine .bn-thread-comments {
  gap: 1rem;
}

.bn-mantine .bn-thread-comment {
  align-items: flex-start;
  flex-direction: column;
  gap: 0.25rem;
}

.bn-mantine .bn-thread-comment > .mantine-Group-root {
  gap: 12px;
}

.bn-mantine .bn-thread-comment p {
  color: var(--bn-colors-menu-text);
}

.bn-mantine .bn-thread .bn-header-text,
.bn-mantine .bn-thread-comment .bn-resolved-text {
  font-size: 0.8rem;
  font-style: italic;
}

.bn-mantine .bn-comment-actions-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

/* Comment action toolbar styling */

.bn-mantine .bn-action-toolbar {
  align-self: flex-end;
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  gap: 0;
  padding: 2px;
}

.bn-action-toolbar .mantine-Button-root,
.bn-action-toolbar .mantine-ActionIcon-root {
  background-color: var(--bn-colors-menu-background);
  border: none;
  border-radius: var(--bn-border-radius-small);
  color: var(--bn-colors-menu-text);
}

.bn-action-toolbar .mantine-Button-root:hover,
.bn-action-toolbar .mantine-ActionIcon-root:hover {
  background-color: var(--bn-colors-hovered-background);
  border: none;
  color: var(--bn-colors-hovered-text);
}

.bn-action-toolbar .mantine-Button-root[data-selected],
.bn-action-toolbar .mantine-ActionIcon-root[data-selected] {
  background-color: var(--bn-colors-selected-background);
  border: none;
  color: var(--bn-colors-selected-text);
}

.bn-action-toolbar .mantine-Button-root[data-disabled],
.bn-action-toolbar .mantine-ActionIcon-root[data-disabled] {
  background-color: var(--bn-colors-disabled-background);
  border: none;
  color: var(--bn-colors-disabled-text);
}

.bn-mantine .bn-action-toolbar .mantine-Menu-itemLabel {
  font-size: 12px;
}

/* Badge styling */

.bn-mantine .bn-badge-group {
  display: flex;
  gap: 4px;
  justify-content: flex-start;
  width: 100%;
}

.bn-mantine .bn-badge {
  flex-grow: 0;
}

.bn-mantine .bn-badge .mantine-Chip-label {
  padding: 0 8px;
}

.bn-mantine .bn-badge .mantine-Chip-label:not([data-checked="true"]) {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  color: var(--bn-colors-menu-text);
}

.bn-mantine .bn-badge .mantine-Chip-label:hover {
  border: 1px solid var(--mantine-primary-color-filled-hover);
  color: var(--mantine-primary-color-filled-hover);
}

.bn-mantine
  .bn-badge
  .mantine-Chip-label
  > span:not(.mantine-Chip-iconWrapper) {
  display: inline-flex;
  gap: 4px;
}

.bn-mantine
  .bn-badge
  .mantine-Chip-label
  > span:not(.mantine-Chip-iconWrapper)
  > span {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}

/* Combobox styling */

.bn-mantine .bn-combobox-input,
.bn-mantine .bn-combobox-items:not(:empty) {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  color: var(--bn-colors-menu-text);
  gap: 4px;
  min-width: 145px;
  padding: 2px;
}

.bn-mantine .bn-combobox-input .bn-combobox-icon,
.bn-mantine .bn-combobox-input .bn-combobox-right-section {
  align-items: center;
  display: flex;
  justify-content: center;
}

.bn-mantine .bn-combobox-input .bn-combobox-error {
  color: var(--bn-colors-highlights-red-background);
}

/* We need to get rid of the checked icon - you can set the icon prop to an
empty element (<></>), but even so Mantine leaves extra space for the icon, so
we just don't display it in CSS instead. */

.bn-mantine .bn-badge .mantine-Chip-iconWrapper {
  display: none;
}
/* BlockNote editor — seamless Notion-like styling */

/* Wrapper: no visible container — blends into page */
.note-editor-wrapper {
  width: 100%;
  min-height: 80px;
}

/* Override BlockNote CSS variables to match our theme — both schemes use the
   same design-token references which resolve to the correct palette via
   data-theme on <html>. */
.note-editor-wrapper .bn-container,
.note-editor-wrapper .bn-container[data-color-scheme="dark"],
.note-editor-wrapper .bn-container[data-color-scheme="light"] {
  --bn-colors-editor-background: transparent;
  --bn-colors-editor-text: var(--text-primary);
  --bn-colors-menu-background: var(--surface-elevated);
  --bn-colors-menu-text: var(--text-primary);
  --bn-colors-tooltip-background: var(--surface-elevated);
  --bn-colors-tooltip-text: var(--text-primary);
  --bn-colors-hovered-background: var(--surface-hover);
  --bn-colors-hovered-text: var(--text-primary);
  --bn-colors-selected-background: var(--action-primary);
  --bn-colors-selected-text: var(--text-inverse);
  --bn-colors-disabled-background: var(--surface-secondary);
  --bn-colors-disabled-text: var(--text-tertiary);
  --bn-colors-shadow: rgba(0, 0, 0, 0.3);
  --bn-colors-border: var(--border);
  --bn-colors-side-menu: var(--text-tertiary);
  --bn-border-radius: var(--radius-sm);
  --bn-border-radius-medium: var(--radius);
  --bn-border-radius-large: var(--radius);
}

/* Editor content area — left padding makes room for the side menu (+ and drag handle) */
.note-editor-wrapper .bn-editor {
  padding: 0;
  padding-left: 48px;
  font-size: 14px;
  color: var(--text-primary);
  line-height: 1.6;
  background: transparent;
}

/* Remove any background/border from inner containers */
.note-editor-wrapper .bn-container,
.note-editor-wrapper .bn-editor-wrapper {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Override BlockNote's data-background-color="default" on blocks.
   BlockNote sets a concrete background color for "default" (white in light, dark
   gray in dark mode). Since our editor background is transparent and inherits
   the page surface, the "default" color causes a visible rectangle artifact.
   Only override "default" — user-chosen colors (blue, red, etc.) are intentional. */
.note-editor-wrapper .bn-block-outer[data-background-color="default"] {
  background-color: transparent !important;
}

/* Caret — accent-colored with smooth blink */
.note-editor-wrapper .ProseMirror {
  caret-color: var(--action-primary);
  outline: none;
}

/* Smooth fade blink — progressive enhancement for supported browsers */
@supports (caret-animation: manual) {
  .note-editor-wrapper .ProseMirror {
    caret-animation: manual;
    animation: caret-smooth-blink 0.8s ease-in-out infinite;
  }
}

@keyframes caret-smooth-blink {
  0%, 100% { caret-color: var(--action-primary); }
  50% { caret-color: transparent; }
}

@media (prefers-reduced-motion: reduce) {
  .note-editor-wrapper .ProseMirror {
    animation: none;
  }
}

/* Text selection highlight */
.note-editor-wrapper .ProseMirror ::-moz-selection {
  background: color-mix(in srgb, var(--action-primary) 35%, transparent);
  color: inherit;
}
.note-editor-wrapper .ProseMirror ::selection {
  background: color-mix(in srgb, var(--action-primary) 35%, transparent);
  color: inherit;
}

.note-editor-wrapper .ProseMirror:focus ::-moz-selection {
  background: color-mix(in srgb, var(--action-primary) 40%, transparent);
}

.note-editor-wrapper .ProseMirror:focus ::selection {
  background: color-mix(in srgb, var(--action-primary) 40%, transparent);
}

/* Side menu (drag handle + add button): BlockNote renders this as a floating
   element positioned via JS, NOT as a child of .bn-block-outer. So we can't
   use a parent:hover selector. Instead, let BlockNote manage visibility and
   just style the appearance. */
.note-editor-wrapper .bn-side-menu {
  transition: opacity 0.15s ease;
  opacity: 0.4;
}

.note-editor-wrapper .bn-side-menu:hover {
  opacity: 0.7;
}

/* Shrink the side menu buttons so they're subtle, not blocky */
.note-editor-wrapper .bn-side-menu button {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  padding: 0;
}

.note-editor-wrapper .bn-side-menu button svg {
  width: 14px;
  height: 14px;
}

/* Table styling */
.note-editor-wrapper table {
  border-collapse: collapse;
  width: 100%;
}

.note-editor-wrapper td,
.note-editor-wrapper th {
  border: 1px solid var(--border);
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--text-sm);
}

.note-editor-wrapper th {
  font-weight: 600;
  background: var(--surface-secondary);
}

/* Hide BlockNote's default vertical indent lines on nested blocks */
.note-editor-wrapper .bn-block-group .bn-block-group > .bn-block-outer::before {
  display: none;
}

/* Heading scale — tighter than BlockNote defaults for a clean, usable hierarchy */
.note-editor-wrapper [data-content-type=heading] { --level: 1.75em; }
.note-editor-wrapper [data-content-type=heading][data-level="2"] { --level: 1.5em; }
.note-editor-wrapper [data-content-type=heading][data-level="3"] { --level: 1.25em; }
.note-editor-wrapper [data-content-type=heading][data-level="4"] { --level: 1.125em; }
.note-editor-wrapper [data-content-type=heading][data-level="5"] { --level: 1.0625em; }
.note-editor-wrapper [data-content-type=heading][data-level="6"] { --level: 1em; }

/* Placeholder text */
.note-editor-wrapper .bn-block-content[data-is-empty-and-focused]::before,
.note-editor-wrapper .bn-block-content::before {
  color: var(--text-tertiary) !important;
}

/* Static formatting toolbar — always visible above editor content */
.note-editor-wrapper .bn-toolbar {
  border-bottom: 1px solid var(--border);
  background: var(--surface-secondary);
  border-radius: 0;
}

/* Inline title — seamless transition into editor */
.note-inline-title {
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 1.3;
  background: transparent;
  border: none;
  outline: none;
  width: 100%;
  color: var(--text-primary);
  caret-color: var(--action-primary);
}

.note-inline-title::-moz-placeholder {
  color: var(--text-tertiary);
}

.note-inline-title::placeholder {
  color: var(--text-tertiary);
}

/* Compact variant — tighter padding when editor is in sidebar */
[data-compact-editor] .note-editor-wrapper .bn-editor {
  padding-left: 24px;
}

[data-compact-editor] .note-editor-wrapper .bn-side-menu button {
  width: 14px;
  height: 14px;
  min-width: 14px;
}

[data-compact-editor] .note-editor-wrapper .bn-side-menu button svg {
  width: 12px;
  height: 12px;
}
/**
 * Dialog Component Styles
 * Uses design tokens for consistent theming
 * Compatible with Base UI data attributes
 */

/* Dialog Overlay (Backdrop) */
._overlay_12pln_8 {
  position: fixed;
  inset: 0;
  z-index: var(--z-overlay);
  background-color: var(--overlay-bg);
  backdrop-filter: blur(var(--overlay-blur));
  -webkit-backdrop-filter: blur(var(--overlay-blur));
}

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

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

/* Dialog Content (Popup) */
._content_12pln_27 {
  /* 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_12pln_27[data-open] {
  animation: _dialogIn_12pln_1 200ms ease-out;
}

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

/* Dialog Header */
._header_12pln_65 {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  text-align: center;
}

._title_12pln_72 {
  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_12pln_80 {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  margin: 0;
}

/* Dialog Footer */
._footer_12pln_87 {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--space-2);
}

@media (min-width: 640px) {
  ._header_12pln_65 {
    text-align: left;
  }

  ._footer_12pln_87 {
    flex-direction: row;
    justify-content: flex-end;
  }
}

/* Close Button */
._closeButton_12pln_105 {
  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_12pln_105 svg {
  width: 1rem;
  height: 1rem;
}

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

._closeButton_12pln_105:focus {
  outline: 2px solid var(--border-focus);
  outline-offset: 2px;
}

/* Animations */
@keyframes _fadeIn_12pln_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes _fadeOut_12pln_1 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes _dialogIn_12pln_1 {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes _dialogOut_12pln_1 {
  from {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.95);
  }
}
/**
 * Productivity Analytics Module
 * Styles for multi-week analytics dashboard
 */

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

/* Wrapper that contains navbar + scrollable content */
._analyticsWrapper_1god3_11 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

/* Sub-tabs inside Bar 2 navbar (similar to Bar 1 tabs, smaller) */
._subTab_1god3_20 {
  padding: 0.375rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--text-secondary);
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--radius-md, 6px);
  cursor: pointer;
  transition: color 0.15s, background 0.15s;
  white-space: nowrap;
}

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

._subTabActive_1god3_38 {
  color: var(--text-primary);
  background: var(--surface-elevated);
  border-color: var(--border-default);
}

._container_1god3_44 {
  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_1god3_55 {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 1.5rem;
  flex: 1;
  min-height: 0;
}

@media (max-width: 1200px) {
  ._analyticsLayout_1god3_55 {
    grid-template-columns: 1fr;
  }
}

._analyticsMain_1god3_69 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  min-width: 0;
}

._analyticsSidebar_1god3_76 {
  position: sticky;
  top: 0;
  height: -moz-fit-content;
  height: fit-content;
  max-height: calc(100vh - 8rem);
  overflow-y: auto;
}

@media (max-width: 1200px) {
  ._analyticsSidebar_1god3_76 {
    position: static;
    max-height: none;
  }
}

/* ========================================
   ANALYTICS NAVBAR (Secondary navigation bar)
   ======================================== */

._analyticsNavbar_1god3_95 {
  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_1god3_107 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._navbarDateRange_1god3_113 {
  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_1god3_122 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

._navbarSelect_1god3_129 {
  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: 8px;
  cursor: pointer;
  max-width: 140px;
  text-overflow: ellipsis;
  transition: border-color var(--transition-fast);
}

._navbarSelect_1god3_129:hover {
  border-color: var(--border-strong);
}

._navbarSelect_1god3_129:focus {
  outline: none;
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px var(--action-primary-subtle);
}

._navbarSeparator_1god3_152 {
  width: 1px;
  height: 1rem;
  background-color: var(--border-default);
  margin: 0 0.25rem;
}

/* Tab navigation in navbar */
._navbarTabs_1god3_160 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

._navbarTab_1god3_160 {
  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-secondary);
  background: transparent;
  border: none;
  border-radius: var(--radius);
  cursor: pointer;
  transition: all var(--transition-fast);
}

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

._navbarTabActive_1god3_186 {
  color: var(--action-primary);
  background-color: var(--action-primary-subtle);
}

._navbarTabActive_1god3_186:hover {
  color: var(--action-primary);
  background-color: var(--action-primary-subtle);
}

/* Tab-specific active colors - must be separate classes to override navbarTabActive */
._navbarTabTasksActive_1god3_197 {
  color: var(--state-success) !important;
  background-color: var(--state-success-bg) !important;
}

._navbarTabCalendarActive_1god3_202 {
  color: var(--action-primary) !important;
  background-color: var(--action-primary-subtle) !important;
}

._navbarChip_1god3_207 {
  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_1god3_218 {
  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_1god3_218:hover {
  opacity: 1;
}

._navbarClearBtn_1god3_236 {
  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_1god3_236:hover {
  color: var(--text-secondary);
}

._navbarRefreshBtn_1god3_250 {
  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_1god3_250:hover {
  background-color: var(--surface-hover);
  color: var(--text-primary);
}

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

/* ========================================
   HEADER (Legacy - kept for backwards compatibility)
   ======================================== */

._header_1god3_278 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}

._headerLeft_1god3_286 {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
}

._title_1god3_292 {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0;
}

._dateRange_1god3_299 {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
}

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

._timeRangeSelect_1god3_310 {
  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_1god3_310:hover {
  border-color: var(--border-strong);
}

._timeRangeSelect_1god3_310:focus {
  outline: none;
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px var(--action-primary-subtle);
}

._refreshBtn_1god3_330 {
  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_1god3_330:hover {
  background-color: var(--surface-hover);
  color: var(--text-primary);
}

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

._spinning_1god3_354 {
  animation: _spin_1god3_354 1s linear infinite;
}

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

/* ========================================
   SUMMARY CARDS
   ======================================== */

._summaryGrid_1god3_371 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

._summaryCard_1god3_377 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

._summaryIcon_1god3_388 {
  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_1god3_400 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}

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

  letter-spacing: 0.025em;
}

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

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

/* ========================================
   FILTERS
   ======================================== */

._filtersBar_1god3_429 {
  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_1god3_440 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);

  letter-spacing: 0.025em;
}

._filterSelect_1god3_447 {
  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: 8px;
  cursor: pointer;
  transition: border-color var(--transition-fast);
}

._filterSelect_1god3_447:hover {
  border-color: var(--border-strong);
}

._filterSelect_1god3_447:focus {
  outline: none;
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px var(--action-primary-subtle);
}

._filterChip_1god3_468 {
  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_1god3_479 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  border: none;
  background: transparent;
  color: inherit;
  cursor: pointer;
  opacity: 0.7;
}

._filterChipRemove_1god3_479:hover {
  opacity: 1;
}

._clearFiltersBtn_1god3_496 {
  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_1god3_496:hover {
  color: var(--text-secondary);
}

/* ========================================
   CHARTS SECTION
   ======================================== */

._chartsGrid_1god3_514 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

@media (max-width: 1024px) {
  ._chartsGrid_1god3_514 {
    grid-template-columns: 1fr;
  }
}

._chartCard_1god3_526 {
  padding: 1rem;
  background: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

._chartHeader_1god3_534 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

._chartTitle_1god3_542 {
  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_1god3_551 {
  color: var(--text-tertiary);
}

._chartStats_1god3_555 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-left: auto;
}

._chartStatItem_1god3_562 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}

._chartStatWarning_1god3_567 {
  color: var(--color-warning);
}

._chartSubtitle_1god3_571 {
  flex-basis: 100%;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  line-height: 1.4;
  margin-top: 0.125rem;
}

._chartStatCard_1god3_579 {
  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_1god3_589 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

._chartStatLabel_1god3_595 {
  font-size: 0.625rem;
  font-weight: var(--font-weight-medium);
  color: var(--text-tertiary);

  letter-spacing: 0.025em;
  line-height: 1;
}

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

._chartContainer_1god3_610 {
  width: 100%;
  height: 320px;
}

._chartFullWidth_1god3_615 {
  grid-column: 1 / -1;
}

._chartExplanation_1god3_619 {
  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_1god3_632 {
  flex-shrink: 0;
  color: var(--text-tertiary);
  margin-top: 0.125rem;
}

/* ========================================
   HEATMAP
   ======================================== */

._heatmapContainer_1god3_642 {
  width: 100%;
  min-height: 150px;
}

/* ========================================
   INSIGHTS PANEL
   ======================================== */

/* Insights sidebar panel (for page-level sidebar) */
._insightsSidebarPanel_1god3_652 {
  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_1god3_662 {
  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_1god3_673 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* Explainer section at bottom of sidebar */
._insightsExplainer_1god3_680 {
  margin-top: 0.5rem;
  padding: 0.75rem;
  background-color: var(--surface-base);
  border-radius: var(--radius);
  border: 1px solid var(--border-subtle);
}

._explainerHeader_1god3_688 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.625rem;
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);

  letter-spacing: 0.03em;
  margin-bottom: 0.625rem;
}

._explainerList_1god3_700 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._explainerItem_1god3_706 {
  display: flex;
  gap: 0.375rem;
  align-items: flex-start;
  font-size: 0.6875rem;
  line-height: 1.4;
}

._explainerIcon_1god3_714 {
  color: var(--text-tertiary);
  flex-shrink: 0;
  margin-top: 0.125rem;
}

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

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

/* Inline insights panel (for top of page) */
._insightsInlinePanel_1god3_730 {
  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_1god3_741 {
  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_1god3_750 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

._insightInlineCard_1god3_756 {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  flex: 1 1 280px;
  max-width: 400px;
  padding: 0.75rem;
  background: var(--surface-base);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-default);
  box-shadow: var(--shadow-sm);
}

._insightInlineCard_1god3_756._positive_1god3_769 {
  border-left: 3px solid var(--success);
}

._insightInlineCard_1god3_756._negative_1god3_773 {
  border-left: 3px solid var(--danger);
}

._insightInlineCard_1god3_756._neutral_1god3_777 {
  border-left: 3px solid var(--text-tertiary);
}

._insightInlineIcon_1god3_781 {
  flex-shrink: 0;
  color: var(--text-secondary);
  margin-top: 0.125rem;
}

._insightInlineContent_1god3_787 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

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

._insightInlineDescription_1god3_799 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  line-height: 1.4;
}

._insightCard_1god3_805 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

._insightCard_1god3_805._positive_1god3_769 {
  border-left: 3px solid var(--success);
}

._insightCard_1god3_805._negative_1god3_773 {
  border-left: 3px solid var(--danger);
}

._insightCard_1god3_805._neutral_1god3_777 {
  border-left: 3px solid var(--text-tertiary);
}

._insightIcon_1god3_828 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: var(--radius-sm);
  flex-shrink: 0;
}

._insightCard_1god3_805._positive_1god3_769 ._insightIcon_1god3_828 {
  background-color: var(--success-subtle);
  color: var(--success);
}

._insightCard_1god3_805._negative_1god3_773 ._insightIcon_1god3_828 {
  background-color: var(--danger-subtle);
  color: var(--danger);
}

._insightCard_1god3_805._neutral_1god3_777 ._insightIcon_1god3_828 {
  background-color: var(--surface-elevated);
  color: var(--text-tertiary);
}

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

._insightTitle_1god3_858 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  margin-bottom: 0.125rem;
}

._insightDescription_1god3_865 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  line-height: 1.4;
}

._insightValue_1god3_871 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  color: var(--action-primary);
  margin-top: 0.25rem;
}

/* ========================================
   WEEK DETAIL PANEL
   ======================================== */

._weekDetailPanel_1god3_882 {
  margin-top: 1rem;
  padding: 1.5rem;
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
}

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

._weekDetailTitle_1god3_897 {
  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_1god3_906 {
  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_1god3_906:hover {
  background-color: var(--surface-hover);
  color: var(--text-primary);
}

._weekDetailContent_1god3_925 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1rem;
}

/* ========================================
   LOADING & EMPTY STATES
   ======================================== */

._loadingState_1god3_935 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  gap: 1rem;
}

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

._loadingText_1god3_953 {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
}

._emptyState_1god3_958 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  text-align: center;
}

._emptyIcon_1god3_967 {
  color: var(--text-tertiary);
  margin-bottom: 1rem;
}

._emptyTitle_1god3_972 {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  margin-bottom: 0.5rem;
}

._emptyDescription_1god3_979 {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  max-width: 300px;
}

/* ========================================
   ERROR STATE
   ======================================== */

._errorState_1god3_989 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  gap: 1rem;
  text-align: center;
}

._errorIcon_1god3_999 {
  color: var(--danger);
}

._errorMessage_1god3_1003 {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
}

._retryBtn_1god3_1008 {
  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_1god3_1008:hover {
  background-color: var(--action-primary);
  color: white;
}

/* ========================================
   BACKLOG HEALTH
   ======================================== */

._backlogSection_1god3_1028 {
  margin-bottom: 1.5rem;
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  grid-column: 1 / -1;
}

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

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

/* View mode toggle (Items/Hours) */
._viewModeToggle_1god3_1051 {
  display: flex;
  align-items: center;
  gap: 0;
  background: var(--surface-subtle);
  border-radius: var(--radius);
  padding: 2px;
}

._viewModeButton_1god3_1060 {
  padding: 0.25rem 0.625rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  background: transparent;
  border: none;
  border-radius: calc(var(--radius) - 2px);
  cursor: pointer;
  transition: all 0.15s ease;
}

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

._viewModeActive_1god3_1076 {
  color: var(--text-primary);
  background: var(--surface-elevated);
  box-shadow: var(--shadow-sm);
}

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

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

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

._backlogContent_1god3_1098 {
  padding: 1rem;
}

._headerTitle_1god3_1102 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0;
}

._selectSmall_1god3_1109 {
  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: 8px;
  cursor: pointer;
  transition: border-color var(--transition-fast);
}

._selectSmall_1god3_1109:hover {
  border-color: var(--border-strong);
}

._selectSmall_1god3_1109:focus {
  outline: none;
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px var(--action-primary-subtle);
}

/* Main section: chart + summary side by side */
._backlogMainSection_1god3_1131 {
  display: grid;
  grid-template-columns: 1fr 200px;
  gap: 1rem;
}

@media (max-width: 768px) {
  ._backlogMainSection_1god3_1131 {
    grid-template-columns: 1fr;
  }
}

._backlogChartContainer_1god3_1143 {
  min-height: 320px;
  flex: 1;
}

/* P&L-style summary panel */
._backlogSummary_1god3_1149 {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  background-color: var(--surface-base);
  border-radius: var(--radius);
  font-size: var(--font-size-sm);
}

._summaryHeader_1god3_1158 {
  font-weight: var(--font-weight-semibold);
  color: var(--text-secondary);
  margin-bottom: 0.5rem;
}

._summaryDivider_1god3_1164 {
  height: 1px;
  background-color: var(--border-default);
  margin: 0.5rem 0;
}

._summaryRow_1god3_1170 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25rem 0;
}

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

._summaryValuePositive_1god3_1181 {
  color: var(--success);
  font-weight: var(--font-weight-medium);
  font-variant-numeric: tabular-nums;
}

._summaryValueNegative_1god3_1187 {
  color: var(--danger);
  font-weight: var(--font-weight-medium);
  font-variant-numeric: tabular-nums;
}

._summaryValueNeutral_1god3_1193 {
  color: var(--text-secondary);
  font-weight: var(--font-weight-medium);
  font-variant-numeric: tabular-nums;
}

._summaryRowLarge_1god3_1199 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  margin-top: 0.25rem;
}

._summaryValueLarge_1god3_1207 {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  font-variant-numeric: tabular-nums;
}

._trendIndicator_1god3_1214 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: auto;
  padding-top: 0.5rem;
}

._trendIconUp_1god3_1222 {
  color: var(--danger);
  width: 16px;
  height: 16px;
}

._trendIconDown_1god3_1228 {
  color: var(--success);
  width: 16px;
  height: 16px;
}

._trendIconNeutral_1god3_1234 {
  color: var(--text-tertiary);
  width: 16px;
  height: 16px;
}

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

/* Chart section wrapper */
._chartSection_1god3_1246 {
  padding: 1rem;
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
}

._chartEmpty_1god3_1253 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 250px;
  color: var(--text-tertiary);
  font-size: var(--font-size-sm);
}

/* ========================================
   COLLAPSIBLE SECTION
   ======================================== */

._collapsibleSection_1god3_1266 {
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

._collapsibleHeader_1god3_1273 {
  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_1god3_1273:hover {
  background-color: var(--surface-hover);
}

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

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

._collapsibleIcon_1god3_1301 {
  color: var(--text-secondary);
  flex-shrink: 0;
}

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

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

._collapsibleContent_1god3_1318 {
  padding: 0 1rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Collapsed state badge */
._collapsedBadge_1god3_1326 {
  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_1god3_1338 {
  color: var(--success);
  font-weight: var(--font-weight-medium);
}

._badgeNegative_1god3_1343 {
  color: var(--danger);
  font-weight: var(--font-weight-medium);
}

/* ========================================
   PRODUCTIVITY TRENDS SECTION
   ======================================== */

._section_1god3_1352 {
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  padding: 1rem;
}

._sectionHeader_1god3_1359 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--border-subtle);
}

._sectionTitle_1god3_1370 {
  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;
}

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

._summaryItem_1god3_1387 {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
}

._summaryItem_1god3_1387 strong {
  color: var(--text-primary);
  font-weight: var(--font-weight-semibold);
}

/* Correlation Chart */
._correlationChart_1god3_1398 {
  margin-bottom: 1rem;
}

._correlationChart_1god3_1398 ._chartTitle_1god3_542 {
  margin-bottom: 0.75rem;
}

/* Trends Table */
._trendsTableWrapper_1god3_1407 {
  overflow-x: auto;
  margin-top: 1rem;
}

._trendsTable_1god3_1407 {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--font-size-sm);
}

._trendsTable_1god3_1407 thead {
  background-color: var(--surface-base);
}

._trendsTable_1god3_1407 th {
  padding: 0.625rem 0.75rem;
  text-align: left;
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  font-size: var(--font-size-xs);

  letter-spacing: 0.025em;
  border-bottom: 1px solid var(--border-default);
  white-space: nowrap;
}

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

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

._trendsTableCell_1god3_1443 {
  padding: 0.625rem 0.75rem;
  border-bottom: 1px solid var(--border-subtle);
  vertical-align: middle;
  white-space: nowrap;
}

._expandButton_1god3_1450 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0;
  margin-right: 0.5rem;
  border: none;
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  border-radius: var(--radius-sm);
  vertical-align: middle;
}

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

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

._metricPrimary_1god3_1476 {
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  margin-right: 0.25rem;
}

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

/* Sparkline */
._sparklineContainer_1god3_1488 {
  display: inline-flex;
  align-items: flex-end;
  gap: 2px;
  height: 20px;
  margin-left: 0.5rem;
  vertical-align: middle;
}

._sparklineBar_1god3_1497 {
  width: 4px;
  min-height: 3px;
  background-color: var(--action-primary);
  border-radius: 1px;
  transition: height var(--transition-fast);
}

/* Squeezed Badge */
._squeezedBadge_1god3_1506 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.375rem;
  color: var(--warning);
  vertical-align: middle;
}

/* Completion Rate */
._completionRate_1god3_1516 {
  font-weight: var(--font-weight-semibold);
  padding: 0.125rem 0.375rem;
  border-radius: var(--radius-sm);
}

._completionHigh_1god3_1522 {
  color: var(--success);
  background-color: var(--success-subtle);
}

._completionMedium_1god3_1527 {
  color: var(--warning);
  background-color: var(--warning-subtle);
}

._completionLow_1god3_1532 {
  color: var(--danger);
  background-color: var(--danger-subtle);
}

/* Reschedule indicators */
._rescheduleHigh_1god3_1538 {
  color: var(--danger);
  font-weight: var(--font-weight-medium);
}

._rescheduleMedium_1god3_1543 {
  color: var(--warning);
}

/* Expanded Row (Day Breakdown) */
._expandedRow_1god3_1548 {
  background-color: var(--surface-base);
}

._expandedRow_1god3_1548 td {
  padding: 0;
  border-bottom: 1px solid var(--border-default);
}

._dayBreakdown_1god3_1557 {
  padding: 0.75rem 1rem 0.75rem 2.5rem;
}

._dayBreakdownHeader_1god3_1561 {
  display: grid;
  grid-template-columns: 80px repeat(3, 1fr);
  gap: 0.75rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid var(--border-subtle);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-tertiary);

  letter-spacing: 0.025em;
}

._dayBreakdownRow_1god3_1575 {
  display: grid;
  grid-template-columns: 80px repeat(3, 1fr);
  gap: 0.75rem;
  padding: 0.375rem 0;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
}

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

/* ========================================
   SUMMARY SECTION (Always visible)
   ======================================== */

._summarySection_1god3_1593 {
  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);
}

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

@media (max-width: 900px) {
  ._summaryMetricsGrid_1god3_1603 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 500px) {
  ._summaryMetricsGrid_1god3_1603 {
    grid-template-columns: 1fr;
  }
}

._summaryMetricCard_1god3_1621 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background-color: var(--surface-base);
  border-radius: var(--radius);
}

._summaryMetricSkeleton_1god3_1630 {
  width: 100%;
  height: 48px;
  background: linear-gradient(
    90deg,
    var(--surface-base) 25%,
    var(--surface-hover) 50%,
    var(--surface-base) 75%
  );
  background-size: 200% 100%;
  animation: _shimmer_1god3_1 1.5s infinite;
  border-radius: var(--radius-sm);
}

@keyframes _shimmer_1god3_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

._summaryMetricIcon_1god3_1653 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  color: var(--text-secondary);
  flex-shrink: 0;
}

._summaryMetricContent_1god3_1663 {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
}

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

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

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

._metricGood_1god3_1686 {
  color: var(--success);
}

._metricWarning_1god3_1690 {
  color: var(--warning);
}

._metricBad_1god3_1694 {
  color: var(--danger);
}

._summaryHeatmap_1god3_1698 {
  padding-top: 0.5rem;
  border-top: 1px solid var(--border-subtle);
}

/* ========================================
   ANALYTICS TABS
   ======================================== */

._analyticsTabs_1god3_1707 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._tabIcon_1god3_1713 {
  margin-right: 0.375rem;
}

._analyticsTabContent_1god3_1717 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* ========================================
   SEE ALSO NOTES
   ======================================== */

._seeAlsoNote_1god3_1727 {
  margin: 0.5rem 0 0 0;
  padding: 0.5rem 0.75rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  background-color: var(--surface-base);
  border-radius: var(--radius-sm);
  border-left: 2px solid var(--border-default);
}

/* ========================================
   WEEK DETAIL TABLE
   ======================================== */

._weekDetailContainer_1god3_1741 {
  margin-top: 1rem;
  padding: 1rem;
  background-color: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
}

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

._weekDetailTitle_1god3_897 {
  margin: 0;
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--text-primary);
}

._weekDetailClose_1god3_906 {
  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:
    background-color 0.15s,
    color 0.15s;
}

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

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

._weekDetailEmpty_1god3_1795 {
  padding: 1.5rem;
  text-align: center;
  color: var(--text-tertiary);
  font-size: var(--font-size-sm);
}

._weekDetailTables_1god3_1802 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._weekDetailSection_1god3_1808 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._weekDetailSectionTitle_1god3_1814 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: 600;
  color: var(--text-secondary);

  letter-spacing: 0.025em;
}

._sectionIconDone_1god3_1826 {
  color: var(--state-success);
}

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

._weekDetailTable_1god3_1802 {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--font-size-sm);
}

._weekDetailRow_1god3_1840 {
  border-bottom: 1px solid var(--border-subtle);
}

._weekDetailRow_1god3_1840:last-child {
  border-bottom: none;
}

._weekDetailRowClickable_1god3_1848 {
  cursor: pointer;
}

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

._weekDetailCell_1god3_1856 {
  padding: 0.5rem 0.75rem;
  vertical-align: middle;
}

._weekDetailCellAction_1god3_1861 {
  width: 32px;
  padding: 0.5rem 0.5rem;
  vertical-align: middle;
}

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

._weekDetailRow_1god3_1840:hover ._deleteEventBtn_1god3_1867 {
  opacity: 1;
}

._deleteEventBtn_1god3_1867:hover {
  color: var(--color-red-500, #ef4444);
  background-color: var(--surface-hover);
}

._weekDetailCell_1god3_1856:first-child {
  width: 24px;
  padding-left: 0;
}

._weekDetailCell_1god3_1856:last-child {
  width: 80px;
  text-align: right;
  padding-right: 0;
}

._taskDoneIcon_1god3_1901 {
  color: var(--state-success);
}

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

._taskTitle_1god3_1909 {
  color: var(--text-primary);
  font-weight: 500;
}

._taskProject_1god3_1914 {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0.125rem 0.375rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  background-color: var(--surface-raised);
  border-radius: var(--radius-sm);
}

._taskPriority_1god3_1924 {
  display: inline-block;
  padding: 0.125rem 0.375rem;
  font-size: var(--font-size-xs);
  font-weight: 600;
  border-radius: var(--radius-sm);
}

._priorityP1_1god3_1932 {
  color: var(--state-error);
  background-color: var(--state-error-bg);
}

._priorityP2_1god3_1937 {
  color: var(--state-warning);
  background-color: var(--state-warning-bg);
}

._priorityP3_1god3_1942 {
  color: var(--state-info);
  background-color: var(--state-info-bg);
}

._priorityP4_1god3_1947 {
  color: var(--text-tertiary);
  background-color: var(--surface-raised);
}

._durationIcon_1god3_1952 {
  margin-right: 0.25rem;
  color: var(--text-tertiary);
}

/* Calendar event detail styles */
._focusIcon_1god3_1958 {
  color: var(--state-info);
}

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

._eventTitle_1god3_1966 {
  color: var(--text-primary);
  font-weight: 500;
}

._eventDate_1god3_1971 {
  display: block;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  margin-top: 0.125rem;
}

._eventDateInline_1god3_1978 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  margin-left: 0.5rem;
}

._eventTypeFocus_1god3_1984 {
  display: inline-block;
  padding: 0.125rem 0.375rem;
  font-size: var(--font-size-xs);
  font-weight: 600;
  border-radius: var(--radius-sm);
  color: var(--state-info);
  background-color: var(--state-info-bg);
}

._eventTypeMeeting_1god3_1994 {
  display: inline-block;
  padding: 0.125rem 0.375rem;
  font-size: var(--font-size-xs);
  font-weight: 600;
  border-radius: var(--radius-sm);
  color: var(--action-primary);
  background-color: var(--action-primary-subtle);
}

._sectionIconFocus_1god3_2004 {
  color: var(--state-info);
}

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

/* Week detail collapsible section styles (overrides general collapsibleHeader) */
._weekDetailSection_1god3_1808 ._collapsibleHeader_1god3_1273 {
  display: flex;
  align-items: center;
  justify-content: flex-start; /* Override space-between from general style */
  gap: 0.375rem;
  width: 100%;
  padding: 0.5rem 0;
  background: none;
  border: none;
  cursor: pointer;
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--text-secondary);
  text-align: left;
  transition: color 0.15s ease;
}

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

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

/* ========================================
   TIME ANALYTICS TAB
   ======================================== */

._timeAnalytics_1god3_2043 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  padding: 1rem 1.5rem;
  gap: 1rem;
}

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

._timeAnalyticsPeriodSelector_1god3_2059 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

._timeAnalyticsNav_1god3_2065 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

._timeAnalyticsNavBtn_1god3_2071 {
  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);
}

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

._timeAnalyticsDateLabel_1god3_2090 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  min-width: 160px;
  text-align: center;
}

._timeAnalyticsContent_1god3_2098 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._configureLink_1god3_2104 {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  background: none;
  border: none;
  cursor: pointer;
  transition: color 0.15s ease;
}

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

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

._chartSectionHeader_1god3_2121 ._chartSectionTitle_1god3_2128 {
  margin: 0;
}

._chartSectionTitle_1god3_2128 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  margin: 0 0 0.75rem 0;
}

._categorySelect_1god3_2139 {
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  background-color: var(--surface-default);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  cursor: pointer;
  outline: none;
}

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

._categorySelect_1god3_2139:focus-visible {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 1px var(--color-primary);
}

/* Category totals list */
._categoryTotalsList_1god3_2160 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._categoryTotalRow_1god3_2166 {
  display: grid;
  grid-template-columns: 10px 1fr auto 80px;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0;
}

._categoryDot_1god3_2174 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

._categoryTotalName_1god3_2181 {
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._categoryTotalHours_1god3_2189 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  font-variant-numeric: tabular-nums;
}

._categoryPercentageBar_1god3_2196 {
  height: 6px;
  background-color: var(--surface-base);
  border-radius: var(--radius-full);
  overflow: hidden;
}

._categoryPercentageFill_1god3_2203 {
  height: 100%;
  border-radius: var(--radius-full);
  transition: width 0.3s ease;
}

/* Time Analytics settings section */
._timeAnalyticsSettings_1god3_2210 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border-default);
}

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

._timeAnalyticsSettingsGrid_1god3_2228 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  align-items: start;
}

/* ========================================
   CATEGORY MANAGER
   ======================================== */

._categoryManager_1god3_2239 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
}

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

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

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

._categoryRow_1god3_2270 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.5rem;
  border-radius: var(--radius);
  transition: background-color var(--transition-fast);
}

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

._categoryColorDot_1god3_2283 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
}

._categoryName_1god3_2290 {
  flex: 1;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._categoryActions_1god3_2300 {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  margin-left: auto;
  opacity: 0;
  transition: opacity var(--transition-fast);
}

._categoryRow_1god3_2270:hover ._categoryActions_1god3_2300 {
  opacity: 1;
}

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

._categoryActionBtn_1god3_2313:hover:not(:disabled) {
  background-color: var(--surface-active);
  color: var(--text-primary);
}

._categoryActionBtn_1god3_2313:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

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

._categoryExcludedBadge_1god3_2342 {
  display: flex;
  align-items: center;
  color: var(--text-tertiary);
  flex-shrink: 0;
}

._categoryConfirmDelete_1god3_2349 {
  display: flex;
  align-items: center;
  gap: 0.125rem;
}

._categoryDeleteConfirm_1god3_2355 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border: none;
  background: transparent;
  color: var(--state-error);
  cursor: pointer;
  border-radius: var(--radius-sm);
  padding: 0;
}

._categoryDeleteConfirm_1god3_2355:hover {
  background-color: var(--state-error-bg);
}

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

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

._categoryAddBtn_1god3_2392 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.625rem;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  background: transparent;
  border: 1px dashed var(--border-default);
  border-radius: var(--radius);
  cursor: pointer;
  transition: all var(--transition-fast);
}

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

/* Color Picker */

._categoryColorPicker_1god3_2414 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 0.375rem;
  padding: 0.375rem 0;
}

._categoryColorPreset_1god3_2421 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid transparent;
  cursor: pointer;
  padding: 0;
  transition: all var(--transition-fast);
}

._categoryColorPreset_1god3_2421:hover {
  transform: scale(1.15);
}

._categoryColorPresetSelected_1god3_2438 {
  border-color: var(--text-primary);
  box-shadow: 0 0 0 2px var(--surface-base), 0 0 0 4px var(--text-primary);
}

/* Category Form */

._categoryForm_1god3_2445 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
  background-color: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius);
}

._categoryFormInput_1god3_2455 {
  width: 100%;
  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 var(--transition-fast);
}

._categoryFormInput_1god3_2455:focus {
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px var(--action-primary-subtle);
}

._categoryFormError_1god3_2472 {
  font-size: var(--font-size-xs);
  color: var(--state-error);
}

._categoryFormActions_1god3_2477 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

._categoryFormSave_1god3_2483 {
  padding: 0.25rem 0.75rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-inverse);
  background-color: var(--action-primary);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: opacity var(--transition-fast);
}

._categoryFormSave_1god3_2483:hover:not(:disabled) {
  opacity: 0.9;
}

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

._categoryFormCancel_1god3_2504 {
  padding: 0.25rem 0.75rem;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  background: transparent;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
}

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

/* ========================================
   RULES LIST & RULE BUILDER
   ======================================== */

._rulesList_1god3_2524 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
}

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

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

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

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

._rulesAddBtn_1god3_2559 {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--action-primary);
  background-color: var(--action-primary-subtle);
  border: none;
  border-radius: var(--radius);
  cursor: pointer;
  transition: all var(--transition-fast);
}

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

._rulesEmptyState_1god3_2579 {
  padding: 2rem 1rem;
  text-align: center;
  color: var(--text-tertiary);
  font-size: var(--font-size-sm);
}

._rulesEmptyState_1god3_2579 p {
  margin: 0;
}

._rulesCardList_1god3_2590 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* Rule Card */
._ruleCardWrapper_1god3_2597 {
  display: flex;
  flex-direction: column;
}

._ruleCardWrapper_1god3_2597 ._rulePreview_1god3_2602 {
  border-top: 1px solid var(--border-subtle);
  border-radius: 0 0 var(--radius-md) var(--radius-md);
  margin-top: -1px;
}

._ruleActionBtnActive_1god3_2608 {
  color: var(--action-primary) !important;
  background-color: var(--action-primary-bg, rgba(59, 130, 246, 0.1));
}

._ruleCard_1god3_2597 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: border-color var(--transition-fast);
}

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

._ruleCardDisabled_1god3_2629 {
  opacity: 0.5;
}

._rulePriorityBadge_1god3_2633 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  color: var(--text-secondary);
  background-color: var(--surface-elevated);
  border-radius: var(--radius-full);
  flex-shrink: 0;
}

._ruleCardContent_1god3_2647 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

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

._ruleConditionSummary_1god3_2661 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._ruleConditionColorDot_1god3_2672 {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

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

._ruleActionDot_1god3_2688 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

._ruleCardActions_1god3_2695 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
}

._ruleActionBtn_1god3_2608 {
  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 var(--transition-fast);
}

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

._ruleActionBtn_1god3_2608:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/* Toggle switch */
._ruleToggle_1god3_2727 {
  position: relative;
  width: 2rem;
  height: 1.125rem;
  border-radius: var(--radius-full);
  border: none;
  background-color: var(--surface-hover);
  cursor: pointer;
  transition: background-color 0.2s;
  padding: 0;
  flex-shrink: 0;
}

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

._ruleToggleKnob_1god3_2744 {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
  background-color: white;
  transition: transform 0.2s;
}

._ruleToggleOn_1god3_2740 ._ruleToggleKnob_1god3_2744 {
  transform: translateX(0.875rem);
}

/* Apply button */
._ruleApplyBtn_1god3_2760 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--action-primary);
  background-color: var(--action-primary-subtle);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
  white-space: nowrap;
}

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

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

._ruleApplySpinner_1god3_2785 {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  border: 2px solid var(--action-primary-subtle);
  border-top-color: var(--action-primary);
  border-radius: 50%;
  animation: _spin_1god3_354 1s linear infinite;
}

/* Delete confirm inline */
._ruleDeleteConfirm_1god3_2796 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

._ruleDeleteConfirmBtn_1god3_2802 {
  padding: 0.125rem 0.375rem;
  font-size: var(--font-size-xs);
  color: white;
  background-color: var(--state-error);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
}

._ruleDeleteCancelBtn_1god3_2812 {
  padding: 0.125rem 0.375rem;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  background: transparent;
  border: none;
  cursor: pointer;
}

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

/* ========================================
   RULE BUILDER FORM
   ======================================== */

._ruleBuilder_1god3_2829 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  background-color: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius);
}

._ruleBuilderHeader_1god3_2839 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

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

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

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

._ruleFormGroup_1god3_2870 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

._ruleFormLabel_1god3_2876 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);

  letter-spacing: 0.025em;
}

._ruleFormInput_1god3_2884 {
  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);
}

._ruleFormInput_1god3_2884:focus {
  outline: none;
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px var(--action-primary-subtle);
}

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

._ruleConditionCheckbox_1god3_2906 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  cursor: pointer;
  white-space: nowrap;
}

._ruleConditionCheckbox_1god3_2906 input[type="checkbox"] {
  accent-color: var(--action-primary);
}

._ruleConditionSelect_1god3_2920 {
  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;
}

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

._ruleConditionInput_1god3_2935 {
  flex: 1;
  min-width: 120px;
  padding: 0.25rem 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);
}

._ruleConditionInput_1god3_2935:focus {
  outline: none;
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px var(--action-primary-subtle);
}

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

._colorPickerGrid_1god3_2957 {
  display: flex;
  gap: 0.375rem;
  flex-wrap: wrap;
  align-items: center;
}

._colorPickerSwatch_1god3_2964 {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border-radius: 50%;
  border: 2px solid transparent;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: border-color 0.15s ease, transform 0.1s ease;
}

._colorPickerSwatch_1god3_2964:hover:not(:disabled) {
  transform: scale(1.15);
}

._colorPickerSwatch_1god3_2964:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

._colorPickerSwatchSelected_1god3_2986 {
  border-color: var(--text-primary);
  box-shadow: 0 0 0 2px var(--surface-base);
}

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

._ruleActionLabel_1god3_2997 {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  white-space: nowrap;
}

._ruleActionSelect_1god3_3003 {
  flex: 1;
  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);
  cursor: pointer;
}

._ruleActionSelect_1god3_3003:focus {
  outline: none;
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px var(--action-primary-subtle);
}

._rulePreview_1god3_2602 {
  padding: 0.5rem 0.75rem;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  background-color: var(--surface-elevated);
  border-radius: var(--radius-sm);
}

._rulePreview_1god3_2602 strong {
  color: var(--action-primary);
  font-weight: var(--font-weight-semibold);
}

._rulePreviewList_1god3_3033 {
  list-style: none;
  margin: 0.375rem 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

._rulePreviewItem_1god3_3042 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  padding: 0.125rem 0;
  font-size: var(--font-size-xs);
}

._rulePreviewSummary_1god3_3051 {
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

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

._rulePreviewMore_1god3_3064 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  font-style: italic;
  padding-top: 0.125rem;
}

._ruleError_1god3_3071 {
  padding: 0.375rem 0.625rem;
  font-size: var(--font-size-xs);
  color: var(--state-error);
  background-color: var(--state-error-bg, rgba(239, 68, 68, 0.1));
  border-radius: var(--radius-sm);
}

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

._ruleBuilderCancelBtn_1god3_3088 {
  padding: 0.375rem 0.75rem;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  background: transparent;
  border: 1px solid var(--border-default);
  border-radius: var(--radius);
  cursor: pointer;
  transition: all var(--transition-fast);
}

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

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

._ruleBuilderSaveBtn_1god3_3109 {
  padding: 0.375rem 0.75rem;
  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 var(--transition-fast);
}

._ruleBuilderSaveBtn_1god3_3109:hover {
  opacity: 0.9;
}

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

/* ========================================
   EVENT CATEGORY POPOVER
   ======================================== */

._eventCategorySection_1god3_3134 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._eventCategoryRow_1god3_3140 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

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

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

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

._eventCategoryDropdownWrap_1god3_3162 {
  position: relative;
  flex: 1;
}

._eventCategoryDropdownBtn_1god3_3167 {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  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;
  transition: border-color var(--transition-fast);
  max-width: 200px;
}

._eventCategoryDropdownBtn_1god3_3167:hover {
  border-color: var(--border-strong);
}

._eventCategoryDot_1god3_3186 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

._eventCategoryUncategorized_1god3_3193 {
  color: var(--text-tertiary);
  font-style: italic;
}

._eventCategoryDropdownList_1god3_3198 {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 50;
  min-width: 180px;
  max-height: 200px;
  overflow-y: auto;
  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-md);
}

._eventCategoryDropdownItem_1god3_3214 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  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;
  text-align: left;
  transition: background-color var(--transition-fast);
}

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

._eventCategoryDropdownItemActive_1god3_3234 {
  background-color: var(--action-primary-subtle);
  color: var(--action-primary);
}

._eventCategoryDropdownDivider_1god3_3239 {
  height: 1px;
  background-color: var(--border-subtle);
  margin: 0.25rem 0;
}

/* ========================================
   UNIFIED ENTITY SEARCH
   ======================================== */

._entitySearch_1god3_3249 {
  position: relative;
  flex: 1;
}

._entitySearchInputWrap_1god3_3254 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.5rem;
  background-color: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  transition: border-color var(--transition-fast);
}

._entitySearchInputWrap_1god3_3254:focus-within {
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px var(--action-primary-subtle);
}

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

._entitySearchInput_1god3_3254 {
  flex: 1;
  border: none;
  background: transparent;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  outline: none;
  min-width: 0;
}

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

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

._entitySearchClearInput_1god3_3289 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  border: none;
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  padding: 0;
}

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

._entitySearchDropdown_1god3_3306 {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 50;
  max-height: 240px;
  overflow-y: auto;
  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-md);
}

._entitySearchSectionHeader_1god3_3322 {
  padding: 0.375rem 0.5rem 0.25rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-tertiary);

  letter-spacing: 0.025em;
}

._entitySearchResult_1god3_3331 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  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;
  text-align: left;
  transition: background-color var(--transition-fast);
}

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

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

._entitySearchResultName_1god3_3355 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._entitySearchEmpty_1god3_3361 {
  padding: 1rem 0.5rem;
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  text-align: center;
}

/* Current entity display */
._entitySearchCurrent_1god3_3369 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  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);
}

._entitySearchCurrentName_1god3_3381 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

._entitySearchClearBtn_1god3_3388 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  border: none;
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  padding: 0;
  border-radius: var(--radius-sm);
}

._entitySearchClearBtn_1god3_3388:hover {
  color: var(--state-error);
}

._entitySearchChangeBtn_1god3_3406 {
  font-size: var(--font-size-xs);
  color: var(--action-primary);
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  text-decoration: underline;
}

._entitySearchChangeBtn_1god3_3406:hover {
  opacity: 0.8;
}

/* ============================================================================
   Uncategorized Event Suggestions
   ============================================================================ */

._suggestionsList_1god3_3424 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._suggestionsHeader_1god3_3430 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin-bottom: 0.25rem;
}

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

._suggestionsTitle_1god3_3441 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
}

._suggestionsBadge_1god3_3447 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  background-color: var(--surface-elevated);
  padding: 0.0625rem 0.375rem;
  border-radius: var(--radius-full);
}

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

._suggestionCard_1god3_3461 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: border-color var(--transition-fast);
}

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

._suggestionCardContent_1god3_3477 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

._suggestionCardTitle_1god3_3485 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

._suggestionCreateBtn_1god3_3508 {
  flex-shrink: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--action-primary);
  background-color: transparent;
  border: 1px solid var(--action-primary);
  border-radius: var(--radius);
  padding: 0.25rem 0.5rem;
  cursor: pointer;
  transition:
    background-color var(--transition-fast),
    color var(--transition-fast);
}

._suggestionCreateBtn_1god3_3508:hover {
  background-color: var(--action-primary);
  color: var(--text-on-primary, var(--color-white));
}

/* ========================================
   CHART LEGEND GRID
   ======================================== */

._legendGrid_1god3_3532 {
  display: grid;
  grid-template-columns: auto auto;
  gap: 0.375rem 2.5rem;
  padding: 0.5rem 0;
  justify-content: center;
}

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

._legendDot_1god3_3548 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

._legendLabel_1god3_3555 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/**
 * Admin Module - Background Jobs Monitoring Page
 * All colors use design tokens from tokens.css
 */

/* ========================================
   HEALTH SUMMARY BAR
   ======================================== */

._healthBar_1h0z8_10 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: var(--surface-secondary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-subtle);
}

._healthDot_1h0z8_20 {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

._healthDotGreen_1h0z8_28 {
  background: var(--state-success);
}

._healthDotYellow_1h0z8_32 {
  background: var(--state-warning);
}

._healthDotRed_1h0z8_36 {
  background: var(--state-error);
}

._healthLabel_1h0z8_40 {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
}

._healthCount_1h0z8_45 {
  font-weight: 600;
  color: var(--text-primary);
}

/* ========================================
   JOBS PAGE LAYOUT
   ======================================== */

._jobsPage_1h0z8_54 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.5rem;
  max-width: 1200px;
  width: 100%;
  overflow-y: auto;
  height: 100%;
}

._jobsPageTitle_1h0z8_65 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
}

/* ========================================
   FILTER / SORT / GROUP CONTROLS
   ======================================== */

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

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

._controlLabel_1h0z8_89 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  letter-spacing: 0.02em;
  font-weight: 500;
}

._controlSelect_1h0z8_96 {
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  background: var(--surface-primary);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  padding: 0.25rem 0.5rem;
  cursor: pointer;
  outline: none;
}

._controlSelect_1h0z8_96:focus {
  border-color: var(--state-info);
}

/* ========================================
   JOB ROW
   ======================================== */

._jobRow_1h0z8_115 {
  border-bottom: 1px solid var(--border-subtle);
}

._jobRow_1h0z8_115:last-child {
  border-bottom: none;
}

._jobRowExpanded_1h0z8_123 {
  background: var(--surface-secondary);
  border-radius: var(--radius-md);
  margin-bottom: 0.25rem;
}

._jobRowCompact_1h0z8_129 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0.75rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background 0.1s ease;
  border-radius: var(--radius-md);
}

._jobRowCompact_1h0z8_129:hover {
  background: var(--surface-secondary);
}

._jobName_1h0z8_144 {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--text-primary);
  white-space: nowrap;
}

._jobMeta_1h0z8_151 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  white-space: nowrap;
}

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

._jobSpacer_1h0z8_163 {
  flex: 1;
  min-width: 0.5rem;
}

._errorBadge_1h0z8_168 {
  font-size: var(--font-size-xs);
  font-weight: 600;
  color: var(--state-error);
  background: var(--state-error-bg);
  border: 1px solid var(--state-error-border);
  border-radius: var(--radius-sm);
  padding: 0.125rem 0.375rem;
  white-space: nowrap;
}

._categoryBadge_1h0z8_179 {
  font-size: 0.6875rem;
  font-weight: 500;
  color: var(--text-tertiary);
  background: var(--surface-elevated);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  padding: 0.0625rem 0.375rem;
  text-transform: capitalize;
  white-space: nowrap;
}

/* ========================================
   RUN NOW / RETRY BUTTONS
   ======================================== */

._runNowBtn_1h0z8_195 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-xs);
  font-weight: 500;
  color: var(--text-secondary);
  background: var(--surface-primary);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}

._runNowBtn_1h0z8_195:hover:not(:disabled) {
  color: var(--text-primary);
  border-color: var(--state-info-border);
  background: var(--state-info-bg);
}

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

._retryBtn_1h0z8_223 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.125rem 0.375rem;
  font-size: var(--font-size-xs);
  font-weight: 500;
  color: var(--state-warning);
  background: var(--state-warning-bg);
  border: 1px solid var(--state-warning-border);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}

._retryBtn_1h0z8_223:hover:not(:disabled) {
  opacity: 0.85;
}

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

._cancelBtn_1h0z8_249 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.125rem 0.375rem;
  font-size: var(--font-size-xs);
  font-weight: 500;
  color: var(--state-error);
  background: var(--state-error-bg);
  border: 1px solid var(--state-error-border);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}

._cancelBtn_1h0z8_249:hover:not(:disabled) {
  opacity: 0.85;
}

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

/* ========================================
   EXPANDED JOB HISTORY
   ======================================== */

._jobHistory_1h0z8_279 {
  padding: 0.5rem 0.75rem 0.75rem 2.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._jobDescription_1h0z8_286 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  margin-bottom: 0.5rem;
  font-style: italic;
}

._historyEntry_1h0z8_293 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-xs);
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-sm);
}

._historyEntry_1h0z8_293:hover {
  background: var(--surface-primary);
}

._historyTime_1h0z8_306 {
  color: var(--text-tertiary);
  white-space: nowrap;
  min-width: 8rem;
}

._historyDuration_1h0z8_312 {
  color: var(--text-secondary);
  white-space: nowrap;
  min-width: 4rem;
}

._historySummary_1h0z8_318 {
  color: var(--text-secondary);
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._historyError_1h0z8_327 {
  color: var(--state-error);
}

/* ========================================
   GROUP HEADERS
   ======================================== */

._groupHeader_1h0z8_335 {
  font-size: var(--font-size-xs);
  font-weight: 600;
  color: var(--text-tertiary);
  letter-spacing: 0.02em;
  padding: 0.75rem 0.75rem 0.25rem;
  border-bottom: 1px solid var(--border-subtle);
}

/* ========================================
   EMPTY STATE
   ======================================== */

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

/* ========================================
   LOADING STATE
   ======================================== */

._loadingState_1h0z8_363 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem;
}

/* ========================================
   CHEVRON
   ======================================== */

._chevron_1h0z8_374 {
  color: var(--text-tertiary);
  flex-shrink: 0;
  transition: transform 0.15s ease;
}
/* this gets exported as style.css and can be used for the default theming */
/* these are the necessary styles for React/Svelte Flow, they get used by base.css and style.css */
.react-flow {
  direction: ltr;

  --xy-edge-stroke-default: #b1b1b7;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #555;

  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;

  --xy-attribution-background-color-default: rgba(255, 255, 255, 0.5);

  --xy-minimap-background-color-default: #fff;
  --xy-minimap-mask-background-color-default: rgba(240, 240, 240, 0.6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #e2e2e2;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;

  --xy-background-color-default: transparent;
  --xy-background-pattern-dots-color-default: #91919a;
  --xy-background-pattern-lines-color-default: #eee;
  --xy-background-pattern-cross-color-default: #e2e2e2;
  background-color: var(--xy-background-color, var(--xy-background-color-default));
  --xy-node-color-default: inherit;
  --xy-node-border-default: 1px solid #1a192b;
  --xy-node-background-color-default: #fff;
  --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #1a192b;
  --xy-node-border-radius-default: 3px;

  --xy-handle-background-color-default: #1a192b;
  --xy-handle-border-color-default: #fff;

  --xy-selection-background-color-default: rgba(0, 89, 220, 0.08);
  --xy-selection-border-default: 1px dotted rgba(0, 89, 220, 0.8);

  --xy-controls-button-background-color-default: #fefefe;
  --xy-controls-button-background-color-hover-default: #f4f4f4;
  --xy-controls-button-color-default: inherit;
  --xy-controls-button-color-hover-default: inherit;
  --xy-controls-button-border-color-default: #eee;
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);

  --xy-edge-label-background-color-default: #ffffff;
  --xy-edge-label-color-default: inherit;
  --xy-resize-background-color-default: #3367d9;
}
.react-flow.dark {
  --xy-edge-stroke-default: #3e3e3e;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #727272;

  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;

  --xy-attribution-background-color-default: rgba(150, 150, 150, 0.25);

  --xy-minimap-background-color-default: #141414;
  --xy-minimap-mask-background-color-default: rgba(60, 60, 60, 0.6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #2b2b2b;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;

  --xy-background-color-default: #141414;
  --xy-background-pattern-dots-color-default: #777;
  --xy-background-pattern-lines-color-default: #777;
  --xy-background-pattern-cross-color-default: #777;
  --xy-node-color-default: #f8f8f8;
  --xy-node-border-default: 1px solid #3c3c3c;
  --xy-node-background-color-default: #1e1e1e;
  --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, 0.08);
  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #999;

  --xy-handle-background-color-default: #bebebe;
  --xy-handle-border-color-default: #1e1e1e;

  --xy-selection-background-color-default: rgba(200, 200, 220, 0.08);
  --xy-selection-border-default: 1px dotted rgba(200, 200, 220, 0.8);

  --xy-controls-button-background-color-default: #2b2b2b;
  --xy-controls-button-background-color-hover-default: #3e3e3e;
  --xy-controls-button-color-default: #f8f8f8;
  --xy-controls-button-color-hover-default: #fff;
  --xy-controls-button-border-color-default: #5b5b5b;
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);

  --xy-edge-label-background-color-default: #141414;
  --xy-edge-label-color-default: #f8f8f8;
}
.react-flow__background {
  background-color: var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));
  pointer-events: none;
  z-index: -1;
}
.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.react-flow__pane {
  z-index: 1;
}
.react-flow__pane.draggable {
    cursor: grab;
  }
.react-flow__pane.dragging {
    cursor: grabbing;
  }
.react-flow__pane.selection {
    cursor: pointer;
  }
.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}
.react-flow__renderer {
  z-index: 4;
}
.react-flow__selection {
  z-index: 6;
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
  outline: none;
}
.react-flow__edge-path {
  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
  stroke-width: var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));
  fill: none;
}
.react-flow__connection-path {
  stroke: var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));
  stroke-width: var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));
  fill: none;
}
.react-flow .react-flow__edges {
  position: absolute;
}
.react-flow .react-flow__edges svg {
    overflow: visible;
    position: absolute;
    pointer-events: none;
  }
.react-flow__edge {
  pointer-events: visibleStroke;
}
.react-flow__edge.selectable {
    cursor: pointer;
  }
.react-flow__edge.animated path {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
.react-flow__edge.animated path.react-flow__edge-interaction {
    stroke-dasharray: none;
    animation: none;
  }
.react-flow__edge.inactive {
    pointer-events: none;
  }
.react-flow__edge.selected,
  .react-flow__edge:focus,
  .react-flow__edge:focus-visible {
    outline: none;
  }
.react-flow__edge.selected .react-flow__edge-path,
  .react-flow__edge.selectable:focus .react-flow__edge-path,
  .react-flow__edge.selectable:focus-visible .react-flow__edge-path {
    stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default));
  }
.react-flow__edge-textwrapper {
    pointer-events: all;
  }
.react-flow__edge .react-flow__edge-text {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
/* Arrowhead marker styles - use CSS custom properties as default */
.react-flow__arrowhead polyline {
  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
}
.react-flow__arrowhead polyline.arrowclosed {
  fill: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
}
.react-flow__connection {
  pointer-events: none;
}
.react-flow__connection .animated {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
svg.react-flow__connectionline {
  z-index: 1001;
  overflow: visible;
  position: absolute;
}
.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}
.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: default;
}
.react-flow__node.selectable {
    cursor: pointer;
  }
.react-flow__node.draggable {
    cursor: grab;
    pointer-events: all;
  }
.react-flow__node.draggable.dragging {
      cursor: grabbing;
    }
.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}
.react-flow__nodesselection-rect {
    position: absolute;
    pointer-events: all;
    cursor: grab;
  }
.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  width: 6px;
  height: 6px;
  background-color: var(--xy-handle-background-color, var(--xy-handle-background-color-default));
  border: 1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));
  border-radius: 100%;
}
.react-flow__handle.connectingfrom {
    pointer-events: all;
  }
.react-flow__handle.connectionindicator {
    pointer-events: all;
    cursor: crosshair;
  }
.react-flow__handle-bottom {
    top: auto;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
  }
.react-flow__handle-top {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
.react-flow__handle-left {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
  }
.react-flow__handle-right {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
  }
.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}
.react-flow__pane.selection .react-flow__panel {
  pointer-events: none;
}
.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}
.react-flow__panel.top {
    top: 0;
  }
.react-flow__panel.bottom {
    bottom: 0;
  }
.react-flow__panel.top.center, .react-flow__panel.bottom.center {
      left: 50%;
      transform: translateX(-15px) translateX(-50%);
    }
.react-flow__panel.left {
    left: 0;
  }
.react-flow__panel.right {
    right: 0;
  }
.react-flow__panel.left.center, .react-flow__panel.right.center {
      top: 50%;
      transform: translateY(-15px) translateY(-50%);
    }
.react-flow__attribution {
  font-size: 10px;
  background: var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));
  padding: 2px 3px;
  margin: 0;
}
.react-flow__attribution a {
    text-decoration: none;
    color: #999;
  }
@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
.react-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  left: 0;
  top: 0;
}
.react-flow__viewport-portal {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.react-flow__minimap {
  background: var(
    --xy-minimap-background-color-props,
    var(--xy-minimap-background-color, var(--xy-minimap-background-color-default))
  );
}
.react-flow__minimap-svg {
    display: block;
  }
.react-flow__minimap-mask {
    fill: var(
      --xy-minimap-mask-background-color-props,
      var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default))
    );
    stroke: var(
      --xy-minimap-mask-stroke-color-props,
      var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default))
    );
    stroke-width: var(
      --xy-minimap-mask-stroke-width-props,
      var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default))
    );
  }
.react-flow__minimap-node {
    fill: var(
      --xy-minimap-node-background-color-props,
      var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default))
    );
    stroke: var(
      --xy-minimap-node-stroke-color-props,
      var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default))
    );
    stroke-width: var(
      --xy-minimap-node-stroke-width-props,
      var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default))
    );
  }
.react-flow__background-pattern.dots {
    fill: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default))
    );
  }
.react-flow__background-pattern.lines {
    stroke: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default))
    );
  }
.react-flow__background-pattern.cross {
    stroke: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default))
    );
  }
.react-flow__controls {
  display: flex;
  flex-direction: column;
  box-shadow: var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default));
}
.react-flow__controls.horizontal {
    flex-direction: row;
  }
.react-flow__controls-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
    width: 26px;
    padding: 4px;
    border: none;
    background: var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));
    border-bottom: 1px solid
      var(
        --xy-controls-button-border-color-props,
        var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default))
      );
    color: var(
      --xy-controls-button-color-props,
      var(--xy-controls-button-color, var(--xy-controls-button-color-default))
    );
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.react-flow__controls-button svg {
      width: 100%;
      max-width: 12px;
      max-height: 12px;
      fill: currentColor;
    }
.react-flow__edge.updating .react-flow__edge-path {
      stroke: #777;
    }
.react-flow__edge-text {
    font-size: 10px;
  }
.react-flow__node.selectable:focus,
  .react-flow__node.selectable:focus-visible {
    outline: none;
  }
.react-flow__node-input,
.react-flow__node-default,
.react-flow__node-output,
.react-flow__node-group {
  padding: 10px;
  border-radius: var(--xy-node-border-radius, var(--xy-node-border-radius-default));
  width: 150px;
  font-size: 12px;
  color: var(--xy-node-color, var(--xy-node-color-default));
  text-align: center;
  border: var(--xy-node-border, var(--xy-node-border-default));
  background-color: var(--xy-node-background-color, var(--xy-node-background-color-default));
}
.react-flow__node-input.selectable:hover, .react-flow__node-default.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover {
      box-shadow: var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default));
    }
.react-flow__node-input.selectable.selected,
    .react-flow__node-input.selectable:focus,
    .react-flow__node-input.selectable:focus-visible,
    .react-flow__node-default.selectable.selected,
    .react-flow__node-default.selectable:focus,
    .react-flow__node-default.selectable:focus-visible,
    .react-flow__node-output.selectable.selected,
    .react-flow__node-output.selectable:focus,
    .react-flow__node-output.selectable:focus-visible,
    .react-flow__node-group.selectable.selected,
    .react-flow__node-group.selectable:focus,
    .react-flow__node-group.selectable:focus-visible {
      box-shadow: var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default));
    }
.react-flow__node-group {
  background-color: var(--xy-node-group-background-color, var(--xy-node-group-background-color-default));
}
.react-flow__nodesselection-rect,
.react-flow__selection {
  background: var(--xy-selection-background-color, var(--xy-selection-background-color-default));
  border: var(--xy-selection-border, var(--xy-selection-border-default));
}
.react-flow__nodesselection-rect:focus,
  .react-flow__nodesselection-rect:focus-visible,
  .react-flow__selection:focus,
  .react-flow__selection:focus-visible {
    outline: none;
  }
.react-flow__controls-button:hover {
      background: var(
        --xy-controls-button-background-color-hover-props,
        var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default))
      );
      color: var(
        --xy-controls-button-color-hover-props,
        var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default))
      );
    }
.react-flow__controls-button:disabled {
      pointer-events: none;
    }
.react-flow__controls-button:disabled svg {
        fill-opacity: 0.4;
      }
.react-flow__controls-button:last-child {
    border-bottom: none;
  }
.react-flow__controls.horizontal .react-flow__controls-button {
    border-bottom: none;
    border-right: 1px solid
      var(
        --xy-controls-button-border-color-props,
        var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default))
      );
  }
.react-flow__controls.horizontal .react-flow__controls-button:last-child {
    border-right: none;
  }
.react-flow__resize-control {
  position: absolute;
}
.react-flow__resize-control.left,
.react-flow__resize-control.right {
  cursor: ew-resize;
}
.react-flow__resize-control.top,
.react-flow__resize-control.bottom {
  cursor: ns-resize;
}
.react-flow__resize-control.top.left,
.react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}
.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
  cursor: nesw-resize;
}
/* handle styles */
.react-flow__resize-control.handle {
  width: 5px;
  height: 5px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  translate: -50% -50%;
}
.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}
.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}
.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}
.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}
.react-flow__resize-control.handle.top.left {
  left: 0;
}
.react-flow__resize-control.handle.bottom.left {
  left: 0;
}
.react-flow__resize-control.handle.top.right {
  left: 100%;
}
.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}
/* line styles */
.react-flow__resize-control.line {
  border-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  border-width: 0;
  border-style: solid;
}
.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}
.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}
.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}
.react-flow__resize-control.line.top,
.react-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}
.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}
.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}
.react-flow__edge-textbg {
  fill: var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default));
}
.react-flow__edge-text {
  fill: var(--xy-edge-label-color, var(--xy-edge-label-color-default));
}
/**
 * Avatar Component Styles
 * Robust image display component with comprehensive fallback system
 * Follows clean CSS modules architecture with semantic design tokens
 */

/* ========================================
   AVATAR CONTAINER
   ======================================== */

._avatar_pl9f3_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_pl9f3_11:hover {
  border-color: var(--avatar-border-hover);
  transform: var(--avatar-hover-transform);
}

/* ========================================
   SIZE VARIANTS
   ======================================== */

._size-sm_pl9f3_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_pl9f3_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_pl9f3_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_pl9f3_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_pl9f3_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_pl9f3_76 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}

._content_pl9f3_67:hover {
  transform: var(--avatar-image-hover-transform);
}

/* Initials fallback */
._initials_pl9f3_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);
  /* Intentionally uppercase: initials like "JD" should always render capitalized */
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* Default icon fallback */
._defaultIcon_pl9f3_107 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: var(--avatar-default-background);
  color: var(--avatar-default-text);
}

._iconSvg_pl9f3_117 {
  width: 60%;
  height: 60%;
  flex-shrink: 0;
}

/* ========================================
   LOADING STATES
   ======================================== */

/* Loading skeleton */
._skeleton_pl9f3_128 {
  position: relative;
  border-radius: inherit;
  background-color: var(--avatar-skeleton-background);
  overflow: hidden;
}

._skeletonPulse_pl9f3_135 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, transparent, var(--avatar-skeleton-highlight), transparent);
  animation: _skeletonShimmer_pl9f3_1 2s infinite;
}

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

/* Retry indicator */
._retryIndicator_pl9f3_155 {
  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_pl9f3_166 {
  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_pl9f3_166 1s linear infinite;
}

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

/* Loading state modifiers */
._loading_pl9f3_185 ._content_pl9f3_67 {
  filter: blur(2px);
}

._retrying_pl9f3_189 ._content_pl9f3_67 {
  filter: blur(1px) grayscale(50%);
}

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

/* Focus states */
._avatar_pl9f3_11:focus-visible {
  outline: 2px solid var(--border-focus);
  outline-offset: 2px;
}

/* Reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  ._avatar_pl9f3_11,
  ._content_pl9f3_67,
  ._skeletonPulse_pl9f3_135,
  ._spinner_pl9f3_166 {
    animation: none;
    transition: none;
  }

  ._avatar_pl9f3_11:hover,
  ._content_pl9f3_67:hover {
    transform: none;
  }
}

/* High contrast mode */
@media (prefers-contrast: high) {
  ._avatar_pl9f3_11 {
    border-width: 2px;
    border-color: var(--text-primary);
  }

  ._initials_pl9f3_92,
  ._defaultIcon_pl9f3_107 {
    color: var(--text-primary);
    background-color: var(--surface-primary);
  }
}

/* ========================================
   DARK THEME ADJUSTMENTS
   ======================================== */

[data-theme='dark'] ._avatar_pl9f3_11 {
  border-color: var(--avatar-border-dark);
}

[data-theme='dark'] ._avatar_pl9f3_11:hover {
  border-color: var(--avatar-border-hover-dark);
}

[data-theme='dark'] ._initials_pl9f3_92 {
  background-color: var(--avatar-initials-background-dark);
  color: var(--avatar-initials-text-dark);
}

[data-theme='dark'] ._defaultIcon_pl9f3_107 {
  background-color: var(--avatar-default-background-dark);
  color: var(--avatar-default-text-dark);
}

[data-theme='dark'] ._skeleton_pl9f3_128 {
  background-color: var(--avatar-skeleton-background-dark);
}

[data-theme='dark'] ._skeletonPulse_pl9f3_135 {
  background: linear-gradient(
    90deg,
    transparent,
    var(--avatar-skeleton-highlight-dark),
    transparent
  );
}

/* ========================================
   INTERACTIVE STATES
   ======================================== */

/* Avatar group context (for future use) */
._avatar_pl9f3_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_pl9f3_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_pl9f3_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_pl9f3_11[data-status='online']::after {
  background-color: var(--state-success);
}

._avatar_pl9f3_11[data-status='offline']::after {
  background-color: var(--color-gray-400);
}

._avatar_pl9f3_11[data-status='busy']::after {
  background-color: var(--state-warning);
}

._avatar_pl9f3_11[data-status='away']::after {
  background-color: var(--state-error);
}
/**
 * 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);
  }
}
/**
 * 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);
  }
}
/**
 * FilterSelect styles
 * Trigger matches navbar button aesthetic with design tokens
 * Items use a check icon for selected state
 */

._trigger_1oauc_7 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  height: 1.75rem;
  padding: 0 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);
  white-space: nowrap;
}

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

._triggerIcon_1oauc_29 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

._triggerIcon_1oauc_29 svg {
  width: 0.75rem;
  height: 0.75rem;
}

._triggerLabel_1oauc_40 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._triggerChevron_1oauc_46 {
  width: 0.75rem;
  height: 0.75rem;
  flex-shrink: 0;
  color: var(--text-tertiary);
}

/* Item check indicator */
._item_1oauc_54 {
  gap: var(--space-2);
}

._itemCheck_1oauc_58 {
  width: 0.875rem;
  height: 0.875rem;
  flex-shrink: 0;
  color: var(--text-primary);
}

._itemCheckHidden_1oauc_65 {
  visibility: hidden;
}
/**
 * Backlog Review Feature Styles
 */

/* ========================================
   REVIEW PAGE LAYOUT
   ======================================== */

._container_1rn9b_9 {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.5rem;
  overflow: auto;
  background: var(--surface-base);
}

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

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

._viewToggle_1rn9b_31 {
  display: flex;
  gap: 0.25rem;
  padding: 0.25rem;
  background: var(--surface-secondary);
  border-radius: var(--radius-md);
}

._viewToggleBtn_1rn9b_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_1rn9b_39:hover {
  color: var(--text-primary);
}

._viewToggleBtn_1rn9b_39[data-active='true'] {
  background: var(--surface-base);
  color: var(--text-primary);
  box-shadow: var(--shadow-sm);
}

/* ========================================
   SECTIONS
   ======================================== */

._sectionsContainer_1rn9b_65 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._section_1rn9b_65 {
  background: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  overflow: hidden;
}

._sectionHeader_1rn9b_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_1rn9b_78:hover {
  background: var(--surface-secondary);
}

._sectionExpander_1rn9b_95 {
  display: flex;
  align-items: center;
  color: var(--text-tertiary);
}

._sectionIcon_1rn9b_101 {
  display: flex;
  align-items: center;
  color: var(--text-secondary);
}

._sectionIconText_1rn9b_107 {
  font-size: var(--font-size-base);
}

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

._sectionCount_1rn9b_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_1rn9b_117[data-empty='true'] {
  color: var(--text-tertiary);
}

._sectionSpacer_1rn9b_130 {
  flex: 1;
}

._sectionContent_1rn9b_134 {
  padding: 0 1rem 1rem;
}

._sectionDescription_1rn9b_138 {
  margin-bottom: 0.75rem;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
}

._sectionEmpty_1rn9b_144 {
  padding: 1rem 0;
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  text-align: center;
}

._sectionTruncated_1rn9b_151 {
  margin-top: 0.75rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-align: center;
}

/* ========================================
   TASK LIST
   ======================================== */

._taskList_1rn9b_162 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._taskCard_1rn9b_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_1rn9b_168:hover {
  background: var(--surface-tertiary);
}

._taskContent_1rn9b_183 {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
  cursor: pointer;
}

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

._taskTitle_1rn9b_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_1rn9b_210 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  white-space: nowrap;
}

._taskMeta_1rn9b_216 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  flex-shrink: 0;
}

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

._taskPriority_1rn9b_229 {
  font-weight: var(--font-weight-medium);
}

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

._taskActions_1rn9b_237 {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-shrink: 0;
}

._destructiveAction_1rn9b_244 {
  color: var(--color-red-500);
}

._destructiveAction_1rn9b_244:hover {
  color: var(--color-red-600);
  background: var(--color-red-500-alpha-10);
}

/* ========================================
   EMPTY STATE
   ======================================== */

._emptyState_1rn9b_257 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  text-align: center;
}

._emptyIcon_1rn9b_266 {
  margin-bottom: 1rem;
  color: var(--text-tertiary);
}

._emptyTitle_1rn9b_271 {
  margin-bottom: 0.5rem;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}

._emptyDescription_1rn9b_278 {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
}

/* ========================================
   LOADING STATE
   ======================================== */

._loadingSpinner_1rn9b_287 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 0;
  gap: 1rem;
}

._loadingText_1rn9b_296 {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
}

/* ========================================
   BATCHING SECTION
   ======================================== */

._batchingContainer_1rn9b_305 {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--border-default);
}

._batchingTitle_1rn9b_311 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin-bottom: 0.25rem;
}

._batchingSubtitle_1rn9b_318 {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  margin-bottom: 1rem;
}

._batchDuration_1rn9b_324 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  margin-right: 0.5rem;
}

._batchActions_1rn9b_330 {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

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

._batchTaskItem_1rn9b_342 {
  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_1rn9b_342:hover {
  background: var(--surface-tertiary);
}

._batchTaskTitle_1rn9b_357 {
  font-size: var(--font-size-sm);
  color: var(--text-primary);
}

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

/* ========================================
   DORMANT PROJECTS
   ======================================== */

._dormantProjectList_1rn9b_371 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

._dormantProjectCard_1rn9b_377 {
  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_1rn9b_377:hover {
  background: var(--surface-tertiary);
}

._dormantProjectIcon_1rn9b_392 {
  display: flex;
  align-items: center;
  color: var(--text-tertiary);
  flex-shrink: 0;
}

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

._dormantProjectReason_1rn9b_406 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  flex-shrink: 0;
}
/**
 * Projects View Styles
 * Priority-grouped table layout with secondary navbar
 */

/* ========================================
   WRAPPER & CONTAINER
   ======================================== */

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

._projectsContent_fsmbf_17 {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
  background-color: var(--surface-base);
}

/* ========================================
   PROJECTS NAVBAR (Secondary navigation bar)
   ======================================== */

._projectsNavbar_fsmbf_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_fsmbf_40 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._navbarProjectCount_fsmbf_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_fsmbf_55 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* Completed toggle button -- selectable pill in navbar */
._navbarCompletedBtn_fsmbf_62 {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 24px;
  padding: 0 0.5rem;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background: var(--surface-elevated);
  color: var(--text-tertiary);
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  transition: all var(--transition-fast);
}

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

._navbarCompletedBtnActive_fsmbf_83 {
  color: var(--state-success);
  background: color-mix(in srgb, var(--state-success) 12%, var(--surface-base));
  border-color: var(--state-success-border);
}

._navbarCompletedBtnActive_fsmbf_83:hover {
  background: color-mix(in srgb, var(--state-success) 18%, var(--surface-base));
}

/* Type filter classes removed -- migrated to PillToggleGroup (41-06) */

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

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

._navbarToggle_fsmbf_95 input[type="checkbox"] {
  accent-color: var(--action-primary);
  width: 13px;
  height: 13px;
}

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

._errorBanner_fsmbf_121 {
  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_fsmbf_133 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
}

/* ========================================
   TABLE LAYOUT
   ======================================== */

._projectsTable_fsmbf_146 {
  flex: 1;
  overflow-y: auto;
  padding: 0 1rem 1rem;
  max-width: 1060px;
  margin: 0 auto;
  width: 100%;
}

._tableHeader_fsmbf_155 {
  display: grid;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--border-default);
  position: sticky;
  top: 0;
  background: var(--surface-secondary);
  z-index: 1;
}

._tableHeaderCell_fsmbf_166 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  color: var(--text-tertiary);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
}

._resizeHandle_fsmbf_174 {
  position: absolute;
  top: 0;
  right: -3px;
  bottom: 0;
  width: 6px;
  cursor: col-resize;
  z-index: 2;
}

._resizeHandle_fsmbf_174::before {
  content: '';
  position: absolute;
  top: 25%;
  bottom: 25%;
  left: 2px;
  width: 1px;
  background: transparent;
  transition: background-color 0.15s ease;
}

._resizeHandle_fsmbf_174:hover::before {
  background: var(--text-tertiary);
  width: 2px;
  left: 2px;
}

/* ========================================
   SECTION HEADERS
   ======================================== */

._tableSectionHeader_fsmbf_205 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.325rem 0.75rem;
  margin-top: 1.25rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: var(--radius-sm);
  background-color: var(--surface-secondary);
  border-left: 3px solid var(--border-default);
}

._tableSectionHeader_fsmbf_205[role="button"] {
  cursor: pointer;
}

._tableSectionHeader_fsmbf_205[role="button"]:hover {
  background-color: var(--surface-hover);
}

._tableSectionChevron_fsmbf_225 {
  display: flex;
  align-items: center;
  color: var(--text-tertiary);
}

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

._tableSectionCount_fsmbf_237 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  background-color: var(--surface-active);
  padding: 0 0.375rem;
  border-radius: var(--radius-full);
  min-width: 1.25rem;
  text-align: center;
}

/* Priority section header colors — filled backgrounds */
._sectionHeaderP1_fsmbf_248 {
  background-color: color-mix(in srgb, var(--state-error) 12%, var(--surface-base));
  border-left-color: var(--state-error);
}

._sectionHeaderP1_fsmbf_248 ._tableSectionTitle_fsmbf_231 {
  color: var(--state-error);
}

._sectionHeaderP1_fsmbf_248 ._tableSectionChevron_fsmbf_225 {
  color: var(--state-error);
}

._sectionHeaderP2_fsmbf_261 {
  background-color: color-mix(in srgb, var(--state-warning) 15%, var(--surface-base));
  border-left-color: var(--state-warning);
}

._sectionHeaderP2_fsmbf_261 ._tableSectionTitle_fsmbf_231 {
  color: var(--state-warning);
}

._sectionHeaderP2_fsmbf_261 ._tableSectionChevron_fsmbf_225 {
  color: var(--state-warning);
}

._sectionHeaderP3_fsmbf_274 {
  background-color: color-mix(in srgb, var(--state-info) 12%, var(--surface-base));
  border-left-color: var(--state-info);
}

._sectionHeaderP3_fsmbf_274 ._tableSectionTitle_fsmbf_231 {
  color: var(--state-info);
}

._sectionHeaderP3_fsmbf_274 ._tableSectionChevron_fsmbf_225 {
  color: var(--state-info);
}

._sectionHeaderP4_fsmbf_287 {
  border-left-color: var(--text-tertiary);
}

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

._sectionHeaderCompleted_fsmbf_295 {
  background-color: color-mix(in srgb, var(--state-success) 12%, var(--surface-base));
  border-left-color: var(--state-success);
}

._sectionHeaderCompleted_fsmbf_295 ._tableSectionTitle_fsmbf_231 {
  color: var(--state-success);
}

/* ========================================
   TABLE ROWS
   ======================================== */

._tableRow_fsmbf_308 {
  display: grid;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  align-items: center;
  border-bottom: 1px solid var(--border-subtle);
  cursor: pointer;
  transition: background-color var(--transition-fast);
}

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

._tableCell_fsmbf_322 {
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._tableCellName_fsmbf_330 {
  font-size: var(--font-size-sm);
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

._tableCellDate_fsmbf_339 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  font-variant-numeric: tabular-nums;
}

/* ========================================
   TYPE BADGES
   ======================================== */

._typeBadgeWork_fsmbf_349 {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  border-radius: var(--radius-full);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  background-color: var(--type-work-bg);
  color: var(--type-work);
  border: 1px solid var(--type-work-border);
}

._typeBadgePersonal_fsmbf_361 {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  border-radius: var(--radius-full);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  background-color: var(--type-personal-bg);
  color: var(--type-personal);
  border: 1px solid var(--type-personal-border);
}

/* ========================================
   STATUS BADGE
   ======================================== */

._statusBadge_fsmbf_377 {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  border-radius: var(--radius-full);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
}

._statusNotStarted_fsmbf_386 {
  background-color: var(--surface-secondary);
  color: var(--text-tertiary);
  border: 1px solid var(--border-default);
}

._statusPlanning_fsmbf_392 {
  background-color: var(--state-info-bg);
  color: var(--state-info);
  border: 1px solid var(--state-info-border);
}

._statusInProgress_fsmbf_398 {
  background-color: var(--state-success-bg);
  color: var(--state-success);
  border: 1px solid var(--state-success-border);
}

._statusPaused_fsmbf_404 {
  background-color: var(--state-warning-bg);
  color: var(--state-warning);
  border: 1px solid var(--state-warning-border);
}

._statusCompleted_fsmbf_410 {
  background-color: var(--state-success-bg);
  color: var(--state-success);
  border: 1px solid var(--state-success-border);
}

/* ========================================
   PRIORITY BADGE
   ======================================== */

._priorityBadge_fsmbf_420 {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  border-radius: var(--radius-full);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
}

._priorityP1_fsmbf_429 {
  background-color: var(--state-error-bg);
  color: var(--state-error);
  border: 1px solid var(--state-error-border);
}

._priorityP2_fsmbf_435 {
  background-color: var(--state-warning-bg);
  color: var(--state-warning);
  border: 1px solid var(--state-warning-border);
}

._priorityP3_fsmbf_441 {
  background-color: var(--state-info-bg);
  color: var(--state-info);
  border: 1px solid var(--state-info-border);
}

._priorityP4_fsmbf_447 {
  background-color: var(--surface-secondary);
  color: var(--text-tertiary);
  border: 1px solid var(--border-default);
}

/* ========================================
   INLINE EDITING
   ======================================== */

._inlineNameInput_fsmbf_457 {
  width: 100%;
  padding: 0.125rem 0.25rem;
  font-size: var(--font-size-sm);
  border: 1px solid var(--border-focus);
  border-radius: var(--radius-sm);
  background: var(--surface-base);
  color: var(--text-primary);
  outline: none;
}

._inlineSelect_fsmbf_468 {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  cursor: pointer;
  padding: 0;
  outline: none;
  width: 100%;
}

._inlineSelect_fsmbf_468:focus {
  outline: none;
}

._inlineDatePicker_fsmbf_485 {
  height: 1.5rem !important;
  font-size: var(--font-size-xs) !important;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* ========================================
   EMPTY STATE
   ======================================== */

._tableEmptyState_fsmbf_498 {
  padding: 0.75rem;
  text-align: center;
  font-size: var(--font-size-xs);
  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_1eb1y_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_1eb1y_3:focus-within {
  border-color: var(--action-primary);
  outline: none;
}

._editor_1eb1y_3 {
  width: 100%;
}

._editorContent_1eb1y_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;
  caret-color: var(--action-primary);
}

/* Smooth fade blink — progressive enhancement for supported browsers */
@supports (caret-animation: manual) {
  ._editorContent_1eb1y_21 {
    caret-animation: _manual_1eb1y_1;
    animation: _caretSmoothBlink_1eb1y_1 0.8s ease-in-out infinite;
  }
}

@keyframes _caretSmoothBlink_1eb1y_1 {
  0%, 100% { caret-color: var(--action-primary); }
  50% { caret-color: transparent; }
}

@media (prefers-reduced-motion: reduce) {
  ._editorContent_1eb1y_21 {
    animation: none;
  }
}

/* Placeholder - Tiptap uses .is-editor-empty class */
._editorContent_1eb1y_21._is-editor-empty_1eb1y_50:first-child::before {
  content: attr(data-placeholder);
  color: var(--text-tertiary);
  pointer-events: none;
  float: left;
  height: 0;
}

/* Prose styling for rendered content */
._editorContent_1eb1y_21 h1 {
  font-size: var(--text-xl);
  font-weight: 600;
  margin: 0 0 var(--spacing-sm);
  color: var(--text-primary);
}

._editorContent_1eb1y_21 h2 {
  font-size: var(--text-lg);
  font-weight: 600;
  margin: 0 0 var(--spacing-xs);
  color: var(--text-primary);
}

._editorContent_1eb1y_21 h3 {
  font-size: var(--text-base);
  font-weight: 600;
  margin: 0 0 var(--spacing-xs);
  color: var(--text-primary);
}

._editorContent_1eb1y_21 p {
  margin: 0 0 var(--spacing-xs);
}

._editorContent_1eb1y_21 p:last-child {
  margin-bottom: 0;
}

._editorContent_1eb1y_21 ul,
._editorContent_1eb1y_21 ol {
  margin: 0 0 var(--spacing-sm);
  padding-left: 1.5rem;
  list-style-position: outside;
}

._editorContent_1eb1y_21 li {
  margin-bottom: var(--spacing-xs);
}

._editorContent_1eb1y_21 li p {
  margin: 0;
}

/* Task list */
._editorContent_1eb1y_21 ul[data-type='taskList'] {
  list-style: none;
  padding-left: 0;
}

._editorContent_1eb1y_21 ul[data-type='taskList'] li {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-xs);
}

._editorContent_1eb1y_21 ul[data-type='taskList'] li > label {
  margin-top: 2px;
}

._editorContent_1eb1y_21 ul[data-type='taskList'] li > div {
  flex: 1;
}

._editorContent_1eb1y_21 ul[data-type='taskList'] input[type='checkbox'] {
  width: 16px;
  height: 16px;
  accent-color: var(--action-primary);
  cursor: pointer;
}

/* Blockquote */
._editorContent_1eb1y_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_1eb1y_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_1eb1y_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_1eb1y_21 pre code {
  background: transparent;
  padding: 0;
  border-radius: 0;
}

/* Horizontal rule */
._editorContent_1eb1y_21 hr {
  border: none;
  border-top: 1px solid var(--border);
  margin: var(--spacing-md) 0;
}

/* Tables */
._editorContent_1eb1y_21 table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  margin: 0 0 var(--spacing-sm);
  overflow: hidden;
}

._editorContent_1eb1y_21 td,
._editorContent_1eb1y_21 th {
  min-width: 80px;
  border: 1px solid var(--border-default);
  padding: var(--spacing-xs) var(--spacing-sm);
  vertical-align: top;
  box-sizing: border-box;
  position: relative;
  font-size: var(--text-sm);
}

._editorContent_1eb1y_21 th {
  font-weight: 600;
  background: var(--surface-secondary);
  color: var(--text-primary);
}

._editorContent_1eb1y_21 td {
  background: transparent;
}

/* Selected cell highlight */
._editorContent_1eb1y_21 .selectedCell::after {
  z-index: 2;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--action-primary);
  opacity: 0.1;
  pointer-events: none;
}

/* Column resize handle */
._editorContent_1eb1y_21 .column-resize-handle {
  position: absolute;
  right: -2px;
  top: 0;
  bottom: -2px;
  width: 4px;
  background-color: var(--action-primary);
  pointer-events: none;
}

/* Table wrapper for resize cursor */
._editorContent_1eb1y_21 .tableWrapper {
  overflow-x: auto;
  margin: 0 0 var(--spacing-sm);
}

._editorContent_1eb1y_21 table p {
  margin: 0;
}

/* Bold, italic, underline, strikethrough */
._editorContent_1eb1y_21 strong {
  font-weight: 600;
}

._editorContent_1eb1y_21 em {
  font-style: italic;
}

._editorContent_1eb1y_21 u {
  text-decoration: underline;
}

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

/* Links */
._editorContent_1eb1y_21 a {
  color: var(--action-primary);
  text-decoration: underline;
  cursor: pointer;
}

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

/* Bubble Menu */
._bubbleWrapper_1eb1y_266 {
  display: flex;
  position: absolute;
  z-index: var(--z-floating);
}

._bubbleMenu_1eb1y_272 {
  display: flex;
  gap: 2px;
  padding: var(--spacing-xs);
  background: var(--surface-elevated);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-md);
}

._bubbleButton_1eb1y_282 {
  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_1eb1y_282:hover {
  background: var(--surface-hover);
  color: var(--text-primary);
}

._bubbleButtonActive_1eb1y_301 {
  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_1eb1y_315 {
  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: var(--shadow-lg);
  padding: var(--spacing-xs);
}

._commandEmpty_1eb1y_328 {
  padding: var(--spacing-md);
  color: var(--text-tertiary);
  font-size: var(--text-sm);
  text-align: center;
}

._commandItem_1eb1y_335 {
  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_1eb1y_335:hover,
._commandItem_1eb1y_335[data-selected='true'],
._commandItem_1eb1y_335[aria-selected='true'] {
  background: var(--surface-hover);
}

._commandIcon_1eb1y_351 {
  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_1eb1y_364 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow: hidden;
}

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

._commandDescription_1eb1y_377 {
  font-size: var(--text-xs);
  color: var(--text-tertiary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* ========================================
   SEARCHABLE DROPDOWN - Shared styles
   for all searchable dropdown selectors
   ======================================== */

._dropdownContent_xcvdl_6 {
  padding: 0;
}

._searchInput_xcvdl_10 {
  padding: 0.375rem;
  border-bottom: 1px solid var(--border-default);
}

._searchInputField_xcvdl_15 {
  height: 1.75rem;
  font-size: var(--font-size-sm);
}

._list_xcvdl_20 {
  max-height: 240px;
  overflow-y: auto;
  padding: 0.25rem;
}

._item_xcvdl_26 {
  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;
}

._item_xcvdl_26 svg {
  flex-shrink: 0;
}

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

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

._itemText_xcvdl_54 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 180px;
}

._check_xcvdl_61 {
  margin-left: auto;
  color: var(--action-primary);
  flex-shrink: 0;
}

._empty_xcvdl_67 {
  padding: 0.75rem 0.5rem;
  text-align: center;
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
}

/* Group header (e.g., objective headers in KR dropdown) */
._groupHeader_xcvdl_75 {
  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);
}

._groupHeader_xcvdl_75:first-of-type {
  border-top: none;
}

._groupHeaderTrailing_xcvdl_91 {
  margin-left: auto;
  color: var(--text-tertiary);
}

/* Indented items under a group header */
._indentedItem_xcvdl_97 {
  padding-left: 1.5rem;
}

/* Progress badge */
._progress_xcvdl_102 {
  margin-left: auto;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  flex-shrink: 0;
}
/**
 * Practices Page Styles
 */

._container_1t8bm_5 {
  height: 100%;
  overflow-y: auto;
  padding: 1.5rem;
  background: var(--surface-base);
}

._content_1t8bm_12 {
  max-width: none;
  margin: 0 2%;
}

._header_1t8bm_17 {
  margin-bottom: 1.5rem;
}

._title_1t8bm_21 {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 0.25rem;
}

._subtitle_1t8bm_28 {
  font-size: 0.875rem;
  color: var(--text-tertiary);
}

._grid_1t8bm_33 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
}

._card_1t8bm_39 {
  background: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: 0.5rem;
  padding: 1rem;
  transition: border-color 0.15s ease;
}

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

._cardHeader_1t8bm_51 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

._cardIcon_1t8bm_58 {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--text-secondary);
}

._cardTitle_1t8bm_64 {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
}

._cardContent_1t8bm_70 {
  font-size: 0.8125rem;
  color: var(--text-secondary);
  line-height: 1.5;
}

._list_1t8bm_76 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

._listItem_1t8bm_85 {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

._bullet_1t8bm_91 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--text-tertiary);
  margin-top: 0.5rem;
  flex-shrink: 0;
}

._table_1t8bm_100 {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8125rem;
}

._table_1t8bm_100 th,
._table_1t8bm_100 td {
  padding: 0.375rem 0.5rem;
  text-align: left;
  border-bottom: 1px solid var(--border-subtle);
}

._table_1t8bm_100 th {
  font-weight: 500;
  color: var(--text-tertiary);
  font-size: 0.75rem;

  letter-spacing: 0.025em;
}

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

._table_1t8bm_100 tr:last-child td {
  border-bottom: none;
}

._priorityBadge_1t8bm_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_1t8bm_140 {
  background: var(--priority-p1-bg);
  color: var(--priority-p1-text);
}

._p2_1t8bm_145 {
  background: var(--priority-p2-bg);
  color: var(--priority-p2-text);
}

._p3_1t8bm_150 {
  background: var(--priority-p3-bg);
  color: var(--priority-p3-text);
}

._p4_1t8bm_155 {
  background: var(--priority-p4-bg);
  color: var(--priority-p4-text);
}

._kbd_1t8bm_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_1t8bm_175 {
  color: var(--text-primary);
  font-weight: 500;
}

._wideCard_1t8bm_180 {
  grid-column: 1 / -1;
}

@media (max-width: 640px) {
  ._container_1t8bm_5 {
    padding: 1rem;
  }

  ._grid_1t8bm_33 {
    grid-template-columns: 1fr;
  }
}
/* ============================================================================
   OKR MODULE STYLES
   ============================================================================ */

/* ============================================================================
   OKR VIEW - Main Container
   ============================================================================ */

._okrView_1buis_9 {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--bg-primary);
}

/* ============================================================================
   Navigation - Period Nav
   ============================================================================ */

._okrNav_1buis_20 {
  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_1buis_29 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

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

._okrPeriodDropdown_1buis_41 {
  height: 28px;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  min-width: 0;
  width: auto;
  border-color: transparent;
  background: transparent;
  padding: 0 0.5rem;
  gap: 0.25rem;
}

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

._okrGoToCurrentBtn_1buis_58 {
  padding: 0.125rem 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);
}

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

/* ============================================================================
   Content Area
   ============================================================================ */

._okrContent_1buis_79 {
  flex: 1;
  overflow-y: auto;
  padding: var(--space-4) var(--space-6);
}

/* Loading State */
._okrLoading_1buis_86 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  height: 200px;
  color: var(--text-secondary);
}

._okrLoadingSpinner_1buis_96 {
  animation: _spin_1buis_1 1s linear infinite;
}

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

/* Error State */
._okrError_1buis_110 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  height: 200px;
  color: var(--status-error);
}

/* Empty State */
._okrEmpty_1buis_121 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  height: 300px;
  text-align: center;
}

._okrEmptyText_1buis_131 {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  margin: 0;
  max-width: 300px;
}

/* ============================================================================
   Modal - Matching TaskModal style
   ============================================================================ */

._modalOverlay_1buis_142 {
  position: fixed;
  inset: 0;
  z-index: var(--z-overlay);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5vh 20px;
  background-color: var(--overlay-bg);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  animation: _fadeIn_1buis_1 0.15s ease-out;
}

@keyframes _fadeIn_1buis_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes _scaleIn_1buis_1 {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

._modal_1buis_142 {
  width: 100%;
  max-width: 560px;
  max-height: 85vh;
  background-color: var(--surface-elevated);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-2xl), 0 0 0 1px var(--border-default);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  animation: _scaleIn_1buis_1 0.15s ease-out;
}

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

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

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

._modalCloseBtn_1buis_209 {
  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_1buis_209:hover {
  color: var(--text-primary);
  background-color: var(--surface-base);
}

._modalTabs_1buis_228 {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--border-default);
}

._modalTab_1buis_228 {
  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_1buis_228:hover {
  color: var(--text-primary);
  background-color: var(--surface-base);
}

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

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

._modalMain_1buis_264 {
  flex: 1;
  padding: 1rem;
  overflow-y: auto;
}

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

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

._inputLabel_1buis_281 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);

  letter-spacing: 0.02em;
}

._titleInput_1buis_289 {
  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_1buis_289:focus {
  border-color: var(--action-primary);
}

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

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

._descriptionInput_1buis_311 {
  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_1buis_311:focus {
  border-color: var(--action-primary);
}

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

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

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

._modalCancelBtn_1buis_343 {
  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_1buis_343:hover {
  color: var(--text-primary);
  background-color: var(--surface-base);
}

._modalSaveBtn_1buis_360 {
  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_1buis_360:hover:not(:disabled) {
  background-color: var(--action-primary-hover);
}

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

/* ============================================================================
   Key Result Form (in modal)
   ============================================================================ */

._krListForm_1buis_385 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._krFormItem_1buis_391 {
  padding: 0.875rem 1rem;
  background-color: var(--surface-base);
  border: 1px solid color-mix(in srgb, var(--border-default) 60%, transparent);
  border-radius: var(--radius-md);
  transition: border-color 0.15s ease;
}

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

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

._krFormNumber_1buis_410 {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-secondary);
  letter-spacing: 0.04em;
}

/* Design system trash — bordered square, matches projectModalDeleteBtn */
._krFormRemove_1buis_418 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  color: var(--text-tertiary);
  background: transparent;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.15s ease;
  opacity: 0;
}

._krFormItem_1buis_391:hover ._krFormRemove_1buis_418 {
  opacity: 1;
}

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

._krFormTitleInput_1buis_443 {
  width: 100%;
  padding: 0.5rem 0;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  background: transparent;
  border: none;
  border-bottom: 1px solid color-mix(in srgb, var(--border-default) 50%, transparent);
  margin-bottom: 0.625rem;
  outline: none;
  transition: border-color 0.15s ease;
}

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

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

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

._krFormTypeRow_1buis_466 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

._krFormTypeLabel_1buis_473 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  flex-shrink: 0;
  min-width: 52px;
}

._krFormTypeButtons_1buis_480 {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
}

._krFormTypeBtn_1buis_486 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.1875rem 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  background: transparent;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-full);
  cursor: pointer;
  transition: all 0.15s ease;
}

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

._krFormTypeBtnActive_1buis_505 {
  color: var(--action-primary);
  background-color: var(--action-primary-subtle);
  border-color: var(--action-primary);
}

._krFormTargetRow_1buis_511 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

._krFormTargetLabel_1buis_518 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  min-width: 52px;
}

._krFormTargetInput_1buis_524 {
  width: 72px;
  padding: 0.25rem 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_1buis_524:focus {
  border-color: var(--action-primary);
}

/* ============================================================================
   Period Selector (in modal)
   ============================================================================ */

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

._timeframeButtons_1buis_550 {
  display: flex;
  gap: 0;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

._timeframeBtn_1buis_558 {
  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_1buis_558:first-child {
  border-right: 1px solid var(--border-default);
}

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

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

._periodSelect_1buis_544 {
  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_1buis_544:focus {
  border-color: var(--action-primary);
}

/* ============================================================================
   TABLE LAYOUT (Phase 44 - Notion-style table)
   ============================================================================ */

/* Table container - centered, constrained width */
._okrTableContainer_1buis_604 {
  max-width: 960px;
  margin: 0 auto;
}

._okrTable_1buis_604 {
  flex: 1;
  overflow-y: auto;
  padding: 0 1rem 1rem;
}

/* Table header - sticky with grid layout */
._okrTableHeader_1buis_616 {
  display: grid;
  grid-template-columns: 1fr 140px auto;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--border-subtle);
  position: sticky;
  top: 0;
  background: var(--surface-base);
  z-index: 1;
}

._okrTableHeaderCell_1buis_628 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  color: var(--text-tertiary);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* Table rows - same grid as header */
._okrTableRow_1buis_636 {
  display: grid;
  grid-template-columns: 1fr 140px auto;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  align-items: center;
  border-bottom: 1px solid var(--border-subtle);
  cursor: pointer;
  transition: background-color var(--transition-fast);
}

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

._okrTableRowExpanded_1buis_651 {
}

/* Name cell with chevron + title */
._okrTableCellName_1buis_655 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  min-width: 0;
}

._okrTableNameText_1buis_662 {
  font-size: var(--font-size-base);
  font-weight: 600;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Period cell */
._okrTablePeriod_1buis_672 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  font-variant-numeric: tabular-nums;
}

/* Expand/collapse button */
._okrTableExpandBtn_1buis_679 {
  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;
  transition: transform 150ms ease;
}

._okrTableExpandBtnExpanded_1buis_694 {
  transform: rotate(90deg);
}

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

/* Progress number with color variants */
._okrTableProgress_1buis_704 {
  font-size: var(--font-size-sm);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}

._okrTableProgressRed_1buis_710 {
  color: var(--state-error);
}

._okrTableProgressYellow_1buis_714 {
  color: var(--state-warning);
}

._okrTableProgressGreen_1buis_718 {
  color: var(--state-success);
}

._okrTableProgressCell_1buis_722 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

._okrTableProgressBarInline_1buis_728 {
  flex: 1;
  height: 4px;
  background-color: var(--border-subtle);
  border-radius: var(--radius-full);
  overflow: hidden;
  min-width: 32px;
  max-width: 48px;
}

._okrTableProgressBarFill_1buis_738 {
  height: 100%;
  border-radius: var(--radius-full);
  transition: width 0.3s ease;
}

/* KR count */
._okrTableKRCount_1buis_745 {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  font-variant-numeric: tabular-nums;
}

/* Status badge - pill shape */
._okrTableStatusBadge_1buis_752 {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  border-radius: var(--radius-full);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
}

._okrTableStatusActive_1buis_761 {
  background-color: transparent;
  color: var(--state-info);
  border: 1px solid var(--state-info-border);
}

._okrTableStatusCompleted_1buis_767 {
  background-color: transparent;
  color: var(--state-success);
  border: 1px solid var(--state-success-border);
}

._okrTableStatusCancelled_1buis_773 {
  background-color: transparent;
  color: var(--text-tertiary);
  border: 1px solid var(--border-default);
}

/* KR sub-rows - grid aligned with header columns */
._okrTableKRSubRow_1buis_780 {
  display: grid;
  grid-template-columns: 1fr 140px auto;
  gap: 0.5rem;
  padding: 0.375rem 0.75rem;
  align-items: center;
  font-size: var(--font-size-sm);
  border-bottom: 1px solid var(--border-subtle);
}

._okrTableKRSubRow_1buis_780:last-child {
  border-bottom: 1px solid var(--border-default);
}

._okrTableKRTitle_1buis_794 {
  color: var(--text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 1rem;
}

._okrTableKRProgress_1buis_802 {
  font-size: var(--font-size-sm);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}

/* ============================================================================
   TWO-COLUMN MODAL (Matching ProjectModal pattern)
   ============================================================================ */

/* Modal shell - two-column layout (edit mode) */
._okrModalUnified_1buis_813 {
  background: var(--surface-elevated);
  border-radius: var(--radius-lg);
  width: 90%;
  max-width: 1100px;
  height: 92vh;
  max-height: 92vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: var(--shadow-2xl), 0 0 0 1px var(--border-default);
}

/* Create mode - compact single-column */
._okrModalCreate_1buis_827 {
  background: var(--surface-elevated);
  border-radius: var(--radius-lg);
  width: 85%;
  max-width: 1050px;
  height: 80vh;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: var(--shadow-2xl), 0 0 0 1px var(--border-default);
}

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

._okrCreateMetaRow_1buis_849 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--border-default) 40%, transparent);
}

/* Header - minimal, just close button */
._okrModalHeader_1buis_858 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.25rem 0.75rem;
  border-bottom: 1px solid color-mix(in srgb, var(--border-default) 40%, transparent);
}

._okrModalCloseBtn_1buis_866 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-default);
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all 0.1s ease;
}

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

/* Two-column body */
._okrModalBody_1buis_887 {
  display: flex;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

/* Left column - main content */
._okrModalMain_1buis_895 {
  flex: 1;
  padding: 1.5rem;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Title row with icon */
._okrModalTitleRow_1buis_905 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._okrModalTitleIcon_1buis_911 {
  color: var(--text-muted);
  flex-shrink: 0;
}

._okrModalTitleInput_1buis_916 {
  flex: 1;
  font-size: 1.25rem;
  font-weight: 600;
  background: transparent;
  border: none;
  color: var(--text-primary);
  outline: none;
  padding: 0;
}

._okrModalTitleInput_1buis_916::-moz-placeholder {
  color: var(--text-muted);
}

._okrModalTitleInput_1buis_916::placeholder {
  color: var(--text-muted);
}

/* Description area - borderless, like Linear */
._okrModalDescription_1buis_932 {
  width: 100%;
  padding: 0.5rem 0;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  background: transparent;
  border: none;
  border-bottom: 1px solid color-mix(in srgb, var(--border-default) 40%, transparent);
  outline: none;
  resize: none;
  min-height: 60px;
  font-family: inherit;
  line-height: 1.5;
  transition: border-color 0.15s ease;
}

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

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

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

/* KR section in main area */
._okrModalKRSection_1buis_958 {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 200px;
}

._okrModalKRHeader_1buis_965 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.375rem 0;
  margin-bottom: 0.625rem;
}

._okrModalKRTitle_1buis_973 {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--text-primary);
}

._okrModalKRCount_1buis_980 {
  font-size: 11px;
  color: var(--text-tertiary);
  font-variant-numeric: tabular-nums;
}

/* Right sidebar - metadata */
._okrModalSidebar_1buis_987 {
  width: 280px;
  flex-shrink: 0;
  padding: 1rem 1.25rem;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--surface-base);
  border-left: 1px solid color-mix(in srgb, var(--border-default) 40%, transparent);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: var(--font-size-xs);
}

/* Sidebar section */
._okrSidebarSection_1buis_1002 {
  padding-bottom: 0;
  margin-bottom: 1.25rem;
}

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

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

/* Sidebar field row (icon + label + value) */
._okrSidebarField_1buis_1020 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0;
}

._okrSidebarFieldIcon_1buis_1027 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  flex-shrink: 0;
  color: var(--text-secondary);
}

._okrSidebarFieldLabel_1buis_1036 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  min-width: 60px;
  flex-shrink: 0;
}

._okrSidebarFieldValue_1buis_1043 {
  font-size: var(--font-size-xs);
  color: var(--text-primary);
}

/* Progress summary in sidebar */
._okrProgressSummary_1buis_1049 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._okrProgressBar_1buis_1055 {
  height: 6px;
  background-color: var(--surface-elevated);
  border-radius: var(--radius-full);
  overflow: hidden;
}

._okrProgressFill_1buis_1062 {
  height: 100%;
  border-radius: var(--radius-full);
  transition: width 0.3s ease;
}

._okrProgressFillGreen_1buis_1068 {
  background-color: var(--state-success);
}

._okrProgressFillYellow_1buis_1072 {
  background-color: var(--state-warning);
}

._okrProgressFillRed_1buis_1076 {
  background-color: var(--state-error);
}

._okrProgressLabel_1buis_1080 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  font-variant-numeric: tabular-nums;
}

/* Footer */
._okrModalFooter_1buis_1087 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.25rem 0.75rem;
  border-top: 1px solid color-mix(in srgb, var(--border-default) 40%, transparent);
}

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

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

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

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

._okrModalCreateBtn_1buis_1121:hover {
  background: var(--action-primary-hover);
}

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

._okrModalDeleteBtn_1buis_1142 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  font-size: var(--font-size-xs);
  color: var(--status-error);
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  margin-right: auto;
  transition: all 0.1s ease;
}

._okrModalDeleteBtn_1buis_1142:hover {
  background-color: var(--state-error-bg);
}

/* KR inline progress row */
._krFormProgressRow_1buis_1162 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._krFormProgressLabel_1buis_1168 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  flex-shrink: 0;
  min-width: 52px;
}

._krFormProgressInput_1buis_1175 {
  width: 64px;
  padding: 0.25rem 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;
  font-variant-numeric: tabular-nums;
  transition: border-color 0.15s ease;
}

._krFormProgressInput_1buis_1175:focus {
  border-color: var(--action-primary);
}

._krFormProgressSuffix_1buis_1192 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  flex-shrink: 0;
}

/* Quick-complete checkbox */
._krFormQuickComplete_1buis_1199 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  cursor: pointer;
  margin-left: auto;
  flex-shrink: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: color 0.1s ease;
}

._krFormQuickComplete_1buis_1199:hover {
  color: var(--text-secondary);
}

._krFormQuickComplete_1buis_1199 input[type="checkbox"] {
  accent-color: var(--action-primary);
  cursor: pointer;
}

/* "Add" button with centered label on a horizontal line */
._addLineButton_1buis_1222 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0.25rem;
  width: 100%;
  padding: 0.5rem 0;
  font-size: var(--font-size-xs);
  color: transparent;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.15s ease;
  position: relative;
}

._addLineButton_1buis_1222::before {
  content: '';
  position: absolute;
  top: 0.5rem;
  left: 0;
  right: 0;
  height: 1px;
  background: transparent;
  transition: background 0.15s ease;
}

._addLineButton_1buis_1222:hover {
  color: var(--text-tertiary);
}

._addLineButton_1buis_1222:hover::before {
  background: var(--border-default);
}

._addLineButton_1buis_1222:focus-visible {
  color: var(--text-tertiary);
  outline: none;
}

._addLineButton_1buis_1222:focus-visible::before {
  background: var(--border-default);
}

._addLineButtonLabel_1buis_1266 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0 0.375rem;
  background: var(--surface-elevated);
  position: relative;
  z-index: 1;
  font-size: var(--font-size-xs);
  line-height: 1;
}

/* ============================================================================
   DRAG AND DROP
   ============================================================================ */

/* Drag handle - hidden by default, visible on row hover */
._dragHandle_1buis_1283 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  opacity: 0;
  color: var(--text-tertiary);
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: grab;
  flex-shrink: 0;
  transition: opacity 150ms ease;
  padding: 0;
  pointer-events: none;
}

._okrTableRow_1buis_636:hover ._dragHandle_1buis_1283,
._okrTableKRSubRow_1buis_780:hover ._dragHandle_1buis_1283 {
  opacity: 1;
  pointer-events: auto;
}

._dragHandle_1buis_1283:active {
  cursor: grabbing;
}

._dragHandle_1buis_1283:hover {
  color: var(--text-secondary);
}

/* Drag overlay - simplified preview of dragged row */
._okrDragOverlay_1buis_1316 {
  padding: 0.5rem 0.75rem;
  font-size: var(--font-size-base);
  font-weight: 600;
  color: var(--text-primary);
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-lg);
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._okrDragOverlayKR_1buis_1331 {
  padding: 0.375rem 0.75rem;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-lg);
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 2rem;
}

/* KR title cell - flex container for drag handle + title */
._okrTableKRTitleCell_1buis_1347 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  min-width: 0;
}

/* Labels cell in table rows */
._okrTableLabelsCell_1buis_1355 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  overflow: hidden;
  max-height: 2rem;
}

/* ============================================================================
   CARD GRID VIEW
   ============================================================================ */

._cardGrid_1buis_1368 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
  gap: var(--space-4);
  align-items: start; /* CRITICAL: prevents equal-height rows causing layout jump on expand */
  max-width: 960px;
  margin: 0 auto;
}

._okrViewToggle_1buis_1377 {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

._okrViewToggleBtn_1buis_1386 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: transparent;
  border: none;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._okrViewToggleBtn_1buis_1386:hover {
  color: var(--text-secondary);
  background: var(--surface-hover);
}

._okrViewToggleActive_1buis_1404 {
  color: var(--text-primary);
  background: var(--surface-elevated);
}

._labelCard_1buis_1410 {
  background: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

._labelCardHeader_1buis_1417 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-subtle);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

._labelCardDot_1buis_1428 {
  width: 8px;
  height: 8px;
  border-radius: var(--radius-full);
  flex-shrink: 0;
}

._labelCardBody_1buis_1435 {
  padding: 0.25rem 0;
}

._cardObjectiveRow_1buis_1439 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
  transition: background-color var(--transition-fast);
}

._cardObjectiveRow_1buis_1439:hover {
  background-color: var(--surface-hover);
}

._cardObjectiveTitle_1buis_1452 {
  flex: 1;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

._cardObjectiveProgress_1buis_1463 {
  font-size: var(--font-size-xs);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}

._cardObjectiveEditBtn_1buis_1470 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  opacity: 0;
  color: var(--text-tertiary);
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  flex-shrink: 0;
  transition: opacity 150ms ease;
}

._cardObjectiveRow_1buis_1439:hover ._cardObjectiveEditBtn_1buis_1470 {
  opacity: 1;
}

._cardObjectiveEditBtn_1buis_1470:hover {
  color: var(--text-primary);
  background: var(--surface-base);
}

._cardKRList_1buis_1495 {
  padding: 0 1rem 0.5rem 2.25rem;
}

._cardKRRow_1buis_1499 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0;
}

._cardKRTitle_1buis_1506 {
  flex: 1;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

._cardKRProgressWrap_1buis_1516 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex-shrink: 0;
}

._cardKRProgressText_1buis_1523 {
  font-size: var(--font-size-xs);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  min-width: 28px;
  text-align: right;
}

/* Card drag handle - hidden by default, visible on row hover */
._cardDragHandle_1buis_1532 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  opacity: 0;
  color: var(--text-tertiary);
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: grab;
  flex-shrink: 0;
  transition: opacity 150ms ease;
  padding: 0;
  pointer-events: none;
}

._cardObjectiveRow_1buis_1439:hover ._cardDragHandle_1buis_1532 {
  opacity: 1;
  pointer-events: auto;
}

._cardDragHandle_1buis_1532:active {
  cursor: grabbing;
}

._cardDragHandle_1buis_1532:hover {
  color: var(--text-secondary);
}
/**
 * Inbox View Styles
 * Linear-style list layout with secondary navbar
 */

/* ========================================
   WRAPPER & CONTAINER
   ======================================== */

._inboxWrapper_vl272_10 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

._container_vl272_17 {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0;
  overflow: hidden;
  max-width: 1060px;
  margin: 0 auto;
  width: 100%;
}

/* ========================================
   INBOX NAVBAR (Secondary navigation bar)
   ======================================== */

._inboxNavbar_vl272_32 {
  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_vl272_43 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._navbarTaskCount_vl272_49 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-tertiary);
  background: var(--surface-active);
  padding: 2px 8px;
  border-radius: 999px;
}

._navbarRight_vl272_58 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

._navbarSearch_vl272_65 {
  position: relative;
  width: 200px;
  flex-shrink: 0;
}

._navbarSearchIcon_vl272_71 {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-tertiary);
  pointer-events: none;
  z-index: 1;
}

._navbarSearchInput_vl272_81 {
  height: 1.75rem !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  font-size: var(--font-size-xs) !important;
  width: 100%;
}

._navbarSearchClear_vl272_89 {
  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_vl272_89:hover {
  color: var(--text-primary);
  background: var(--surface-active);
}

._navbarSeparator_vl272_111 {
  width: 1px;
  height: 1rem;
  background-color: var(--border-default);
  margin: 0 0.25rem;
}

._navbarToggle_vl272_118 {
  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_vl272_118:hover {
  background: var(--surface-hover);
}

._navbarTypeFilter_vl272_135 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

._navbarTypeBtn_vl272_141 {
  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_vl272_141:hover {
  color: var(--text-secondary);
  border-color: var(--border-hover);
}

._navbarTypeBtnActive_vl272_161 {
  color: var(--text-primary);
}

._navbarTypeBtnWork_vl272_165 {
  border-color: var(--color-blue-500);
  background: color-mix(in srgb, var(--color-blue-500) 15%, transparent);
}

._navbarTypeBtnPersonal_vl272_170 {
  border-color: var(--color-green-500);
  background: color-mix(in srgb, var(--color-green-500) 15%, transparent);
}

._groupByIconBtn_vl272_175 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: var(--radius-md);
  border: none;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}

._groupByIconBtn_vl272_175:hover {
  background-color: var(--surface-hover);
  color: var(--text-primary);
}

._navbarClearBtn_vl272_194 {
  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_vl272_194:hover {
  color: var(--text-secondary);
}

/* ========================================
   LIST CONTAINER
   ======================================== */

._listContainer_vl272_212 {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}

/* ========================================
   INBOX HEADER (column labels + resize handles)
   ======================================== */

._inboxHeader_vl272_222 {
  display: grid;
  gap: 6px;
  padding: 0.375rem 1rem;
  border-bottom: 1px solid var(--border-default);
  background: var(--surface-secondary);
  position: sticky;
  top: 0;
  z-index: 1;
  flex-shrink: 0;
}

._inboxHeaderCell_vl272_234 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  color: var(--text-tertiary);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
}

._resizeHandle_vl272_242 {
  position: absolute;
  top: 0;
  right: -3px;
  bottom: 0;
  width: 6px;
  cursor: col-resize;
  z-index: 2;
}

._resizeHandle_vl272_242::before {
  content: '';
  position: absolute;
  top: 25%;
  bottom: 25%;
  left: 2px;
  width: 1px;
  background: transparent;
  transition: background-color 0.15s ease;
}

._resizeHandle_vl272_242:hover::before {
  background: var(--text-tertiary);
  width: 2px;
  left: 2px;
}

/* ========================================
   LIST ROWS
   ======================================== */

._listRow_vl272_273 {
  display: grid;
  align-items: center;
  gap: 6px;
  padding: 8px 1rem;
  border-bottom: 1px solid var(--border-subtle);
  cursor: pointer;
  transition: background-color 0.1s ease;
  min-height: 40px;
}

._listRow_vl272_273:last-child {
  border-bottom: none;
}

._listRow_vl272_273:hover {
  background: var(--surface-hover);
}

/* Title cell: checkbox + title as internal flex */
._rowTitleCell_vl272_293 {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

._rowCheckbox_vl272_300 {
  flex-shrink: 0;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.1s ease;
}

._listRow_vl272_273:hover ._rowCheckbox_vl272_300 {
  opacity: 1;
}

._rowTitle_vl272_293 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

._rowTitleCompleted_vl272_324 {
  color: var(--text-tertiary);
  text-decoration: line-through;
}

/* Meta badges — compact, muted */
._metaType_vl272_330 {
  font-size: 10px;
  font-weight: 600;
  padding: 1px 6px;
  border-radius: 3px;
  white-space: nowrap;
  text-align: right;
}

._metaTypeWork_vl272_339 {
  background: var(--type-work-bg);
  color: var(--type-work);
}

._metaTypePersonal_vl272_344 {
  background: var(--type-personal-bg);
  color: var(--type-personal);
}

._metaPriority_vl272_349 {
  font-size: 10px;
  font-weight: 600;
  padding: 1px 5px;
  border-radius: 3px;
  text-align: right;
}

._metaProject_vl272_357 {
  font-size: 11px;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  max-width: 100%;
}

._metaProjectWork_vl272_367 {
  color: var(--state-info);
}

._metaProjectPersonal_vl272_371 {
  color: var(--state-success);
}

._metaDate_vl272_375 {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 11px;
  color: var(--text-secondary);
  white-space: nowrap;
  text-align: right;
}

._metaDeadline_vl272_385 {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 11px;
  white-space: nowrap;
  text-align: right;
}

._metaTime_vl272_394 {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 11px;
  color: var(--text-secondary);
  white-space: nowrap;
  text-align: right;
}

._metaAge_vl272_404 {
  font-size: 10px;
  color: var(--text-tertiary);
  white-space: nowrap;
  text-align: right;
}

/* Priority colors (reused on meta badges) */
._priorityP1_vl272_412 {
  background: var(--state-error-bg);
  color: var(--state-error);
}

._priorityP2_vl272_417 {
  background: var(--state-warning-bg);
  color: var(--state-warning);
}

._priorityP3_vl272_422 {
  background: var(--state-info-bg);
  color: var(--state-info);
}

._priorityP4_vl272_427 {
  background: var(--surface-tertiary);
  color: var(--text-secondary);
}

/* Deadline urgency */
._deadlineOverdue_vl272_433 {
  color: var(--state-error);
}

._deadlineSoon_vl272_437 {
  color: var(--state-warning);
}

._deadlineFuture_vl272_441 {
  color: var(--text-secondary);
}

/* ========================================
   GROUP HEADERS (matches projects section header pattern)
   ======================================== */

._groupHeader_vl272_449 {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-top: 0.75rem;
  border-radius: var(--radius-sm);
  background-color: var(--surface-secondary);
  border-left: 3px solid var(--border-default);
}

._groupHeader_vl272_449:first-child {
  margin-top: 0.5rem;
}

._groupHeader_vl272_449:hover {
  background-color: var(--surface-hover);
}

._groupHeaderContent_vl272_466 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.325rem 0.75rem;
}

._groupHeaderLeft_vl272_473 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-tertiary);
}

._groupTitle_vl272_480 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

._groupCount_vl272_486 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  background-color: var(--surface-active);
  padding: 0 0.375rem;
  border-radius: var(--radius-full);
  min-width: 1.25rem;
  text-align: center;
}

/* Priority group header colors */
._groupHeaderP1_vl272_497 {
  background-color: color-mix(in srgb, var(--state-error) 12%, var(--surface-base));
  border-left-color: var(--state-error);
}

._groupHeaderP1_vl272_497 ._groupTitle_vl272_480 {
  color: var(--state-error);
}

._groupHeaderP1_vl272_497 ._groupHeaderLeft_vl272_473 {
  color: var(--state-error);
}

._groupHeaderP2_vl272_510 {
  background-color: color-mix(in srgb, var(--state-warning) 15%, var(--surface-base));
  border-left-color: var(--state-warning);
}

._groupHeaderP2_vl272_510 ._groupTitle_vl272_480 {
  color: var(--state-warning);
}

._groupHeaderP2_vl272_510 ._groupHeaderLeft_vl272_473 {
  color: var(--state-warning);
}

._groupHeaderP3_vl272_523 {
  background-color: color-mix(in srgb, var(--state-info) 12%, var(--surface-base));
  border-left-color: var(--state-info);
}

._groupHeaderP3_vl272_523 ._groupTitle_vl272_480 {
  color: var(--state-info);
}

._groupHeaderP3_vl272_523 ._groupHeaderLeft_vl272_473 {
  color: var(--state-info);
}

._groupHeaderP4_vl272_536 {
  border-left-color: var(--text-tertiary);
}

._groupHeaderP4_vl272_536 ._groupTitle_vl272_480 {
  color: var(--text-tertiary);
}

/* ========================================
   LOADING & EMPTY STATES
   ======================================== */

._loading_vl272_548 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px;
}

@keyframes _spin_vl272_1 {
  to {
    transform: rotate(360deg);
  }
}

._empty_vl272_561 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px;
  color: var(--text-tertiary);
  font-size: 14px;
  gap: 8px;
}

._emptyIcon_vl272_572 {
  opacity: 0.4;
  color: var(--text-disabled);
}

/* ========================================
   RECURRING TEMPLATE ROWS
   ======================================== */

._templateBadge_vl272_581 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--action-primary);
  opacity: 1;
}

._templateInstanceCount_vl272_589 {
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  white-space: nowrap;
  flex-shrink: 0;
}

/* ========================================
   WORK SESSIONS LIST VIEW
   ======================================== */

._sessionsHeader_vl272_603 {
  display: grid;
  gap: 6px;
  padding: 0.375rem 1rem;
  border-bottom: 1px solid var(--border-default);
  background: var(--surface-secondary);
  position: sticky;
  top: 0;
  z-index: 1;
  flex-shrink: 0;
}

._sessionsRow_vl272_615 {
  display: grid;
  align-items: center;
  gap: 6px;
  padding: 8px 1rem;
  border-bottom: 1px solid var(--border-subtle);
  transition: background-color 0.1s ease;
  min-height: 40px;
}

._sessionsRow_vl272_615:last-child {
  border-bottom: none;
}

._sessionsRow_vl272_615:hover {
  background: var(--surface-hover);
}

._sessionTaskName_vl272_633 {
  font-size: 11px;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

._sessionStatusBadge_vl272_642 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
}

._sessionStatusCompleted_vl272_651 {
  color: var(--state-success);
}

._sessionStatusInProgress_vl272_655 {
  color: var(--state-info);
}

._sessionStatusScheduled_vl272_659 {
  color: var(--text-tertiary);
}

._sessionStatusMissed_vl272_663 {
  color: var(--state-warning);
}

._sessionStatusCancelled_vl272_667 {
  color: var(--text-tertiary);
}

._sessionDuration_vl272_671 {
  font-size: 11px;
  color: var(--text-secondary);
  text-align: right;
  white-space: nowrap;
}

/* ========================================
   FOCUS BLOCKS LIST VIEW
   ======================================== */

._focusBlockOutlier_vl272_682 {
  display: inline-flex;
  align-items: center;
  color: var(--state-warning);
  flex-shrink: 0;
}

._focusBlockJumpLink_vl272_689 {
  display: inline-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;
  transition: background-color 0.15s ease, color 0.15s ease;
  opacity: 0;
}

._sessionsRow_vl272_615:hover ._focusBlockJumpLink_vl272_689 {
  opacity: 1;
}

._focusBlockJumpLink_vl272_689:hover {
  background-color: var(--surface-hover);
  color: var(--text-primary);
}

/* ========================================
   LOAD MORE FOOTER
   ======================================== */

._loadMoreFooter_vl272_717 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--border-default);
}

._loadMoreCount_vl272_725 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

._loadMoreButton_vl272_730 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  background: transparent;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  padding: 0.25rem 0.75rem;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}

._loadMoreButton_vl272_730:hover:not(:disabled) {
  background-color: var(--surface-hover);
  color: var(--text-primary);
}

._loadMoreButton_vl272_730:disabled {
  opacity: 0.5;
  cursor: default;
}
/**
 * Day View Module
 * Maximized day view with enhanced focus
 */

/* ========================================
   WRAPPER & CONTAINER
   ======================================== */

._dayViewWrapper_5rdmv_10 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

/* ========================================
   DAY NAVBAR (Secondary navigation bar)
   ======================================== */

._dayNavbar_5rdmv_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_5rdmv_32 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._navbarWeekBtn_5rdmv_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_5rdmv_38:hover {
  color: var(--text-primary);
  border-color: var(--border-hover);
}


._navbarDateDisplay_5rdmv_59 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._navbarDayName_5rdmv_65 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

._navbarDayNumber_5rdmv_71 {
  font-weight: var(--font-weight-bold);
}

._navbarDateMonth_5rdmv_75 {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
}

._navbarTodayBadge_5rdmv_80 {
  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_5rdmv_91 {
  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_5rdmv_102 {
  animation: _navbarSpin_5rdmv_1 1s linear infinite;
}

._navbarSyncText_5rdmv_106 {
  white-space: nowrap;
}

@keyframes _navbarSpin_5rdmv_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Sync badge - clickable button showing last sync time */
._navbarSyncBadge_5rdmv_120 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.15s ease;
}

._navbarSyncBadge_5rdmv_120:hover {
  background: var(--surface-hover);
  color: var(--text-primary);
}

._navbarSyncIconError_5rdmv_139 {
  color: var(--state-error);
}

._navbarSyncTextError_5rdmv_143 {
  color: var(--state-error);
}

._navbarFocusGapsBadge_5rdmv_147 {
  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_5rdmv_158 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._navbarSeparator_5rdmv_164 {
  width: 1px;
  height: 1rem;
  background-color: var(--border-default);
  margin: 0 0.25rem;
}

/* Weekend day selector classes removed -- always show both days (41-06) */

._navbarCalendarToggle_5rdmv_173 {
  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_5rdmv_173:hover {
  background: var(--surface-hover);
}

._navbarCalendarToggle_5rdmv_173 input {
  accent-color: var(--action-primary);
}

._navbarSlotToggle_5rdmv_194 {
  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_5rdmv_194:hover {
  color: var(--text-secondary);
  border-color: var(--border-hover);
}

._navbarSlotToggleActive_5rdmv_214 {
  color: var(--action-primary);
  background: var(--action-primary-subtle);
  border-color: var(--action-primary);
}

._navbarModeToggle_5rdmv_220 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  height: 1.75rem;
  padding: 0 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_5rdmv_220:hover {
  color: var(--text-primary);
  border-color: var(--border-hover);
}

/* ========================================
   MAIN CONTAINER
   ======================================== */

._todayView_5rdmv_245 {
  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_5rdmv_245:has(._planModeLayout_5rdmv_257) {
  max-width: 100%;
  padding: 0 2rem;
}

._loading_5rdmv_262 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--text-tertiary);
  font-size: var(--font-size-lg);
}

/* ========================================
   CONTENT
   ======================================== */

._content_5rdmv_275 {
  flex: 1;
  overflow: hidden;
  padding: 1.5rem 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-height: 0;
}

/* ========================================
   LAYOUT MODES
   ======================================== */

._normalLayout_5rdmv_289 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1;
  min-height: 0;
}

._planModeLayout_5rdmv_257 {
  display: flex;
  flex-direction: row;
  flex: 1;
  min-height: 0;
  /* Force full height */
  height: calc(100vh - 200px);
}

._taskPanel_5rdmv_306 {
  overflow-y: auto;
  min-width: 200px;
  display: flex;
  flex-direction: column;
}

._calendarPanel_5rdmv_313 {
  overflow: hidden;
  min-width: 200px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

._resizeHandle_5rdmv_321 {
  width: 12px;
  cursor: col-resize;
  position: relative;
  flex-shrink: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
}

._resizeHandle_5rdmv_321::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  background-color: var(--border-default);
  transition: width 0.15s ease, background-color 0.15s ease;
}

._resizeHandle_5rdmv_321:hover::before {
  width: 2px;
  background-color: var(--text-tertiary);
}

/* ========================================
   TIMELINE SECTION
   ======================================== */

._timelineSection_5rdmv_351 {
  background: var(--surface-base);
  padding: 0 1.25rem;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

._sectionHeader_5rdmv_360 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

._sectionTitle_5rdmv_367 {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--text-secondary);

  letter-spacing: 0.02em;
  margin: 0;
}

._timeline_5rdmv_351 {
  flex: 1;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

/* Multi-day timeline layout (weekend view -- both days side-by-side) */
._multiDayTimelines_5rdmv_384 {
  display: flex;
  gap: 0.5rem;
  height: 100%;
  min-height: 0;
}

._multiDayTimelines_5rdmv_384 ._timeline_5rdmv_351 {
  flex: 1;
  min-width: 0;
}

._multiDayTimelineHeader_5rdmv_396 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  color: var(--text-secondary);
  text-align: center;
  padding-bottom: 0.375rem;
  border-bottom: 1px solid var(--border-subtle);
  margin-bottom: 0.25rem;
}

._timelineHeader_5rdmv_406 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

._slotToggle_5rdmv_414 {
  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_5rdmv_414:hover {
  border-color: var(--border-default);
  color: var(--text-secondary);
}

._slotToggleActive_5rdmv_435 {
  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_5rdmv_435: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_5rdmv_447 {
  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_5rdmv_447:hover {
  border-color: var(--border-default);
  color: var(--text-secondary);
}

._calendarEntryToggle_5rdmv_447: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_5rdmv_447: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_5rdmv_447 input[type='checkbox'] {
  accent-color: var(--brand-primary);
  width: 0.875rem;
  height: 0.875rem;
  margin: 0;
  cursor: pointer;
}

/* Header controls row */
._headerControls_5rdmv_487 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* Syncing indicator with logo and spinning border */
._syncingIndicator_5rdmv_494 {
  display: flex;
  align-items: center;
  justify-content: center;
}

._syncingLogo_5rdmv_500 {
  position: relative;
  width: 24px;
  height: 24px;
}

._syncingLogo_5rdmv_500 img {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

._syncingSpinner_5rdmv_516 {
  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_5rdmv_1 0.8s linear infinite;
}

@keyframes _spin_5rdmv_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* ========================================
   DAY NOTE
   ======================================== */

._dayNote_5rdmv_541 {
  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_5rdmv_555 {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

._tasksSectionHeader_5rdmv_563 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

._taskCount_5rdmv_570 {
  font-size: var(--font-size-base);
  color: var(--text-tertiary);
}

/* Column headers for Time / Duration */
._tasksColumnHeaders_5rdmv_576 {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 0 0.75rem;
  margin-bottom: -0.25rem;
}

._tasksColumnHeaderTime_5rdmv_584 {
  font-size: var(--font-size-xs);
  font-weight: 500;
  color: var(--text-tertiary);

  letter-spacing: 0.02em;
  text-align: right;
  min-width: 2.5rem;
}

._tasksColumnHeaderDuration_5rdmv_594 {
  font-size: var(--font-size-xs);
  font-weight: 500;
  color: var(--text-tertiary);

  letter-spacing: 0.02em;
  text-align: right;
  min-width: 2rem;
}

._tasksList_5rdmv_604 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding: 0 0.75rem 0.75rem;
  background: transparent;
  min-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  transition:
    background 0.15s ease,
    box-shadow 0.15s ease;
}

._tasksList_5rdmv_604._dropActive_5rdmv_619 {
  background: var(--brand-primary-subtle);
  box-shadow: inset 0 0 0 2px var(--brand-primary);
}

._emptyState_5rdmv_624 {
  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_5rdmv_638 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._taskSection_5rdmv_638 + ._taskSection_5rdmv_638 {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border-subtle);
}

._taskSectionHeader_5rdmv_650 {
  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);

  letter-spacing: 0.02em;
  width: 100%;
}

._taskSectionHeaderColumns_5rdmv_663 {
  display: flex;
  gap: 0.75rem;
  margin-left: auto;
}

._taskSectionHeader_5rdmv_650 svg {
  opacity: 0.7;
}

._taskSectionHeaderWork_5rdmv_673 {
}

._taskSectionHeaderWork_5rdmv_673 svg {
  color: var(--color-blue-500);
  opacity: 1;
}

._taskSectionHeaderPersonal_5rdmv_682 {
}

._taskSectionHeaderPersonal_5rdmv_682 svg {
  color: var(--color-green-500);
  opacity: 1;
}

/* ========================================
   ADD TASK BUTTON
   ======================================== */

._addTaskButton_5rdmv_695 {
  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_5rdmv_695:hover {
  border-color: var(--brand-primary);
  color: var(--brand-primary);
  background: color-mix(in srgb, var(--brand-primary) 8%, transparent);
}

/* ========================================
   ADD TASK ZONE (hover-reveal at bottom of task list)
   Fills remaining vertical space so the entire empty area is hoverable.
   On hover: shows a separator line with centered "Add task" label.
   ======================================== */

._addTaskZone_5rdmv_724 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0.25rem;
  width: 100%;
  padding: 0.5rem 0.5rem 0;
  margin-top: auto;
  flex: 1;
  min-height: 2rem;
  font-size: var(--font-size-xs);
  color: transparent;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.15s ease;
  position: relative;
}

/* Horizontal line that appears on hover, behind the text */
._addTaskZone_5rdmv_724::before {
  content: '';
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  right: 0.5rem;
  height: 1px;
  background: transparent;
  transition: background 0.15s ease;
}

._addTaskZone_5rdmv_724:hover {
  color: var(--text-tertiary);
}

._addTaskZone_5rdmv_724:hover::before {
  background: var(--border-default);
}

._addTaskZone_5rdmv_724:focus-visible {
  color: var(--text-tertiary);
  outline: none;
}

._addTaskZone_5rdmv_724:focus-visible::before {
  background: var(--border-default);
}

/* Label centered on the line -- background knocks out the line behind the text */
._addTaskZoneLabel_5rdmv_773 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0 0.375rem;
  background: var(--surface-base);
  position: relative;
  z-index: 1;
  font-size: var(--font-size-xs);
  line-height: 1;
}

/* ========================================
   ANIMATIONS
   ======================================== */

/* Initial state - scaled down and faded */
._animateIn_5rdmv_790 {
  opacity: 0;
  transform: scale(0.92);
}

/* Visible state - full size and opacity */
._animateVisible_5rdmv_796 {
  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_5rdmv_805 {
  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_5rdmv_790,
  ._animateVisible_5rdmv_796,
  ._animateOut_5rdmv_805 {
    transform: none;
    transition: opacity 0.15s ease;
  }
}

/* ========================================
   TASK CARD OVERRIDES FOR TODAY VIEW
   Larger fonts and spacing for the maximized view
   Specificity: .dayViewWrapper nesting (0-3-0) beats
   productivity.module.css selectors (0-2-0)
   ======================================== */

/* Task card wrapper - no extra padding */
._dayViewWrapper_5rdmv_10 ._tasksList_5rdmv_604 [class*='taskCardWrapper'] {
  padding: 0;
}

/* Task title - larger font (15px) */
._dayViewWrapper_5rdmv_10 ._tasksList_5rdmv_604 [class*='taskTitle'] {
  font-size: 0.9375rem; /* 15px */
  line-height: 1.5;
}

/* Task checkbox - vertically aligned with first line */
._dayViewWrapper_5rdmv_10 ._tasksList_5rdmv_604 [class*='taskCheckbox'] {
  width: 1rem;
  height: 1rem;
  align-self: flex-start;
  margin-top: 0.3rem;
}

/* Scheduled time column */
._dayViewWrapper_5rdmv_10 ._tasksList_5rdmv_604 [class*='taskScheduledTime'] {
  font-size: 0.8125rem; /* 13px */
  font-weight: 500;
  color: var(--text-secondary);
}

/* Duration column — same size, slightly lighter */
._dayViewWrapper_5rdmv_10 ._tasksList_5rdmv_604 [class*='durationBadge'] {
  font-size: 0.8125rem; /* 13px */
  font-weight: 500;
  color: var(--text-tertiary);
}

/* Inline badges - larger */
._dayViewWrapper_5rdmv_10 ._tasksList_5rdmv_604 [class*='taskCardInlineBadges'] {
  gap: 0.5rem;
}

._dayViewWrapper_5rdmv_10 ._tasksList_5rdmv_604 [class*='taskProjectBadge'],
._dayViewWrapper_5rdmv_10 ._tasksList_5rdmv_604 [class*='subtaskBadge'],
._dayViewWrapper_5rdmv_10 ._tasksList_5rdmv_604 [class*='recurringBadge'] {
  font-size: 0.8125rem; /* 13px */
  padding: 0.25rem 0.625rem;
}

/* Subtasks - larger font */
._dayViewWrapper_5rdmv_10 ._tasksList_5rdmv_604 [class*='taskCardSubtasks'] {
  margin-top: 0.5rem;
  padding-top: 0;
  gap: 0.5rem;
}

._dayViewWrapper_5rdmv_10 ._tasksList_5rdmv_604 [class*='taskCardSubtaskTitle'] {
  font-size: 0.9375rem; /* 15px */
  cursor: pointer;
  pointer-events: auto;
}

._dayViewWrapper_5rdmv_10 ._tasksList_5rdmv_604 [class*='taskCardSubtaskTitle']:hover {
  text-decoration: underline;
}

._dayViewWrapper_5rdmv_10 ._tasksList_5rdmv_604 [class*='taskCardSubtaskCheckbox'] {
  width: 0.875rem;
  height: 0.875rem;
}

/* Task section headers - larger and colored */
._dayViewWrapper_5rdmv_10 ._tasksList_5rdmv_604 [class*='taskSection'] {
  gap: 0.625rem;
}

._dayViewWrapper_5rdmv_10 ._tasksList_5rdmv_604 [class*='taskSectionHeader'] {
  font-size: 0.875rem; /* 14px */
  padding: 0.5rem 0;
  color: var(--text-primary);
}

._dayViewWrapper_5rdmv_10 ._tasksList_5rdmv_604 [class*='taskSectionHeader'] svg {
  width: 18px;
  height: 18px;
  opacity: 1;
}

/* Work section header icon - blue */
._dayViewWrapper_5rdmv_10 ._tasksList_5rdmv_604 [class*='taskSectionHeaderWork'] svg {
  color: var(--color-blue-500);
}

/* Personal section header icon - green */
._dayViewWrapper_5rdmv_10 ._tasksList_5rdmv_604 [class*='taskSectionHeaderPersonal'] svg {
  color: var(--color-green-500);
}

/* Project badge - ensure no clipping and proper size */
._dayViewWrapper_5rdmv_10 ._tasksList_5rdmv_604 [class*='taskProjectBadge'] {
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
}

/* ========================================
   WEEKEND VIEW HEADER
   ======================================== */

._weekendViewHeader_5rdmv_936 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0 1rem 0;
}

._weekendDateRange_5rdmv_943 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

/* ========================================
   DAY SELECTOR (Multi-day timeline toggle)
   ======================================== */

._daySelector_5rdmv_953 {
  display: flex;
  gap: 0.375rem;
}

._daySelectorButton_5rdmv_958 {
  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_5rdmv_958:hover {
  border-color: var(--border-default);
  color: var(--text-secondary);
}

._daySelectorButtonActive_5rdmv_979 {
  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_5rdmv_979:hover {
  background: color-mix(in srgb, var(--brand-primary) 15%, transparent);
  border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent);
}

._daySelectorName_5rdmv_990 {
  font-weight: var(--font-weight-medium);
}

._daySelectorDate_5rdmv_994 {
  font-weight: var(--font-weight-semibold);
}

._daySelectorButtonActive_5rdmv_979 ._daySelectorDate_5rdmv_994 {
  color: var(--brand-primary);
}

._daySelectorToday_5rdmv_1002 {
  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_5rdmv_1015 {
  margin-top: 1rem;
  padding: 0.75rem;
  background: var(--surface-base);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius);
}

._focusSlotsFreeTime_5rdmv_1023 {
  font-size: var(--font-size-sm);
  color: var(--status-success);
  margin-bottom: 0.5rem;
}

._focusSlotsHeader_5rdmv_1029 {
  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_5rdmv_1038 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

._focusSlotsBreakdown_5rdmv_1044 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

._focusSlotsList_5rdmv_1049 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

._focusSlotItem_5rdmv_1055 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-sm);
}

._focusSlotBadge_5rdmv_1062 {
  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_5rdmv_1075 {
  background: var(--state-success-bg);
  color: var(--state-success);
}

._focusSlotM_5rdmv_1080 {
  background: var(--state-warning-bg);
  color: var(--state-warning);
}

._focusSlotS_5rdmv_1085 {
  background: var(--surface-tertiary);
  color: var(--text-secondary);
}

._focusSlotTime_5rdmv_1090 {
  flex: 1;
  color: var(--text-secondary);
}

._focusSlotDuration_5rdmv_1095 {
  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.
   The two declarations below use forced priority to override dnd-kit
   inline cursor styles set via element.style. */
._shiftHeld_5rdmv_1107 ._tasksList_5rdmv_604 [class*='taskCardWrapper'] {
  cursor: grab !important;
}

._shiftHeld_5rdmv_1107 ._tasksList_5rdmv_604 [class*='taskCardWrapper']:active {
  cursor: grabbing !important;
}

/* ========================================
   DURATION PROMPT DIALOG
   Shown when dropping task without duration
   ======================================== */

._durationPromptOverlay_5rdmv_1120 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--overlay-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

._durationPromptDialog_5rdmv_1133 {
  background: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  padding: 1.5rem;
  min-width: 280px;
  box-shadow: var(--shadow-xl);
}

._durationPromptTitle_5rdmv_1142 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  text-align: center;
  margin-bottom: 1rem;
}

._durationPromptPresets_5rdmv_1150 {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

._durationPromptPreset_5rdmv_1150 {
  flex: 1;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  background: var(--surface-secondary);
  color: var(--text-primary);
  font-size: var(--font-size-sm);
  cursor: pointer;
  transition: all 0.15s ease;
  text-align: center;
}

._durationPromptPreset_5rdmv_1150:hover {
  background: var(--surface-hover);
  border-color: var(--action-primary);
}

._durationPromptPresetActive_5rdmv_1174 {
  background: var(--action-primary);
  color: var(--text-inverse);
  border-color: var(--action-primary);
}

._durationPromptPresetActive_5rdmv_1174:hover {
  background: var(--action-primary-hover);
}

._durationPromptCustom_5rdmv_1185 {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

._durationPromptCustomInput_5rdmv_1191 {
  flex: 1;
  padding: 0.375rem 0.5rem;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  background: var(--surface-secondary);
  color: var(--text-primary);
  font-size: var(--font-size-sm);
}

._durationPromptCustomInput_5rdmv_1191:focus {
  outline: none;
  border-color: var(--action-primary);
}

._durationPromptCustomBtn_5rdmv_1206 {
  padding: 0.375rem 0.75rem;
  border: 1px solid var(--action-primary);
  border-radius: var(--radius-sm);
  background: var(--action-primary);
  color: var(--text-inverse);
  font-size: var(--font-size-sm);
  cursor: pointer;
}

._durationPromptCustomBtn_5rdmv_1206:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._durationPromptExisting_5rdmv_1221 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-align: center;
  margin-bottom: 0.5rem;
}

._durationPromptSkip_5rdmv_1228 {
  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_5rdmv_1228:hover {
  color: var(--text-secondary);
}

/* ========================================
   RESCHEDULE DROPZONE
   ======================================== */

._rescheduleDropzone_5rdmv_1247 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
  border: 1px dashed var(--border-subtle);
  border-radius: var(--radius);
  margin-top: 0.75rem;
}

._rescheduleDropzone_5rdmv_1247._rescheduleDropzoneActive_5rdmv_1257 {
  background: var(--action-primary-subtle);
  border-color: var(--action-primary);
}

._rescheduleLabel_5rdmv_1262 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
}

._rescheduleOptions_5rdmv_1272 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._rescheduleOption_5rdmv_1272 {
  padding: 0.625rem 0.75rem;
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  background: transparent;
  border: 1px solid transparent;
  border-left: 3px solid transparent;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 100ms ease;
}
/**
 * DatePickerModal styles
 * Enhanced to match DateTimePicker design with quick actions, time selection,
 * and improved visual hierarchy using design tokens
 */

._content_yqcs5_7 {
  min-width: 420px;
  max-width: 520px;
}

._taskName_yqcs5_12 {
  margin: 0.5rem 0 0 0;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

._taskTitle_yqcs5_22 {
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  word-break: break-word;
}

/* Quick action buttons section (DateShortcuts) */
.flex.justify-evenly.border-b {
  margin: 0 -1rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-default);
}

._calendarContainer_yqcs5_35 {
  display: flex;
  justify-content: center;
  padding: 1.5rem 0;
  border-top: 1px solid var(--border-default);
  border-bottom: 1px solid var(--border-default);
  background-color: var(--surface-secondary);
  margin: 0;
  border-radius: 0;
}

._selectedDateDisplay_yqcs5_46 {
  padding: 0.75rem 1rem;
  text-align: center;
  background-color: var(--surface-tertiary);
  border-radius: 0;
  margin: 0;
  border-bottom: 1px solid var(--border-default);
}

._selectedDateDisplay_yqcs5_46 p {
  margin: 0;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
}

._dateText_yqcs5_61 {
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

/* Time selection section */
._timeSection_yqcs5_67 {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-default);
  background-color: var(--surface-primary);
}

._footer_yqcs5_73 {
  display: flex;
  gap: 0.75rem;
  justify-content: flex-end;
  padding: 1rem 0 0 0;
}
/**
 * Weekly Planning Layout Module
 * 3-column collapsible layout for the weekly planning view
 */

/* ========================================
   MAIN CONTAINER
   ======================================== */

._weeklyPlanningContainer_1sshm_10 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

/* ========================================
   3-COLUMN LAYOUT
   ======================================== */

._weeklyPlanningLayout_1sshm_22 {
  display: flex;
  flex-direction: row;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  position: relative;
}

/* ========================================
   LEFT PANEL
   ======================================== */

._leftPanel_1sshm_35 {
  width: 280px;
  flex-shrink: 0;
  border-right: 1px solid var(--border-default);
  overflow: hidden;
  background-color: var(--surface-base);
}

._leftPanelCollapsed_1sshm_43 {
  width: 40px;
  border-right: none;
}

/* ========================================
   CENTER PANEL
   ======================================== */

._centerPanel_1sshm_52 {
  flex: 1;
  min-width: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  background-color: var(--surface-base);
}

/* ========================================
   RIGHT PANEL
   ======================================== */

._rightPanel_1sshm_65 {
  flex-shrink: 0;
  overflow: hidden;
  background-color: var(--surface-base);
}

._rightPanelCollapsed_1sshm_71 {
  width: 40px;
  border-left: none;
}

/* ========================================
   PANEL PLACEHOLDERS
   ======================================== */

._panelPlaceholder_1sshm_80 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 0.25rem;
  color: var(--text-secondary);
  font-size: 0.875rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._panelHint_1sshm_92 {
  font-size: 0.75rem;
  color: var(--text-tertiary);
}

/* ========================================
   COLLAPSE TOGGLES
   ======================================== */

._collapseToggle_1sshm_101 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  flex-shrink: 0;
  cursor: pointer;
  color: var(--text-tertiary);
  background: transparent;
  border: none;
  padding: 0;
  transition: color 0.15s ease;
}

._collapseToggle_1sshm_101:hover {
  color: var(--text-primary);
}

._noteToggleButton_1sshm_119 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  height: 28px;
  padding: 0 0.625rem;
  border-radius: 6px;
  border: 1px solid var(--border-default);
  background: transparent;
  color: var(--color-tab-amber);
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

._noteToggleButton_1sshm_119:hover {
  background-color: var(--surface-elevated);
}

._noteToggleButtonActive_1sshm_139 {
  background-color: var(--surface-elevated);
  border-color: var(--color-tab-amber);
}

/* ========================================
   TOOLBAR
   ======================================== */

._toolbar_1sshm_148 {
  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);
  flex-shrink: 0;
  gap: 1rem;
}

._toolbarLeft_1sshm_159 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._toolbarTitle_1sshm_165 {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-primary);
  white-space: nowrap;
}

._toolbarCenter_1sshm_172 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._toolbarWeekLabel_1sshm_178 {
  font-size: 0.8125rem;
  color: var(--text-secondary);
  white-space: nowrap;
}

._toolbarNav_1sshm_184 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

._toolbarNavButton_1sshm_190 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: none;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}

._toolbarNavButton_1sshm_190:hover {
  background-color: var(--surface-elevated);
  color: var(--text-primary);
}

._toolbarTodayButton_1sshm_209 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  padding: 0 0.625rem;
  border-radius: 6px;
  border: 1px solid var(--border-default);
  background: transparent;
  color: var(--text-secondary);
  font-size: 0.75rem;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}

._toolbarTodayButton_1sshm_209:hover {
  background-color: var(--surface-elevated);
  color: var(--text-primary);
}

._toolbarRight_1sshm_229 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._newTaskButton_1sshm_235 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: 1px solid var(--border-default);
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}

._newTaskButton_1sshm_235:hover {
  background-color: var(--surface-elevated);
  color: var(--text-primary);
}

/* ========================================
   PROJECT CHIPS STRIP
   ======================================== */

._projectsStrip_1sshm_258 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none; /* Firefox */
  border-bottom: 1px solid var(--border-subtle);
  flex-shrink: 0;
}

._projectsStrip_1sshm_258::-webkit-scrollbar {
  display: none; /* Chrome/Safari */
}

._projectChip_1sshm_274 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.625rem;
  border-radius: 9999px;
  border: 1px solid var(--border-default);
  background: var(--surface-base);
  color: var(--text-secondary);
  font-size: 0.75rem;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
  position: relative;
  flex-shrink: 0;
}

._projectChip_1sshm_274:hover {
  background-color: var(--surface-elevated);
  border-color: var(--border-active, var(--border-default));
  color: var(--text-primary);
}

._projectChipDisabled_1sshm_297 {
  cursor: default;
  opacity: 0.7;
}

._projectChipDisabled_1sshm_297:hover {
  background: var(--surface-base);
  border-color: var(--border-default);
  color: var(--text-secondary);
}

._projectChipBadge_1sshm_308 {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--state-warning);
  border: 1.5px solid var(--surface-base);
}

/* ========================================
   READ-ONLY BANNER (past week)
   ======================================== */

._readOnlyBanner_1sshm_323 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  background-color: var(--surface-elevated);
  border-bottom: 1px solid var(--border-default);
  color: var(--text-tertiary);
  font-size: 0.75rem;
  flex-shrink: 0;
}

/* ========================================
   READ-ONLY GRID (past week)
   ======================================== */

._readOnlyGrid_1sshm_340 {
  opacity: 0.75;
}

/* ========================================
   WEEK GRID
   ======================================== */

._weekGrid_1sshm_348 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr 1fr;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

._weekGridEmpty_1sshm_357 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  color: var(--text-tertiary);
  font-size: 0.875rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* ========================================
   DAY COLUMN
   ======================================== */

._dayColumn_1sshm_371 {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  min-height: 0;
  border-right: 1px solid var(--border-subtle);
}

/* Remove right border on last column of each row (3rd and 6th items) */
._dayColumn_1sshm_371:nth-child(3),
._dayColumn_1sshm_371:nth-child(6) {
  border-right: none;
}

/* Add bottom border to first row (first 3 items) */
._dayColumn_1sshm_371:nth-child(-n + 3) {
  border-bottom: 1px solid var(--border-subtle);
}

._dayColumnToday_1sshm_390 {
  background-color: var(--surface-elevated);
}

._dayHeader_1sshm_394 {
  padding: 8px 12px;
  font-weight: 600;
  font-size: 13px;
  color: var(--text-primary);
  display: flex;
  gap: 4px;
  align-items: baseline;
}

._dayDate_1sshm_404 {
  color: var(--text-secondary);
}

._dayMeta_1sshm_408 {
  margin-left: auto;
  font-size: 12px;
  font-weight: 400;
  color: var(--text-tertiary);
  white-space: nowrap;
}

._dayTasks_1sshm_416 {
  padding: 4px 6px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}

._dayEmpty_1sshm_424 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-tertiary);
  font-size: 12px;
  padding: 16px;
  flex: 1;
}

/* ========================================
   LOADING / ERROR STATES
   ======================================== */

._loadingState_1sshm_438 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  color: var(--text-tertiary);
  font-size: 0.875rem;
  padding: 2rem;
}

._errorState_1sshm_448 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  color: var(--state-error);
  font-size: 0.875rem;
  padding: 2rem;
}

/* ========================================
   TASK SOURCES PANEL
   ======================================== */

._sourcesPanel_1sshm_462 {
  display: flex;
  flex-direction: column;
}

._sourceGroup_1sshm_467 {
  border-bottom: 1px solid var(--border-default);
}

._sourceGroup_1sshm_467:last-child {
  border-bottom: none;
}

._sourceGroupHeader_1sshm_475 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.625rem 0.75rem;
  background: none;
  border: none;
  color: var(--text-secondary);
  font-size: 0.8125rem;
  font-weight: 600;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}

._sourceGroupTasksAnimated_1sshm_490 {
  display: grid;
  grid-template-rows: 1fr;
  transition: grid-template-rows 0.15s ease;
}

._sourceGroupTasksCollapsed_1sshm_496 {
  grid-template-rows: 0fr;
}

._sourceGroupTasksInner_1sshm_500 {
  overflow: hidden;
}

._sourceGroupTitle_1sshm_504 {
  flex: 1;
}

._sourceGroupCount_1sshm_508 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.375rem;
  border-radius: 9999px;
  background-color: var(--surface-elevated);
  color: var(--text-tertiary);
  font-size: 0.6875rem;
  font-weight: 600;
}

._sourceGroupTasks_1sshm_490 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0 0.375rem 0.5rem;
}

._showAllButton_1sshm_529 {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  background: none;
  border: none;
  color: var(--text-tertiary);
  font-size: 0.75rem;
  cursor: pointer;
  text-align: left;
  transition: color 0.15s ease;
}

._showAllButton_1sshm_529:hover {
  color: var(--text-primary);
}

/* ========================================
   COLLAPSED SOURCES STRIP
   ======================================== */

._collapsedStrip_1sshm_550 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  height: 100%;
  padding: 0.75rem 0;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--text-tertiary);
  transition: color 0.15s ease;
}

._collapsedStrip_1sshm_550:hover {
  color: var(--text-primary);
}

._collapsedStripCounts_1sshm_569 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

._collapsedStripCount_1sshm_569 {
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--text-secondary);
}

/* ========================================
   RIGHT PANEL CONTENT (NOTE)
   ======================================== */

._rightPanelContent_1sshm_586 {
  display: flex;
  flex-direction: row;
  height: 100%;
  flex-shrink: 0;
  border-left: 1px solid var(--border-default);
  background-color: var(--surface-base);
}

._rightPanelInner_1sshm_595 {
  flex: 1;
  min-width: 0;
  overflow-y: auto;
}

._resizeHandle_1sshm_601 {
  width: 4px;
  cursor: col-resize;
  background: transparent;
  border: none;
  padding: 0;
  flex-shrink: 0;
  transition: background-color 0.15s ease;
}

._resizeHandle_1sshm_601:hover,
._resizeHandle_1sshm_601:active {
  background-color: var(--border-active, var(--accent));
}

._collapsedStripLabel_1sshm_616 {
  font-size: 0.6875rem;
  color: var(--text-secondary);
}

/* ========================================
   DRAG-DROP VISUAL FEEDBACK
   ======================================== */

/* Drop zone visual feedback - subtle tint when hovering with a dragged task */
._dayColumnDropTarget_1sshm_626 {
  background-color: var(--surface-elevated);
  border-color: var(--border-active, var(--border-default));
}

/* Sources panel drop target feedback (drag-back to unschedule) */
._sourcesPanelDropTarget_1sshm_632 {
  background-color: var(--surface-elevated);
  outline: 2px dashed var(--border-active, var(--border-default));
  outline-offset: -2px;
}

/* Slide-in animation for dropped tasks */
._taskSlideIn_1sshm_639 {
  animation: _taskSlideIn_1sshm_639 200ms ease-out;
}

@keyframes _taskSlideIn_1sshm_639 {
  from {
    transform: translateX(-12px) scale(0.97);
    opacity: 0.7;
  }
  to {
    transform: translateX(0) scale(1);
    opacity: 1;
  }
}

/* Shake animation for failed drops */
._taskShake_1sshm_655 {
  animation: _taskShake_1sshm_655 400ms ease-in-out;
}

@keyframes _taskShake_1sshm_655 {
  0%, 100% { transform: translateX(0); }
  20% { transform: translateX(-6px); }
  40% { transform: translateX(6px); }
  60% { transform: translateX(-4px); }
  80% { transform: translateX(4px); }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  ._taskSlideIn_1sshm_639,
  ._taskShake_1sshm_655 {
    animation: none;
  }
}
/**
 * Monthly Insights Dashboard
 * Card grid layout with KPI values, mini charts, and data lists.
 * Uses design tokens throughout -- no hardcoded colors.
 */

/* ========================================
   LAYOUT
   ======================================== */

._insightsContent_tuqcz_11 {
  height: 100%;
  overflow-y: auto;
  padding: 1.5rem;
}

._sectionsContainer_tuqcz_17 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-bottom: 3rem;
}

._section_tuqcz_17 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* sectionTitle removed - migrated to SectionHeader component (49-05) */

._insightsGrid_tuqcz_32 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  ._insightsGrid_tuqcz_32 {
    grid-template-columns: 1fr;
  }

  ._insightsHeader_tuqcz_43 {
    flex-direction: column;
    gap: 0.75rem;
    align-items: flex-start;
  }
}

/* ========================================
   MONTH SELECTOR
   ======================================== */

._monthSelector_tuqcz_54 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._monthArrow_tuqcz_60 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md, 6px);
  background: var(--surface-primary);
  color: var(--text-secondary);
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}

._monthArrow_tuqcz_60:hover:not(:disabled) {
  background: var(--surface-secondary);
  color: var(--text-primary);
}

._monthArrow_tuqcz_60:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

._monthDropdown_tuqcz_84 {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: 8px;
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  cursor: pointer;
  max-width: 160px;
  transition: border-color var(--transition-fast);
}

._monthDropdown_tuqcz_84:hover {
  border-color: var(--border-strong);
}

._monthDropdown_tuqcz_84:focus {
  outline: none;
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px var(--action-primary-subtle);
}

/* ========================================
   CARD
   ======================================== */

._card_tuqcz_111 {
  background: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  box-shadow: var(--shadow-sm);
}

._cardHeader_tuqcz_122 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._cardIcon_tuqcz_128 {
  display: flex;
  align-items: center;
  color: var(--text-tertiary);
}

._cardTitle_tuqcz_134 {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--text-secondary);

  letter-spacing: 0.04em;
  margin: 0;
}

._cardContent_tuqcz_143 {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* ========================================
   KPI VALUES
   ======================================== */

._kpiContainer_tuqcz_153 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._kpiRow_tuqcz_159 {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}

._kpiValue_tuqcz_165 {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--text-primary);
  line-height: 1.1;
}

._kpiLabel_tuqcz_172 {
  font-size: 0.8rem;
  color: var(--text-tertiary);

  letter-spacing: 0.04em;
}

._kpiAccuracy_tuqcz_179 {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--text-secondary);
}

/* ========================================
   MINI BAR CHARTS (placeholder visuals)
   ======================================== */

._placeholderChart_tuqcz_189 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

._miniBar_tuqcz_195 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._miniBarLabel_tuqcz_201 {
  font-size: 0.75rem;
  color: var(--text-tertiary);
  width: 56px;
  flex-shrink: 0;
  text-align: right;
}

._miniBarTrack_tuqcz_209 {
  flex: 1;
  height: 8px;
  background: var(--surface-secondary);
  border-radius: 4px;
  overflow: hidden;
}

._miniBarFill_tuqcz_217 {
  height: 100%;
  background: var(--accent-color, var(--action-primary));
  border-radius: 4px;
  transition: width 0.3s ease;
}

._miniBarFillGreen_tuqcz_224 {
  height: 100%;
  background: var(--state-success);
  border-radius: 4px;
  transition: width 0.3s ease;
}

._miniBarValue_tuqcz_231 {
  font-size: 0.75rem;
  color: var(--text-secondary);
  width: 48px;
  flex-shrink: 0;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* ========================================
   BUCKET / CATEGORY LISTS
   ======================================== */

._bucketList_tuqcz_244 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

._bucketItem_tuqcz_250 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.375rem 0;
  border-bottom: 1px solid var(--border-subtle, var(--border-default));
}

._bucketItem_tuqcz_250:last-child {
  border-bottom: none;
}

._bucketLabel_tuqcz_262 {
  font-size: 0.8rem;
  color: var(--text-secondary);
}

._bucketCount_tuqcz_267 {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--text-primary);
  font-variant-numeric: tabular-nums;
}

/* ========================================
   STALLED PROJECTS
   ======================================== */

._stalledList_tuqcz_278 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

._stalledItem_tuqcz_284 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.375rem 0;
  border-bottom: 1px solid var(--border-subtle, var(--border-default));
}

._stalledItem_tuqcz_284:last-child {
  border-bottom: none;
}

._stalledInfo_tuqcz_296 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}

._stalledName_tuqcz_303 {
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._stalledMeta_tuqcz_312 {
  font-size: 0.7rem;
  color: var(--text-tertiary);
}

._stalledReason_tuqcz_317 {
  font-size: 0.75rem;
  color: var(--state-warning);
  flex-shrink: 0;
}

/* ========================================
   POSTPONEMENT
   ======================================== */

._postponementContainer_tuqcz_327 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._postponedTasks_tuqcz_333 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--border-subtle, var(--border-default));
}

._postponedHeader_tuqcz_342 {
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--text-tertiary);

  letter-spacing: 0.04em;
}

._postponedItem_tuqcz_350 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.25rem 0;
}

._postponedName_tuqcz_357 {
  font-size: 0.8rem;
  color: var(--text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}

._postponedCount_tuqcz_366 {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--state-warning);
  flex-shrink: 0;
}

._postponedItemButton_tuqcz_373 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.25rem 0.375rem;
  margin: 0 -0.375rem;
  border: none;
  background: transparent;
  border-radius: var(--radius-sm, 4px);
  cursor: pointer;
  transition: background 0.15s;
  width: calc(100% + 0.75rem);
  text-align: left;
}

._postponedItemButton_tuqcz_373:hover {
  background: var(--surface-secondary);
}

/* ========================================
   EXPANDABLE ESTIMATION TABLE
   ======================================== */

._expandToggle_tuqcz_396 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0;
  border: none;
  background: transparent;
  color: var(--text-tertiary);
  font-size: 0.75rem;
  cursor: pointer;
  transition: color 0.15s;
  margin-top: 0.25rem;
}

._expandToggle_tuqcz_396:hover {
  color: var(--text-secondary);
}

._estimationTable_tuqcz_414 {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0.375rem;
}

._estimationTh_tuqcz_420 {
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--text-tertiary);

  letter-spacing: 0.04em;
  text-align: left;
  padding: 0.25rem 0;
  border-bottom: 1px solid var(--border-subtle, var(--border-default));
}

._estimationThRight_tuqcz_431 {
  text-align: right;
}

._estimationRow_tuqcz_436 {
  border-bottom: 1px solid var(--border-subtle, var(--border-default));
}

._estimationRow_tuqcz_436:last-child {
  border-bottom: none;
}

._estimationTd_tuqcz_444 {
  font-size: 0.8rem;
  color: var(--text-secondary);
  padding: 0.375rem 0;
  vertical-align: top;
}

._estimationTdRight_tuqcz_451 {
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  color: var(--text-primary);
}

._estimationProjectName_tuqcz_459 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 160px;
}

._estimationTaskCount_tuqcz_467 {
  display: block;
  font-size: 0.7rem;
  color: var(--text-tertiary);
}

/* ========================================
   EMPTY / LOADING / ERROR STATES
   ======================================== */

._emptyText_tuqcz_477 {
  font-size: 0.8rem;
  color: var(--text-tertiary);
  padding: 0.5rem 0;
}

._emptyTextPositive_tuqcz_483 {
  font-size: 0.8rem;
  color: var(--state-success);
  padding: 0.5rem 0;
}

._loadingState_tuqcz_489 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 3rem;
  color: var(--text-tertiary);
  font-size: 0.9rem;
}

._errorState_tuqcz_499 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 3rem;
  color: var(--state-error);
  font-size: 0.9rem;
}

/* ========================================
   FOCUS VS MEETING SPLIT BAR
   ======================================== */

._splitBarContainer_tuqcz_513 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._splitBar_tuqcz_513 {
  display: flex;
  height: 12px;
  border-radius: 6px;
  overflow: hidden;
}

._splitBarFocus_tuqcz_526 {
  background: var(--state-success);
  transition: width 0.3s ease;
}

._splitBarMeeting_tuqcz_531 {
  background: var(--accent-color, var(--action-primary));
  transition: width 0.3s ease;
}

._splitBarLegend_tuqcz_536 {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}

._splitBarLegendItem_tuqcz_542 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.8rem;
  color: var(--text-secondary);
}

._splitBarDot_tuqcz_550 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

._splitBarDotFocus_tuqcz_557 {
  background: var(--state-success);
}

._splitBarDotMeeting_tuqcz_561 {
  background: var(--accent-color, var(--action-primary));
}

._splitBarValue_tuqcz_565 {
  font-weight: 600;
  color: var(--text-primary);
}

/* ========================================
   CATEGORY LIST WITH COLOR DOTS
   ======================================== */

._categoryList_tuqcz_574 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

._categoryItem_tuqcz_580 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0;
  border-bottom: 1px solid var(--border-subtle, var(--border-default));
}

._categoryItem_tuqcz_580:last-child {
  border-bottom: none;
}

._categoryDot_tuqcz_592 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

._categoryLabel_tuqcz_599 {
  font-size: 0.8rem;
  color: var(--text-secondary);
  flex: 1;
}

._categoryValue_tuqcz_605 {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--text-primary);
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}

/* ========================================
   DURATION BUCKET HORIZONTAL BARS
   ======================================== */

._durationBucketList_tuqcz_617 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._durationBucketItem_tuqcz_623 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._durationBucketHeader_tuqcz_629 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._durationBucketLabel_tuqcz_635 {
  font-size: 0.8rem;
  color: var(--text-secondary);
}

._durationBucketCount_tuqcz_640 {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--text-primary);
  font-variant-numeric: tabular-nums;
}

._durationBucketTrack_tuqcz_647 {
  height: 8px;
  background: var(--surface-secondary);
  border-radius: 4px;
  overflow: hidden;
}

._durationBucketFill_tuqcz_654 {
  height: 100%;
  background: var(--action-primary);
  border-radius: 4px;
  transition: width 0.3s ease;
}