/*! 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-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-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-\[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-\[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-grab{cursor:grab}.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-t-sm{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.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\)\]\/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\(--surface-active\)\]{background-color:var(--surface-active)}.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-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\(--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\:cursor-grabbing:active{cursor:grabbing}.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_6m3lq_11 *:focus-visible {
  outline: 2px solid var(--border-focus);
  outline-offset: 2px;
}

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

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

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

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

._weekHeader_6m3lq_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_6m3lq_52 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

._objectivesBar_6m3lq_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_6m3lq_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_6m3lq_184 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
  min-width: 0;
}

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

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

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

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

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

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

/* Floating sidebar toggle — vertically centered on right edge */
._sidebarFloatingToggle_6m3lq_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_6m3lq_258:hover {
  background: var(--surface-hover);
  color: var(--text-primary);
}

._daysGrid_6m3lq_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_6m3lq_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_6m3lq_297:hover,
._dayRowResizer_6m3lq_297:active {
  background: var(--border-strong);
}

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

._rightSidebar_6m3lq_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_6m3lq_329 {
  width: 0;
  border-left: none;
}

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

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

._rightSidebarContent_6m3lq_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_6m3lq_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_6m3lq_41, ._sidebarViewSelector_6m3lq_357 {
  height: 41px;
}

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

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

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

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

._sidebarProjectRow_6m3lq_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_6m3lq_413:hover {
  background: var(--surface-hover);
}

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

._sidebarProjectProgress_6m3lq_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_6m3lq_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_6m3lq_461 {
  display: flex;
  align-items: center;
  gap: 4px;
}

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

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

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

._sidebarEmptyState_6m3lq_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_6m3lq_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_6m3lq_510 {
  flex-shrink: 0;
  border-top: 1px solid color-mix(in srgb, var(--border-default) 40%, transparent);
}

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

._sidebarSection_6m3lq_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_6m3lq_534:first-child {
  /* Border removed for cleaner look */
}

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

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

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

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

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

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

._sidebarSectionTitle_6m3lq_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_6m3lq_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_6m3lq_624 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

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

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

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

._sidebarEmptyState_6m3lq_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_6m3lq_671 {
  opacity: 0.5;
}

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

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

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

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

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

._goalItemCompleted_6m3lq_728 {
}

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

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

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

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

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

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

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

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

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

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

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

._sidebarTabHeader_6m3lq_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_6m3lq_510 {
  flex-shrink: 0;
  border-top: 1px solid color-mix(in srgb, var(--border-default) 40%, transparent);
  padding: 0.5rem;
  margin-top: auto;
}

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

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

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

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

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

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

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

._weekSelectorCellCurrent_6m3lq_922:not(._weekSelectorCellSelected_6m3lq_912):not(:hover) {
  color: var(--action-primary);
}

._weekSelectorCellOutside_6m3lq_931 {
  opacity: 0.35;
}

._weekSelectorCellOutside_6m3lq_931:hover {
  opacity: 1;
}

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

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

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

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

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

._inboxTypeHeader_6m3lq_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_6m3lq_984 {
}

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

._inboxTypeHeaderPersonal_6m3lq_992 {
}

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

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

._dayColumn_6m3lq_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_6m3lq_1004:nth-child(3),
._dayColumn_6m3lq_1004:nth-child(6) {
  border-right: none;
}

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

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

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

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

._dayColumnPast_6m3lq_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_6m3lq_1037 ._dayHeader_6m3lq_1053,
._dayColumnPast_6m3lq_1037 ._dayTasks_6m3lq_1054,
._dayColumnPast_6m3lq_1037 ._dayTasksEmpty_6m3lq_1055 {
  opacity: 0.6;
}

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

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

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

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

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

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

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

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

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

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

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

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

._gapBadge_6m3lq_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_6m3lq_1143:hover {
  background: color-mix(in srgb, var(--state-success-bg) 80%, var(--state-success));
  color: var(--state-success);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Popover Stats Section */
._gapPopoverStats_6m3lq_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_6m3lq_1294 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.6875rem;
}

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

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

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

._addTaskBtn_6m3lq_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_6m3lq_1004:hover ._addTaskBtn_6m3lq_1316,
._addTaskBtn_6m3lq_1316:focus {
  opacity: 1;
}

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

._dayNote_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_1054 {
  flex: 1;
  padding: 0.75rem 0.625rem;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  outline: none !important;
}

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

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

._emptyDayText_6m3lq_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_6m3lq_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_6m3lq_1415:hover {
  box-shadow: var(--shadow-sm);
}

._taskCardWrapperDragging_6m3lq_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_6m3lq_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_6m3lq_1452 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
  margin-left: auto;
}

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

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

._taskCardCompleted_6m3lq_1497:hover {
  opacity: 0.8;
}

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

._taskCardSkipped_6m3lq_1510:hover {
  opacity: 0.7;
}

._taskTitleSkipped_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_1543:hover {
  background-color: var(--surface-hover);
  color: var(--text-secondary);
  border-color: var(--border-strong);
}

/* Task completion animation */
@keyframes _taskComplete_6m3lq_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_6m3lq_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_6m3lq_1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}

._taskCardCompleting_6m3lq_1609 {
  animation:
    _taskComplete_6m3lq_1 400ms ease-out forwards,
    _taskCollapseHeight_6m3lq_1 400ms ease-out forwards;
  pointer-events: none;
  overflow: hidden;
}

._taskCardCompleting_6m3lq_1609 ._taskCheckbox_6m3lq_1617 {
  animation: _checkmarkPop_6m3lq_1 200ms ease-out;
}

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

  ._taskCardCompleting_6m3lq_1609 ._taskCheckbox_6m3lq_1617 {
    animation: none;
  }
}

/* Task deletion animation - similar to completion but with red tint */
@keyframes _taskDelete_6m3lq_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_6m3lq_1652 {
  animation:
    _taskDelete_6m3lq_1 350ms ease-out forwards,
    _taskCollapseHeight_6m3lq_1 350ms ease-out forwards;
  pointer-events: none;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* Scheduled time display in task cards — prominent, right-aligned column */
._taskScheduledTime_6m3lq_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_6m3lq_1866 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

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

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

._taskSectionHeaderWork_6m3lq_1890 {
}

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

._taskSectionHeaderPersonal_6m3lq_1898 {
}

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

._priorityBadge_6m3lq_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_6m3lq_1914 {
  background-color: var(--color-red-100);
  color: var(--color-red-700);
}

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

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

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

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

._weekendColumn_6m3lq_1942 {
}

._weekendHeader_6m3lq_1946 {
}

._weekendHeaderToday_6m3lq_1950 {
}

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

._weekendLabel_6m3lq_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_6m3lq_1963:hover {
  color: var(--brand-primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._statusWarning_6m3lq_2076 ._statusTime_6m3lq_2036 {
  color: var(--color-yellow-600);
}

._statusWarning_6m3lq_2076 ._statusText_6m3lq_2042 {
  color: var(--color-yellow-600);
  font-weight: var(--font-weight-semibold);
}

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

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

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

._bottomTrayCollapsed_6m3lq_2120 {
}

._bottomTrayExpanded_6m3lq_2124 {
  height: 12rem;
}

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

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

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

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

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

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

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

._bottomTrayExpanded_6m3lq_2124 ._bottomTrayContent_6m3lq_2198 {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

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

._dropZone_6m3lq_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_6m3lq_2222 {
  background-color: color-mix(in srgb, var(--action-primary) 12%, transparent);
  border: 2px dashed var(--action-primary);
  transform: scale(1.01);
}

@keyframes _dropZonePulse_6m3lq_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_6m3lq_2222 {
  animation: _dropZonePulse_6m3lq_1 1.5s ease-in-out infinite;
}

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

._nextWeekDropZone_6m3lq_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_6m3lq_2246 span {
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

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

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

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

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

[data-theme='dark'] ._priorityP4_6m3lq_1932,
[data-theme='dark-contrasted'] ._priorityP4_6m3lq_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_6m3lq_1415,
  ._dayColumn_6m3lq_1004,
  ._bottomTray_6m3lq_2113,
  ._weekNavBtn_6m3lq_104,
  ._addTaskBtn_6m3lq_1316,
  ._objectiveChip_6m3lq_192,
  ._dropZone_6m3lq_2215 {
    transition: none;
  }

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

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

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

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

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

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

._errorBannerMessage_6m3lq_2425 {
  flex: 1;
}

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

._daysGridLoading_6m3lq_2445 {
  position: relative;
}

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

._modalOverlay_6m3lq_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_6m3lq_1 0.15s ease-out;
}

._modal_6m3lq_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_6m3lq_1 0.15s ease-out;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

._priorityOptionP1_6m3lq_2607 {
}

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

._priorityOptionP2_6m3lq_2618 {
}

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

._priorityOptionP3_6m3lq_2629 {
}

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

._priorityOptionP4_6m3lq_2640 {
}

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

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

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

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

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

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

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

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

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

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

._taskModalOverlay_6m3lq_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_6m3lq_1 0.15s ease-out;
}

._taskModal_6m3lq_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_6m3lq_1 0.15s ease-out;
  overflow: hidden;
}

/* Objective Modal - smaller variant */
._objectiveModal_6m3lq_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_6m3lq_1 0.15s ease-out;
  overflow: hidden;
}

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

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

  letter-spacing: 0.02em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Subtask badge on TaskCard */
._subtaskBadge_6m3lq_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_6m3lq_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_6m3lq_3163:hover {
  background: var(--surface-tertiary);
  color: var(--text-secondary);
}

/* Duration badge on TaskCard */
/* Duration column — subtler than scheduled time, right-aligned */
._durationBadge_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_3217 ._deadlineBadge_6m3lq_3226 {
  font-size: 0.625rem;
  font-weight: var(--font-weight-medium);
}

/* Inline subtasks list in TaskCard */
._taskCardSubtasks_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_3250:checked {
  background-color: var(--action-primary);
  border-color: var(--action-primary);
}

._taskCardSubtaskCheckbox_6m3lq_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_6m3lq_1 0.35s ease-out;
}

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

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

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

._taskCardSubtaskDuration_6m3lq_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_6m3lq_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_6m3lq_3340 {
  margin-top: 1rem;
  margin-left: 1.875rem;
  padding-top: 0;
}

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

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

._subtaskCheckbox_6m3lq_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_6m3lq_3368::before {
  content: '';
  position: absolute;
  inset: -8px;
}

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

._subtaskCheckbox_6m3lq_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_6m3lq_1 0.35s ease-out;
}

@keyframes _subtaskCheckmarkAppear_6m3lq_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_6m3lq_3368:hover {
  border-color: var(--action-primary);
}

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

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

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

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

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

._subtaskTitleBtn_6m3lq_3418:hover ._subtaskChevron_6m3lq_3481 {
  opacity: 1;
}

._subtaskDeleteBtn_6m3lq_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_6m3lq_3361:hover ._subtaskDeleteBtn_6m3lq_3491 {
  opacity: 1;
}

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

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

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

._sortableSubtaskRow_6m3lq_3513:hover ._subtaskDragHandle_6m3lq_3522 {
  opacity: 1;
}

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

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

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

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

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

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

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

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

  letter-spacing: 0.025em;
}

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

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

._taskModalMetaItem_6m3lq_3618 {
  position: relative;
}

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

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

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

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

._taskModalDateInput_6m3lq_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_6m3lq_3661::-webkit-calendar-picker-indicator {
  display: none;
}

._taskModalTimeInput_6m3lq_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_6m3lq_3676::-webkit-calendar-picker-indicator {
  display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._taskModalLabelsRow_6m3lq_3866 ._taskModalFieldLabel_6m3lq_3872 {
  flex-shrink: 0;
}

._taskModalLabelsRow_6m3lq_3866 ._taskModalTagsWrapper_6m3lq_3876 {
  flex: 1;
}

._taskModalLabelsRow_6m3lq_3866 ._btnPrimary_6m3lq_2714 {
  flex-shrink: 0;
  margin-left: auto;
}

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

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

._taskModalFieldLabel_6m3lq_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_6m3lq_3904 {
  position: relative;
}

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

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

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

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

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

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

._taskModalDropdown_6m3lq_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_6m3lq_1 0.1s ease-out;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._taskModalV2_6m3lq_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_6m3lq_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_6m3lq_2886 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

._taskModalBreadcrumbV2_6m3lq_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_6m3lq_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_6m3lq_4206:hover {
  background-color: var(--surface-hover);
  border-color: var(--border-strong);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._taskModalCheckboxCompleted_6m3lq_3054 {
  animation: _checkmarkPopModal_6m3lq_1 250ms ease-out;
}

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

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

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

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

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

._taskModalSubtasksV2_6m3lq_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_6m3lq_4403 {
}

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

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

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

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

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

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

/* Reusable "add" button with centered label on a horizontal line */
._addLineButton_6m3lq_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_6m3lq_4474::before {
  content: '';
  position: absolute;
  top: 0.5rem;
  left: 0;
  right: 0;
  height: 1px;
  background: transparent;
  transition: background 0.15s ease;
}

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

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

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

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

._addLineButtonLabel_6m3lq_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_6m3lq_4531 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 8px;
}

._pendingSubtaskRow_6m3lq_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_6m3lq_4548 {
  color: var(--text-tertiary);
  font-size: 12px;
}

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

._pendingSubtaskDelete_6m3lq_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_6m3lq_4538:hover ._pendingSubtaskDelete_6m3lq_4558 {
  opacity: 0.7;
}

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

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

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

._taskModalDeferBtn_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_4658:hover {
  opacity: 0.8;
}

/* Template badge in TaskModal header */
._taskModalTemplateBadge_6m3lq_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_6m3lq_4692 {
  display: flex;
  align-items: stretch;
  border-radius: 999px;
  overflow: hidden;
}

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

._focusSplitMain_6m3lq_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_6m3lq_4700._focusSplitRunning_6m3lq_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_6m3lq_4700._focusSplitRunning_6m3lq_4723:hover {
  border-color: var(--state-error);
  background-color: var(--state-error);
}

._focusSplitArrow_6m3lq_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_6m3lq_4749 {
  padding: 0.5rem;
  min-width: 120px;
}

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

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

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

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

/* Inline timer - replaces focus button when session is running */
._focusInlineTimer_6m3lq_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_6m3lq_4787:hover {
  background-color: var(--state-error);
}

/* YouTube-style progress bar at modal bottom edge */
._taskModalProgressBar_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_4825:hover {
  opacity: 0.9;
}

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

/* Bottom bar spanning full width */
._taskModalBottomBar_6m3lq_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_6m3lq_4858 {
  flex: 1;
}

/* TaskModal Resize Handle */
._taskModalResizeHandle_6m3lq_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_6m3lq_4863:hover {
  background: color-mix(in srgb, var(--border-default) 30%, transparent);
}
._taskModalResizeBar_6m3lq_4876 {
  width: 32px;
  height: 3px;
  border-radius: 2px;
  background: var(--border-default);
  transition: background 0.15s ease;
}
._taskModalResizeHandle_6m3lq_4863:hover ._taskModalResizeBar_6m3lq_4876 {
  background: var(--text-tertiary);
}

/* TaskModal Pill Buttons */
._taskModalTabActions_6m3lq_4888 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
  padding-right: 1rem;
}
._taskModalPillBtn_6m3lq_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_6m3lq_4895:hover {
  background: var(--surface-hover);
  color: var(--text-primary);
  border-color: var(--action-primary);
}
._taskModalPillBtn_6m3lq_4895:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* TaskModal Bottom Tabs (Focus / History) - Linear-style: subtle dividers, flush to edges */
._taskModalBottomTabs_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_4888:first-child {
  padding-left: 0; /* Tab bar already has padding-left */
}

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

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

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

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

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

._instancesEmpty_6m3lq_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_6m3lq_4997 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._taskModalSidebarSection_6m3lq_5093 ._sidebarField_6m3lq_5114 {
  padding: 0.375rem 0;
}

/* Consistent minimum width for sidebar scheduling controls */
._sidebarField_6m3lq_5114 ._recurrenceSelector_6m3lq_5126,
._sidebarField_6m3lq_5114 ._recurrenceTrigger_6m3lq_5127,
._sidebarField_6m3lq_5114 ._sidebarDurationSelect_6m3lq_5128,
._sidebarField_6m3lq_5114 ._sidebarReminderToggle_6m3lq_5129 {
  min-width: 90px;
}

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

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

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

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

._sidebarFieldHalf_6m3lq_5170 ._sidebarFieldValue_6m3lq_5175 {
  font-size: var(--font-size-xs);
}

._sidebarFieldLabel_6m3lq_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_6m3lq_5188 {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

/* Duration quick-select chip */
._sidebarDurationChip_6m3lq_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_6m3lq_5301:hover {
  background-color: var(--surface-hover);
  color: var(--text-primary);
  border-color: var(--border-hover);
}

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

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

/* Clear duration button */
._sidebarDurationClear_6m3lq_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_6m3lq_5341:hover {
  background-color: var(--surface-hover);
  color: var(--text-primary);
  border-color: var(--border-hover);
}

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

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

._sidebarDurationMoreSelect_6m3lq_5362._sidebarDurationChipSelected_6m3lq_5328:hover {
  background-color: var(--action-primary-hover);
  border-color: var(--action-primary-hover);
}

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

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

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

/* Inline validation error (near buttons) */
._validationErrorInline_6m3lq_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_6m3lq_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_6m3lq_5442 {
  display: flex;
  gap: 0.125rem;
}

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

._sidebarPriorityOptionSelected_6m3lq_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_6m3lq_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_6m3lq_5477 > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

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

._sidebarTypeInherited_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_5129:hover {
  background-color: var(--surface-hover);
  border-color: var(--border-hover);
  color: var(--text-secondary);
}

._sidebarReminderToggleActive_6m3lq_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_6m3lq_5554:hover {
  background-color: color-mix(in srgb, var(--color-amber-500) 20%, transparent);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._sidebarTimerStartBtn_6m3lq_5700,
._sidebarTimerStopBtn_6m3lq_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_6m3lq_5700 {
  background: var(--action-primary);
  color: white;
}

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

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

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

._sidebarTimerStartBtn_6m3lq_5700:disabled,
._sidebarTimerStopBtn_6m3lq_5701:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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

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

._quickAddForm_6m3lq_5879 {
  width: 100%;
  animation: _slideIn_6m3lq_1 0.15s ease-out;
}

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

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

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

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

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

._modeToggleMock_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_5946:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._syncBtnSpinning_6m3lq_5972 {
  animation: _spin_6m3lq_1 1s linear infinite;
}

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

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

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

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

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

/* Header dropdown buttons (Filters & Actions) */
._headerDropdownBtn_6m3lq_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_6m3lq_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_6m3lq_6053 {
  display: flex;
  align-items: center;
  height: 28px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background: transparent;
  overflow: hidden;
}

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

._headerSegmentedDivider_6m3lq_6084 {
  width: 1px;
  height: 16px;
  background: var(--border-default);
  flex-shrink: 0;
}

._headerIconBtn_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_6124 {
  display: none;
}

@media (min-width: 640px) {
  ._headerDropdownLabel_6m3lq_6124 {
    display: inline;
  }
}

/* Header toggle button (Plan, Notes) */
._headerToggleBtn_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_6169 {
  display: flex;
  align-items: center;
}

._menuItemCount_6m3lq_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_6m3lq_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_6m3lq_6198 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

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

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

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

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

._plannerFilterBtnActive_6m3lq_6240 {
  background-color: var(--surface-elevated);
  border-color: var(--action-primary);
  color: var(--action-primary);
}

._plannerFilterBtnActiveWork_6m3lq_6246 {
  background-color: var(--color-blue-50);
  border-color: var(--color-blue-500);
  color: var(--color-blue-600);
}

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

._plannerFilterBtnActivePersonal_6m3lq_6257 {
  background-color: var(--color-purple-50);
  border-color: var(--color-purple-500);
  color: var(--color-purple-600);
}

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

/* ========================================
   CALENDAR EVENTS
   ======================================== */

._calendarEventsSection_6m3lq_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_6m3lq_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_6m3lq_6281:hover {
  opacity: 0.85;
  transform: translateX(1px);
}

._calendarEventStartTime_6m3lq_6304 {
  flex-shrink: 0;
  font-weight: var(--font-weight-medium);
  opacity: 0.7;
  min-width: 2.25rem;
}

._calendarEventCompact_6m3lq_6281 ._calendarEventTitle_6m3lq_6311 {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._calendarEventCompact_6m3lq_6281 ._calendarEventIcon_6m3lq_6318 {
  flex-shrink: 0;
  opacity: 0.7;
}

/* Full calendar event card */
._calendarEvent_6m3lq_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_6m3lq_6272:hover {
  opacity: 0.85;
}

/* Reduce brightness of Google Calendar colors on dark themes */
.dark ._calendarEvent_6m3lq_6272 {
  filter: brightness(0.75) saturate(0.9);
}

.dark ._calendarEvent_6m3lq_6272:hover {
  filter: brightness(0.7) saturate(0.9);
}

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

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

._calendarEventIcon_6m3lq_6318 {
  flex-shrink: 0;
}

._calendarEventTime_6m3lq_6369 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.8125rem;
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

._calendarEventLocation_6m3lq_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_6m3lq_6387,
._calendarEventFocus_6m3lq_6388,
._calendarEventOOO_6m3lq_6389,
._calendarEventWorking_6m3lq_6390,
._calendarEventDefault_6m3lq_6391 {
  color: var(--text-secondary);
  background-color: transparent;
}

/* Left border colors indicate event type */
._calendarEventMeeting_6m3lq_6387 {
  border-left-color: var(--color-blue-500);
}

._calendarEventFocus_6m3lq_6388 {
  border-left-color: var(--color-purple-500);
}

._calendarEventOOO_6m3lq_6389 {
  border-left-color: var(--color-orange-500);
}

._calendarEventWorking_6m3lq_6390 {
  border-left-color: var(--color-green-500);
}

._calendarEventDefault_6m3lq_6391 {
  border-left-color: var(--text-tertiary);
}

/* Calendar event details modal */
._calendarEventDetailsOverlay_6m3lq_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_6m3lq_1 0.15s ease-out;
}

._calendarEventDetails_6m3lq_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_6m3lq_1 0.15s ease-out;
}

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

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

._calendarEventDetailsBody_6m3lq_6499 {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._calendarEventDetailsRow_6m3lq_6506 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
}

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

._calendarEventDetailsDescription_6m3lq_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_6m3lq_6519 a {
  color: var(--action-primary);
  text-decoration: underline;
}

._calendarEventDetailsDescription_6m3lq_6519 b,
._calendarEventDetailsDescription_6m3lq_6519 strong {
  font-weight: var(--font-weight-semibold);
}

._calendarEventLink_6m3lq_6540 {
  color: var(--action-primary);
  text-decoration: none;
  font-weight: var(--font-weight-medium);
}

._calendarEventLink_6m3lq_6540:hover {
  text-decoration: underline;
}

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

._calendarEventDetailsDelete_6m3lq_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_6m3lq_6567:hover {
  background: var(--color-error-subtle);
  color: var(--color-error);
}

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

/* ========================================
   ANIMATIONS
   ======================================== */

@keyframes _slideIn_6m3lq_1 {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes _fadeIn_6m3lq_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes _scaleIn_6m3lq_1 {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Apply subtle animations */
._dayColumn_6m3lq_1004 {
  animation: _fadeIn_6m3lq_1 0.2s ease-out;
}

._taskCard_6m3lq_1415 {
  animation: _scaleIn_6m3lq_1 0.15s ease-out;
}

._objectiveChip_6m3lq_192 {
  animation: _fadeIn_6m3lq_1 0.1s ease-out;
}

/* Task hover lift effect */
._taskCard_6m3lq_1415:hover {
}

/* Button press effect */
._weekNavBtn_6m3lq_104:active,
._addTaskBtn_6m3lq_1316:active,
._bottomTrayToggle_6m3lq_2179:active {
  transform: scale(0.95);
}

/* Smooth transitions for interactive elements */
._taskCard_6m3lq_1415,
._objectiveChip_6m3lq_192,
._weekNavBtn_6m3lq_104,
._addTaskBtn_6m3lq_1316,
._bottomTrayToggle_6m3lq_2179,
._modeToggle_6m3lq_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_6m3lq_6669 {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
}

._allDaySection_6m3lq_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_6m3lq_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_6m3lq_6699 {
  position: relative;
  flex: 1;
  height: 100%;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

._hourRow_6m3lq_6708 {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  align-items: flex-start;
  z-index: 0;
}

._hourLabel_6m3lq_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_6m3lq_6708:first-child ._hourLabel_6m3lq_6717 {
  margin-top: 0;
}

._hourLine_6m3lq_6733 {
  flex: 1;
  height: 1px;
  background-color: var(--border-default);
}

._eventsContainer_6m3lq_6739 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: auto;
  z-index: 1;
}

._timelineEvent_6m3lq_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_6m3lq_6749:hover {
  filter: brightness(0.95);
}

/* Reduce brightness of Google Calendar colors on dark themes */
.dark ._timelineEvent_6m3lq_6749 {
  filter: brightness(0.75) saturate(0.9);
}

.dark ._timelineEvent_6m3lq_6749:hover {
  filter: brightness(0.7) saturate(0.9);
}

._timelineEventTime_6m3lq_6784 {
  font-weight: var(--font-weight-semibold);
  white-space: nowrap;
  flex-shrink: 0;
}

._eventTypeLabel_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_6812 ._timelineEventTime_6m3lq_6784,
._timelineEventCompact_6m3lq_6812 ._timelineEventTitle_6m3lq_6800 {
  font-size: inherit;
  font-weight: var(--font-weight-normal);
  line-height: 1;
}

._timelineEventCompact_6m3lq_6812 ._timelineEventTime_6m3lq_6784 {
  opacity: 0.85;
  flex-shrink: 0;
}

._timelineEventCompact_6m3lq_6812 ._timelineEventTitle_6m3lq_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_6m3lq_6846 {
  cursor: move;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._timelineEventEditable_6m3lq_6846:hover {
  box-shadow: var(--shadow-sm);
  filter: brightness(0.97);
}

/* Focus block menu */
._focusBlockMenuContainer_6m3lq_6857 {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 100;
  pointer-events: auto;
  isolation: isolate;
}

._focusBlockMenuButton_6m3lq_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_6m3lq_6846:hover ._focusBlockMenuButton_6m3lq_6866 {
  opacity: 1;
}

._focusBlockMenuButton_6m3lq_6866:hover {
  background: rgba(255, 255, 255, 1);
  color: var(--text-primary);
}

._focusBlockMenu_6m3lq_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_6m3lq_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_6m3lq_6905:hover {
  background: var(--bg-secondary);
}

._focusBlockMenuItem_6m3lq_6905 svg {
  color: var(--text-secondary);
  flex-shrink: 0;
}

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

/* Visibility indicator on focus blocks */
._focusBlockVisibilityIndicator_6m3lq_6936 {
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
  opacity: 0.6;
  flex-shrink: 0;
}

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

/* Clickable visibility toggle button */
._visibilityToggleButton_6m3lq_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_6m3lq_6949:hover:not(:disabled) {
  opacity: 1;
  background: var(--surface-hover);
}

._visibilityToggleButton_6m3lq_6949:disabled {
  cursor: default;
}

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

/* GCal Sync Toggle */
._gcalSyncToggle_6m3lq_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_6m3lq_6983:hover:not(:disabled) {
  opacity: 1;
  background: var(--surface-hover);
}

._gcalSyncToggle_6m3lq_6983:disabled {
  cursor: default;
}

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

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

._gcalSyncToggleFailed_6m3lq_7020 svg {
  color: var(--color-red-500);
}

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

/* Missed session styling on timeline */
._workSessionTimelineMissedOverlay_6m3lq_7029 {
  opacity: 0.7;
}

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

/* Menu divider */
._focusBlockMenuDivider_6m3lq_7052 {
  height: 1px;
  background: var(--border-subtle);
  margin: 4px 0;
}

/* Read-only calendar event (external) */
._timelineEventReadOnly_6m3lq_7059 {
  cursor: default;
}

/* Tentative/unconfirmed calendar events - visually distinct from accepted */
._timelineEventTentative_6m3lq_7064 {
  border-style: dashed !important;
  opacity: 0.65;
}

._timelineEventTentative_6m3lq_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_6m3lq_7064 {
  opacity: 0.6;
}

/* Resize handles - positioned at top and bottom edges */
/* Event resize handles - larger hit area (12px) for easier grabbing */
._eventResizeHandle_6m3lq_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_6m3lq_7106 {
  top: -6px;
  right: 24px;
  background: linear-gradient(to bottom, var(--color-border-secondary) 0%, transparent 100%);
  border-radius: 3px 3px 0 0;
}

._eventResizeHandleBottom_6m3lq_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_6m3lq_6846:hover ._eventResizeHandle_6m3lq_7091 {
  opacity: 0.8;
}

/* More prominent handles when being grabbed */
._eventResizeHandle_6m3lq_7091:hover {
  opacity: 1 !important;
  background: var(--color-accent-primary);
}

/* Visual indicator line to show grab target */
._eventResizeHandleTop_6m3lq_7106::after,
._eventResizeHandleBottom_6m3lq_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_6m3lq_7106::after {
  top: 4px;
}

._eventResizeHandleBottom_6m3lq_7113::after {
  bottom: 4px;
}

/* Show the grab indicator on hover */
._timelineEventEditable_6m3lq_6846:hover ._eventResizeHandle_6m3lq_7091::after {
  opacity: 0.6;
}

._eventResizeHandle_6m3lq_7091:hover::after {
  opacity: 1;
  background: white;
}

/* Active resize state */
._timelineEventResizing_6m3lq_7164 {
  opacity: 0.7;
  z-index: 10;
  box-shadow: 0 0 0 2px var(--color-accent-primary);
}

/* Keep handles visible during resize */
._timelineEventResizing_6m3lq_7164 ._eventResizeHandle_6m3lq_7091 {
  opacity: 1;
  background: var(--color-accent-primary);
}

._timelineEventResizing_6m3lq_7164 ._eventResizeHandle_6m3lq_7091::after {
  opacity: 1;
  background: white;
}

/* Resize preview (ghost indicator) */
._eventResizePreview_6m3lq_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_6m3lq_7192 {
  opacity: 0.5;
  z-index: 10;
  box-shadow: var(--shadow-md);
}

/* Current time indicator */
._currentTimeIndicator_6m3lq_7199 {
  position: absolute;
  left: 24px;
  right: 0;
  display: flex;
  align-items: center;
  z-index: var(--z-raised);
  pointer-events: none;
}

._currentTimeDot_6m3lq_7209 {
  width: 6px;
  height: 6px;
  background-color: var(--color-red-500);
  border-radius: 50%;
  margin-left: -3px;
  flex-shrink: 0;
}

._currentTimeLine_6m3lq_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_6m3lq_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_6m3lq_7230:hover {
  background-color: color-mix(in srgb, var(--accent-teal-500) 22%, transparent);
  border-color: var(--accent-teal-600);
}

._timelineTaskCompact_6m3lq_7253 {
  padding: 0.125rem 0.375rem;
}

._timelineTaskCompleted_6m3lq_7257 {
  opacity: 0.5;
  border-style: solid;
}

._timelineTaskCompleted_6m3lq_7257 ._timelineTaskTitle_6m3lq_7262 {
  text-decoration: line-through;
}

._timelineTaskCheckbox_6m3lq_7266 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 0.5rem;
  color: var(--accent-teal-600);
  cursor: pointer;
}

._timelineTaskCheckbox_6m3lq_7266:hover {
  color: var(--accent-teal-700);
}

._timelineTaskCheckboxChecked_6m3lq_7280 {
  color: var(--accent-teal-500);
}

._timelineTaskTitle_6m3lq_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_6m3lq_7296 {
  color: var(--color-text-secondary);
  font-weight: var(--font-weight-normal);
  font-size: 0.9em;
}

._timelineTaskRight_6m3lq_7302 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex-shrink: 0;
  margin-left: auto;
  padding-left: 0.5rem;
}

._timelineTaskTime_6m3lq_7311 {
  font-size: 0.7rem;
  color: var(--color-text-secondary);
  white-space: nowrap;
}

/* Scheduled task sync to calendar button */
._scheduledTaskSyncContainer_6m3lq_7318 {
  position: relative;
}

._scheduledTaskSyncButton_6m3lq_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_6m3lq_7322:hover {
  opacity: 1;
  background: var(--color-bg-tertiary);
}

._scheduledTaskVisibilityMenu_6m3lq_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_6m3lq_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_6m3lq_7357:hover {
  background: var(--color-bg-secondary);
}

._scheduledTaskVisibilityOption_6m3lq_7357:first-child {
  border-bottom: 1px solid var(--color-border);
}

/* Draggable task styles */
._timelineTaskDraggable_6m3lq_7380 {
  cursor: move;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._timelineTaskDragging_6m3lq_7385 {
  opacity: 0.5;
  z-index: 10;
  box-shadow: var(--shadow-md);
}

._timelineTaskResizing_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_7380:hover ._taskResizeHandle_6m3lq_7398 {
  opacity: 0.6;
}

/* More prominent when being grabbed */
._taskResizeHandle_6m3lq_7398:hover {
  opacity: 1 !important;
  background: var(--accent-teal-500);
}

/* Visual indicator line to show grab target */
._taskResizeHandleBottom_6m3lq_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_6m3lq_7380:hover ._taskResizeHandle_6m3lq_7398::after {
  opacity: 0.6;
}

._taskResizeHandle_6m3lq_7398:hover::after {
  opacity: 1;
  background: white;
}

/* Active resize state for tasks */
._timelineTaskResizing_6m3lq_7391 {
  opacity: 0.7;
  z-index: 10;
  box-shadow: 0 0 0 2px var(--accent-teal-500);
}

/* Keep handles visible during resize */
._timelineTaskResizing_6m3lq_7391 ._taskResizeHandle_6m3lq_7398 {
  opacity: 1;
  background: var(--accent-teal-500);
}

._timelineTaskResizing_6m3lq_7391 ._taskResizeHandle_6m3lq_7398::after {
  opacity: 1;
  background: white;
}

/* Task resize preview */
._taskResizePreview_6m3lq_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_6m3lq_7482 {
  flex-shrink: 0;
  color: var(--accent-teal-600);
  animation: _spin_6m3lq_1 0.8s linear infinite;
}

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

/* ============================================================================
   Unified Timeline - Lunch Break Indicator
   ============================================================================ */

._lunchBreakBlock_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_7535:hover,
._timelineGapExpanded_6m3lq_7554 {
  opacity: 1;
  background: color-mix(in srgb, var(--status-success) 12%, transparent);
}

._timelineGapLabel_6m3lq_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_6m3lq_7573 {
  font-size: 9px;
  color: var(--text-tertiary);
}

/* Slot badges in gaps (L/M/S indicators) */
._gapSlotBadges_6m3lq_7579 {
  display: flex;
  gap: 3px;
  margin-left: 4px;
}

._gapSlotBreakdown_6m3lq_7585 {
  display: flex;
  gap: 4px;
}

._gapSlotL_6m3lq_7590,
._gapSlotM_6m3lq_7591,
._gapSlotS_6m3lq_7592 {
  font-size: 9px;
  font-weight: var(--font-weight-semibold);
  padding: 1px 4px;
  border-radius: 3px;
}

._gapSlotL_6m3lq_7590 {
  background: var(--state-success-bg);
  color: var(--state-success);
}

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

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

/* Slot blocks - positioned work time blocks within gaps */
._slotBlock_6m3lq_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_6m3lq_7615:hover {
  opacity: 1;
}

._slotBlockL_6m3lq_7630 {
  background: color-mix(in srgb, var(--color-green-600) 8%, transparent);
  border-color: var(--color-green-600);
}

._slotBlockM_6m3lq_7635 {
  background: color-mix(in srgb, var(--state-warning) 8%, transparent);
  border-color: var(--state-warning);
}

._slotBlockS_6m3lq_7640 {
  background: color-mix(in srgb, var(--color-gray-500) 8%, transparent);
  border-color: var(--color-gray-400);
}

._slotBlockBadge_6m3lq_7645 {
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  padding: 2px 5px;
  border-radius: 3px;
  flex-shrink: 0;
}

._slotBlockL_6m3lq_7630 ._slotBlockBadge_6m3lq_7645 {
  background: var(--state-success-bg);
  color: var(--state-success);
}

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

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

._slotBlockTime_6m3lq_7668 {
  font-size: 10px;
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
}

/* Suggestion pills in gaps */
._gapSuggestions_6m3lq_7675 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 0 4px;
  max-width: 100%;
  justify-content: center;
}

._gapSuggestionPill_6m3lq_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_6m3lq_7684:hover {
  background: var(--surface-hover);
}

._gapSuggestionTitle_6m3lq_7703 {
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--text-primary);
}

/* ============================================================================
   Unified Timeline - Drag & Drop
   ============================================================================ */

/* Timeline active drop state - shows when dragging over */
._timelineDropActive_6m3lq_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_6m3lq_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_6m3lq_7741 {
  border-color: var(--color-green-500);
  background: color-mix(in srgb, var(--color-green-500) 10%, transparent);
  color: var(--color-green-600);
}

._calendarIndicator_6m3lq_7747 {
  font-size: 10px;
  padding: 1px 4px;
  border-radius: 3px;
  background: var(--color-green-500);
  color: white;
}

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

/* Timeline in day column - default scrollable container */
._dayColumnTimeline_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_7807 {
  flex: 4 !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* Tasks planning mode (50/50 with drag-drop) */
._dayTasksPlanning_6m3lq_7814 {
  flex: 1 !important;
  min-height: 0 !important;
}

/* Tasks collapsed (calendar mode 80/20) - takes ~20% */
._dayTasksCollapsed_6m3lq_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_6m3lq_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_6m3lq_7828:hover {
  background-color: var(--bg-tertiary);
  color: var(--text-secondary);
}

._viewModeToggleCollapsed_6m3lq_7828:focus-visible {
  outline: none;
  background-color: var(--bg-tertiary);
  color: var(--text-secondary);
}

/* View mode toggle button - expanded state */
._viewModeToggle_6m3lq_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_6m3lq_7828:hover {
  background-color: var(--bg-secondary);
  color: var(--text-secondary);
}

._viewModeToggle_6m3lq_7828:focus-visible {
  outline: none;
  background-color: var(--bg-secondary);
  color: var(--text-secondary);
}

/* Hidden tasks button */
._hiddenTasksBtn_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_7904::before {
  content: '';
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  right: 0.5rem;
  height: 1px;
  background: transparent;
  transition: background 0.15s ease;
}

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

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

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

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

/* Label centered on the line — background knocks out the line behind the text */
._addTaskZoneLabel_6m3lq_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_6m3lq_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_6m3lq_7966:hover {
  opacity: 1;
  color: var(--action-primary);
  border-color: var(--action-primary);
  background-color: var(--surface-elevated);
}

._addTaskBtnEmpty_6m3lq_7966:focus-visible {
  opacity: 1;
  outline: 2px solid var(--action-primary);
  outline-offset: 2px;
}

/* ========================================
   PROJECTS VIEW
   ======================================== */

._projectsContainer_6m3lq_8001 {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 3.5rem);
  width: 100%;
  overflow: hidden;
  background-color: var(--surface-base);
}

._projectsHeader_6m3lq_8010 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.75rem 1rem;
}

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

._projectsTitle_6m3lq_8024 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0;
}

._projectsFilters_6m3lq_8031 {
  display: flex;
  gap: 0.25rem;
  background-color: var(--surface-base);
  border-radius: var(--radius);
  padding: 0.125rem;
}

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

._filterButtonActive_6m3lq_8056 {
  color: var(--text-primary);
  background-color: var(--surface-elevated);
  box-shadow: var(--shadow-sm);
}

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

._loadingState_6m3lq_8084 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
}

._errorBanner_6m3lq_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_6m3lq_8105 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  line-height: 1.3;
}

/* ========================================
   PROJECT MODAL
   ======================================== */

._projectModal_6m3lq_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_6m3lq_1 0.2s ease-out;
  overflow: hidden;
}

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

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

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

._prioritySelector_6m3lq_2584 {
  display: flex;
  gap: 0.5rem;
}

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

._priorityOptionP1Selected_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_8243 {
  max-width: 5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Project label - shown in labels row, styled like other labels */
._taskProjectLabel_6m3lq_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_6m3lq_8267 {
  position: relative;
  display: flex;
  align-items: center;
}

._taskAddProjectBtn_6m3lq_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_6m3lq_1415:hover ._taskAddProjectBtn_6m3lq_8273 {
  display: flex;
}

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

._taskPriorityClickable_6m3lq_8297 {
  cursor: pointer;
  transition: all 0.15s ease;
}

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

._taskProjectBadgeWork_6m3lq_8219,
._taskProjectBadgePersonal_6m3lq_8231 {
  cursor: pointer;
  border: none;
  transition: all 0.15s ease;
}

._taskProjectBadgeWork_6m3lq_8219:hover,
._taskProjectBadgePersonal_6m3lq_8231:hover {
  transform: scale(1.05);
}

._taskInlineDropdown_6m3lq_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_6m3lq_1 0.1s ease-out;
  max-height: 200px;
  overflow-y: auto;
  isolation: isolate;
}

/* Dark mode handled by semantic tokens */

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

._taskInlineDropdownItem_6m3lq_8338 span {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ========================================
   PROJECT DETAIL MODAL
   ======================================== */

._projectDetailModal_6m3lq_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_6m3lq_1 0.2s ease-out;
  overflow: hidden;
}

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

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

._projectDetailIcon_6m3lq_8397 {
  color: var(--text-secondary);
  flex-shrink: 0;
}

._projectDetailTitleInput_6m3lq_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_6m3lq_8402:focus {
  background-color: var(--surface-base);
}

._projectDetailInfo_6m3lq_8418 {
  padding: 1rem;
  padding-bottom: 1.5rem; /* Linear-style: spacing instead of divider */
}

._projectDetailField_6m3lq_8423 {
  margin-bottom: 0.75rem;
}

._projectDetailDescriptionInput_6m3lq_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_6m3lq_8427:focus {
  background-color: var(--surface-base);
  border-color: var(--border-default);
}

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

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

/* Markdown editor for project description */
._projectDetailDescriptionEditor_6m3lq_8449 {
  min-height: 80px;
}

._projectDetailMeta_6m3lq_8453 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

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

._projectDetailMetaLabel_6m3lq_8465 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

._projectDetailTypeToggle_6m3lq_8473 {
  display: flex;
  gap: 0.25rem;
}

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

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

._projectDetailPriority_6m3lq_8503 {
  display: flex;
  gap: 0.25rem;
}

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

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

/* Tasks Section */
._projectDetailTasks_6m3lq_8546 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

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

._projectDetailAddTaskButton_6m3lq_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_6m3lq_8561:hover {
  background: var(--bg-tertiary);
  color: var(--text-primary);
}

._projectDetailTasksTitle_6m3lq_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_6m3lq_8590 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-normal);
  color: var(--text-tertiary);
}

._projectDetailTasksList_6m3lq_8596 {
  flex: 1;
  overflow-y: auto;
  padding: 0.5rem;
}

._projectDetailTasksEmpty_6m3lq_8602 {
  padding: 2rem 1rem;
  text-align: center;
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
}

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

._projectDetailTaskItemCompleted_6m3lq_8623 {
  opacity: 0.6;
}

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

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

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

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

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

._projectDetailTasksDivider_6m3lq_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_6m3lq_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_6m3lq_8684 {
  max-width: 720px;
  max-height: 90vh;
}

/* Header right section for buttons */
._projectDetailHeaderRight_6m3lq_8690 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

/* Delete button in header */
._projectDetailDeleteBtn_6m3lq_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_6m3lq_8697:hover {
  background-color: color-mix(in srgb, var(--color-red-500) 15%, transparent);
  color: var(--color-red-500);
}

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

/* Rich task content layout */
._projectDetailTaskContent_6m3lq_8722 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

/* Task metadata row */
._projectDetailTaskMeta_6m3lq_8731 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* Priority badges in task list (compact) */
._taskPriority1_6m3lq_8739,
._taskPriority2_6m3lq_8740,
._taskPriority3_6m3lq_8741 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  padding: 0.125rem 0.375rem;
  border-radius: var(--radius-sm);
}

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

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

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

/* Labels in task list */
._projectDetailTaskLabels_6m3lq_8764 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

/* Subtask count */
._projectDetailTaskSubtasks_6m3lq_8773 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

/* ========================================
   RECURRENCE SELECTOR
   ======================================== */

._recurrenceSelector_6m3lq_5126 {
  position: relative;
}

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

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

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

._recurrenceActiveLabel_6m3lq_8819 {
  color: var(--action-primary);
  font-weight: var(--font-weight-medium);
}

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

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

._recurrenceWeekdays_6m3lq_8862 {
  padding: 0.5rem 0.75rem;
  border-top: 1px solid var(--border-default);
  margin-top: 0.25rem;
}

._recurrenceWeekdaysLabel_6m3lq_8868 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  margin-bottom: 0.375rem;
}

._recurrenceWeekdayButtons_6m3lq_8874 {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
}

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

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

._recurrenceCustomBuilder_6m3lq_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_6m3lq_8912 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

._recurrenceCustomLabel_6m3lq_8918 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  flex-shrink: 0;
}

._recurrenceCustomInput_6m3lq_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_6m3lq_8924:focus {
  outline: none;
  border-color: var(--action-primary);
}

._recurrenceCustomSelect_6m3lq_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_6m3lq_8941:focus {
  outline: none;
  border-color: var(--action-primary);
}

._recurrenceCustomWeekdays_6m3lq_8957 {
  display: flex;
  gap: 0.125rem;
}

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

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

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

._recurrenceClearBtn_6m3lq_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_6m3lq_9011:hover {
  background-color: var(--color-red-50);
}

/* ========================================
   RECURRING TASK INDICATOR
   ======================================== */

._recurringBadge_6m3lq_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_6m3lq_9049 {
  background-color: var(--color-amber-50);
  color: var(--color-amber-600);
}

/* ========================================
   DEADLINE BADGE
   ======================================== */

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

._deadlineOverdue_6m3lq_9068 {
  color: var(--state-error);
}

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

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

/* ========================================
   RECURRING DELETE DIALOG
   ======================================== */

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

._recurringDeleteHeader_6m3lq_9096 h3 {
  flex: 1;
  font-size: var(--font-size-lg);
  font-weight: 600;
  margin: 0;
  color: var(--text-primary);
}

._recurringDeleteIcon_6m3lq_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_6m3lq_9121 {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  line-height: 1.5;
  margin: 0;
}

._recurringDeleteOptions_6m3lq_9128 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._recurringDeleteOptionBtn_6m3lq_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_6m3lq_9134:hover {
  background-color: var(--surface-hover);
  border-color: var(--border-strong);
}

._recurringDeleteOptionBtnDanger_6m3lq_9152 {
}

._recurringDeleteOptionBtnDanger_6m3lq_9152:hover {
  background-color: var(--color-red-50);
  border-color: var(--color-red-200);
}

._recurringDeleteOptionIcon_6m3lq_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_6m3lq_9152 ._recurringDeleteOptionIcon_6m3lq_9161 {
  background-color: var(--color-red-100);
  color: var(--color-red-600);
}

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

._recurringDeleteOptionText_6m3lq_9178 strong {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--text-primary);
}

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

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

/* ========================================
   FOCUS BLOCK STYLES
   ======================================== */

/* Focus block button in TaskCard */
._focusBlockBtn_6m3lq_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_6m3lq_1415:hover ._focusBlockBtn_6m3lq_9216,
._taskCardWrapperDragging_6m3lq_1434 ._focusBlockBtn_6m3lq_9216 {
  opacity: 1;
}

._focusBlockBtn_6m3lq_9216:hover {
  background-color: var(--surface-secondary);
  color: var(--action-primary);
}

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

/* ========================================
   TIME TRACKING STYLES
   ======================================== */

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

._timerDisplay_6m3lq_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_6m3lq_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_6m3lq_1 2s ease-in-out infinite;
}

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

._timerBtn_6m3lq_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_6m3lq_1415:hover ._timerBtn_6m3lq_9305,
._taskCardWrapperDragging_6m3lq_1434 ._timerBtn_6m3lq_9305 {
  opacity: 1;
}

._timerBtn_6m3lq_9305:hover {
  background-color: var(--surface-secondary);
  color: var(--success);
}

._timerBtnActive_6m3lq_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_6m3lq_9331:hover {
  background-color: color-mix(in srgb, var(--danger) 15%, transparent);
  color: var(--danger);
}

/* Focus block confirmation dialog */
._focusBlockConfirmOverlay_6m3lq_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_6m3lq_1 0.15s ease-out;
}

._focusBlockConfirmDialog_6m3lq_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_6m3lq_1 0.15s ease-out;
}

._focusBlockConfirmTitle_6m3lq_9376 {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin-bottom: 0.5rem;
}

._focusBlockConfirmText_6m3lq_9383 {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  margin-bottom: 1rem;
  line-height: 1.5;
}

._focusBlockConfirmActions_6m3lq_9390 {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
}

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

._focusBlockConfirmKeep_6m3lq_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_6m3lq_9412:hover {
  background-color: color-mix(in srgb, var(--action-primary) 85%, black);
}

._focusBlockConfirmDelete_6m3lq_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_6m3lq_9428:hover {
  background-color: var(--color-red-600);
}

/* Duration input for task modal - inline style (no double borders) */
._taskModalDurationInput_6m3lq_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_6m3lq_9445:focus {
  color: var(--text-primary);
}

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

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

/* Hide number input spinners */
._taskModalDurationInput_6m3lq_9445::-webkit-inner-spin-button,
._taskModalDurationInput_6m3lq_9445::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

._taskModalDurationSuffix_6m3lq_9471 {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  margin-left: 0.25rem;
}

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

/* ========================================
   FOCUS BLOCKS LIST (TaskModal)
   ======================================== */

._focusBlocksSection_6m3lq_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_6m3lq_9496 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--text-secondary);
}

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

._focusBlocksSectionLabel_6m3lq_9507 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
}

._focusBlocksEmptyText_6m3lq_9513 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  line-height: 1.4;
  margin: 0;
}

._focusBlocksListContainer_6m3lq_9520 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._focusBlockListItem_6m3lq_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_6m3lq_9537 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1;
  min-width: 0;
}

._focusBlockListItemTime_6m3lq_9545 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
}

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

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

._focusBlockListItemMeta_6m3lq_9563 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-xs);
}

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

._focusBlockListItemLink_6m3lq_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_6m3lq_9577:hover {
  color: var(--action-primary);
  background-color: var(--surface-secondary);
}

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

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

._focusBlocksAddWrapper_6m3lq_9618 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

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

._focusBlocksAddBtn_6m3lq_9626:disabled {
  color: var(--text-tertiary);
  border-color: var(--border-default);
  cursor: not-allowed;
}

._focusBlocksScheduleBtn_6m3lq_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_6m3lq_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_6m3lq_9650:disabled {
  color: var(--text-tertiary);
  cursor: not-allowed;
}

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

._focusBlocksOptionsDropdown_6m3lq_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_6m3lq_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_6m3lq_9694:hover {
  background-color: var(--surface-secondary);
}

._focusBlocksOptionBtn_6m3lq_9694 svg {
  flex-shrink: 0;
  margin-top: 0.125rem;
}

._focusBlocksOptionDesc_6m3lq_9719 {
  display: block;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  margin-left: auto;
}

/* ========================================
   FOCUS BLOCK SCHEDULER (Visual Calendar Picker)
   ======================================== */

._focusSchedulerOverlay_6m3lq_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_6m3lq_1 0.15s ease-out;
}

._focusScheduler_6m3lq_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_6m3lq_1 0.15s ease-out;
}

._focusSchedulerHeader_6m3lq_9757 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-default);
}

._focusSchedulerNav_6m3lq_9765 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

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

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

._focusSchedulerToday_6m3lq_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_6m3lq_9820 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}

._focusSchedulerQuickActions_6m3lq_9829 {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--border-default);
  overflow-x: auto;
}

._focusSchedulerQuickBtn_6m3lq_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_6m3lq_9837:hover {
  background-color: var(--surface-secondary);
  border-color: var(--border-strong);
  color: var(--text-primary);
}

._focusSchedulerKbd_6m3lq_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_6m3lq_9874 {
  position: relative;
  overflow-y: auto;
  cursor: crosshair;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._focusSchedulerHourRow_6m3lq_9881 {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  align-items: flex-start;
}

._focusSchedulerHourLabel_6m3lq_9889 {
  width: 44px;
  padding-right: 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-align: right;
  flex-shrink: 0;
}

._focusSchedulerHourLine_6m3lq_9898 {
  flex: 1;
  height: 1px;
  background-color: var(--border-default);
  margin-top: 0.5rem;
}

._focusSchedulerEventsContainer_6m3lq_9905 {
  position: absolute;
  top: 0;
  left: 48px;
  right: 8px;
  bottom: 0;
  pointer-events: none;
}

._focusSchedulerEvent_6m3lq_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_6m3lq_9924 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._focusSchedulerSelection_6m3lq_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_6m3lq_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_6m3lq_9954 {
  position: absolute;
  left: 44px;
  right: 0;
  display: flex;
  align-items: center;
  pointer-events: none;
  z-index: 5;
}

._focusSchedulerCurrentTimeDot_6m3lq_9964 {
  width: 8px;
  height: 8px;
  background-color: var(--color-red-500);
  border-radius: 50%;
  flex-shrink: 0;
  margin-left: -4px;
}

._focusSchedulerCurrentTimeLine_6m3lq_9973 {
  flex: 1;
  height: 2px;
  background-color: var(--color-red-500);
}

._focusSchedulerFooter_6m3lq_9979 {
  display: flex;
  justify-content: flex-end;
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--border-default);
}

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

/* ========================================
   TASK SEARCH MODAL (Cmd+K)
   ======================================== */

._searchModalOverlay_6m3lq_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_6m3lq_1 0.1s ease-out;
}

._searchModal_6m3lq_10006 {
  width: 100%;
  max-width: 700px;
  background-color: var(--surface-elevated);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-2xl);
  overflow: hidden;
}

._searchInputContainer_6m3lq_10029 {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0 1rem;
  min-height: 2.5rem;
  border-bottom: 1px solid var(--border-default);
}

._searchLogo_6m3lq_10038 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

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

._searchInput_6m3lq_10029 {
  flex: 1;
  background: none;
  border: none;
  font-size: 14px;
  color: var(--text-primary);
  outline: none;
}

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

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

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

._searchKbd_6m3lq_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_6m3lq_10091 {
  max-height: 420px;
  overflow-y: auto;
  padding: 4px 0;
}

/* Search result groups (grouped by type: Tasks, Projects, OKRs, Notes) */
._searchGroup_6m3lq_10098 + ._searchGroup_6m3lq_10098 {
  border-top: 1px solid var(--border-default);
}

._searchGroupHeader_6m3lq_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_6m3lq_10102 svg {
  flex-shrink: 0;
}

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

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

._searchEmpty_6m3lq_10137 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 1rem;
  color: var(--text-tertiary);
  font-size: 13px;
}

._searchResultItem_6m3lq_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_6m3lq_10146:hover,
._searchResultItemSelected_6m3lq_10161 {
  background-color: var(--surface-primary);
}

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

._searchResultStatus_6m3lq_10169 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

._searchResultContent_6m3lq_10176 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

._searchResultTitle_6m3lq_10184 {
  font-size: 13px;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

._searchResultDesc_6m3lq_10197 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._searchResultMeta_6m3lq_10205 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 11px;
  color: var(--text-tertiary);
  flex-shrink: 0;
}

._searchResultArrow_6m3lq_10214 {
  color: var(--action-primary);
  flex-shrink: 0;
}

._searchFooter_6m3lq_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_6m3lq_10219 span {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

._searchFooter_6m3lq_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_6m3lq_10249 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 1rem 0;
  border-bottom: 1px solid var(--border-default);
}

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

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

._commandPaletteTabKbd_6m3lq_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_6m3lq_10293 {
  padding: 1rem 1.25rem;
  min-height: 200px;
}

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

._trackerTitle_6m3lq_10305 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
}

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

._trackerWeekScoreValue_6m3lq_10319 {
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

._trackerHabitGrid_6m3lq_10324 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
}

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

._trackerHabitLabel_6m3lq_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_6m3lq_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_6m3lq_10366 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._trackerHabitBtn_6m3lq_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_6m3lq_10372:hover {
  background-color: var(--surface-secondary);
  border-color: var(--border-hover);
  color: var(--text-primary);
}

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

._trackerHabitValue_6m3lq_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_6m3lq_10404 {
  color: var(--color-green-600);
}

._trackerEmpty_6m3lq_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_6m3lq_10420 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-default);
}

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

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

._promoteOption_6m3lq_10452 {
  border-bottom: 1px solid var(--border-default);
}

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

/* More Menu (Task Modal Actions) */
._moreMenuTrigger_6m3lq_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_6m3lq_10461:hover {
  background-color: var(--surface-hover);
  border-color: var(--border-hover);
  color: var(--text-primary);
}

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

._moreMenuItem_6m3lq_10491 svg {
  flex-shrink: 0;
}

/* ========================================
   QUICK CAPTURE MODAL (Cmd+Shift+Space)
   ======================================== */

._quickCaptureOverlay_6m3lq_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_6m3lq_1 0.1s ease-out;
}

._quickCaptureModal_6m3lq_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_6m3lq_1 0.15s ease-out;
}

._quickCaptureHeader_6m3lq_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_6m3lq_10556 {
  color: var(--action-primary);
}

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

._quickCaptureInputContainer_6m3lq_10580 {
  padding: 1rem;
}

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

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

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

._quickCaptureSchedule_6m3lq_10605 {
  display: flex;
  gap: 0.5rem;
  padding: 0 1rem 1rem;
}

._quickCaptureScheduleBtn_6m3lq_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_6m3lq_10611:hover {
  background-color: var(--surface-primary);
  border-color: var(--text-tertiary);
}

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

._quickCaptureScheduleBtn_6m3lq_10611 kbd {
  font-family: var(--font-mono);
  font-size: 9px;
  color: var(--text-tertiary);
  opacity: 0.6;
}

._quickCaptureScheduleBtnActive_6m3lq_10632 kbd {
  color: var(--action-primary);
  opacity: 0.8;
}

._quickCaptureFooter_6m3lq_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_6m3lq_10659 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

._quickCaptureHint_6m3lq_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_6m3lq_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_6m3lq_10676:hover:not(:disabled) {
  background-color: var(--action-primary-hover);
}

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

/* ========================================
   WEEKLY REVIEW STYLES
   ======================================== */

._reviewContainer_6m3lq_10701 {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.5rem;
  overflow-y: auto;
  background-color: var(--surface-base);
}

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

._reviewHeaderLeft_6m3lq_10717 {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
}

._reviewTitle_6m3lq_10723 {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
}

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

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


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

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

._reviewRefreshBtn_6m3lq_10758:disabled {
  cursor: not-allowed;
}

._reviewSpinning_6m3lq_10780 {
  animation: _spin_6m3lq_1 1s linear infinite;
}

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

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

._reviewLoading_6m3lq_10802 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 3rem;
  color: var(--text-tertiary);
}

._reviewError_6m3lq_10812 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 2rem;
  color: var(--danger);
}

._reviewError_6m3lq_10812 button {
  padding: 0.5rem 1rem;
  background-color: var(--surface-secondary);
  border: none;
  border-radius: var(--radius);
  color: var(--text-primary);
  cursor: pointer;
}

._reviewEmpty_6m3lq_10830 {
  padding: 3rem;
  text-align: center;
  color: var(--text-tertiary);
}

._reviewContent_6m3lq_10836 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* Stats Grid */
._reviewStatsGrid_6m3lq_10843 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

._reviewStatCard_6m3lq_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_6m3lq_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_6m3lq_10870 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

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

  letter-spacing: 0.02em;
}

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

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

/* Section */
._reviewSection_6m3lq_10895 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._reviewSectionTitle_6m3lq_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_6m3lq_10901 svg {
  color: var(--text-tertiary);
}

/* Daily Grid */
._reviewDailyGrid_6m3lq_10916 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0.5rem;
}

._reviewDayCard_6m3lq_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_6m3lq_10932 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

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

}

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

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

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

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

/* Progress Bar */
._reviewProgressContainer_6m3lq_10970 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._reviewProgressBar_6m3lq_10976 {
  height: 4px;
  background-color: var(--surface-secondary);
  border-radius: 2px;
  overflow: hidden;
}

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

._reviewProgressLabel_6m3lq_10990 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-align: right;
}

/* Project List */
._reviewProjectList_6m3lq_10997 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._reviewProjectRow_6m3lq_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_6m3lq_11013 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._reviewProjectIconWork_6m3lq_11019 {
  color: var(--state-info);
}

._reviewProjectIconPersonal_6m3lq_11023 {
  color: var(--state-success);
}

._reviewProjectIconNone_6m3lq_11027 {
  width: 14px;
  height: 14px;
}

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

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

._reviewProjectCount_6m3lq_11044 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}

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

/* Priority Grid */
._reviewPriorityGrid_6m3lq_11055 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}

._reviewPriorityCard_6m3lq_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_6m3lq_11071 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
}

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

/* Time Accuracy */
._reviewTimeAccuracy_6m3lq_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_6m3lq_11096 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--font-size-sm);
}

._reviewTimeRow_6m3lq_11096 span:first-child {
  color: var(--text-secondary);
}

._reviewTimeRow_6m3lq_11096 span:last-child {
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}

._reviewTimeOver_6m3lq_11112 {
  color: var(--danger) !important;
}

._reviewTimeUnder_6m3lq_11116 {
  color: var(--warning) !important;
}

._reviewTimeAccurate_6m3lq_11120 {
  color: var(--success) !important;
}

/* Rollover Note */
._reviewRolloverNote_6m3lq_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_6m3lq_10916 {
    grid-template-columns: repeat(4, 1fr);
  }

  ._reviewPriorityGrid_6m3lq_11055 {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ========================================
   TIME PICKER
   ======================================== */

._timePickerWrapper_6m3lq_11151 {
  position: relative;
}

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

._timePickerDropdown_6m3lq_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_6m3lq_11188 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}

._timePickerSpinner_6m3lq_11188 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}

._timePickerSpinner_6m3lq_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_6m3lq_11188 button:hover {
  background-color: rgb(var(--action-primary-rgb) / 0.1);
  color: var(--text-primary);
}

._timePickerValue_6m3lq_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_6m3lq_11230 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--text-tertiary);
  padding: 0 0.125rem;
}

._timePickerQuick_6m3lq_11237 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.25rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--border-default);
}

._timePickerQuick_6m3lq_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_6m3lq_11237 button:hover {
  background-color: rgb(var(--action-primary-rgb) / 0.1);
  color: var(--text-primary);
}

._timePickerQuickSelected_6m3lq_11261 {
  background-color: var(--action-primary);
  color: var(--text-inverse);
  font-weight: var(--font-weight-medium);
}

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

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

._sidebarTimePicker_6m3lq_5256 {
  flex: 1;
}

/* ========================================
   TIME ENTRIES HISTORY
   ======================================== */

._timeEntriesContainer_6m3lq_11298 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._timeEntriesLoading_6m3lq_11304 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  padding: 0.5rem 0;
}

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

._timeEntriesEmptyIcon_6m3lq_11319 {
  opacity: 0.5;
}

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

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

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

._timeEntriesList_6m3lq_11343 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-height: 180px;
  overflow-y: auto;
}

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

._timeEntryRow_6m3lq_11351:hover ._timeEntryDeleteBtn_6m3lq_11364 {
  opacity: 1;
}

._timeEntryInfo_6m3lq_11368 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  flex: 1;
  min-width: 0;
}

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

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

._timeEntryNote_6m3lq_11388 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._timeEntryDeleteBtn_6m3lq_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_6m3lq_11364:hover:not(:disabled) {
  background-color: var(--state-error-subtle);
  color: var(--state-error);
}

._timeEntryDeleteBtn_6m3lq_11364:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/* Task History Section */
._taskHistorySection_6m3lq_11422 {
  margin-top: 0.75rem;
  border-top: 1px solid var(--border-default);
}

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

._taskHistoryCount_6m3lq_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_6m3lq_11455 {
  padding-bottom: 0.5rem;
}

._taskHistoryLoading_6m3lq_11459,
._taskHistoryError_6m3lq_11460,
._taskHistoryEmpty_6m3lq_11461 {
  padding: 0.5rem 0;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-align: center;
}

._taskHistoryError_6m3lq_11460 {
  color: var(--state-error);
}

._taskHistoryList_6m3lq_11472 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

._taskHistoryEvent_6m3lq_11478 {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.375rem 0;
  font-size: var(--font-size-xs);
}

._taskHistoryEventAutomatic_6m3lq_11486 {
  opacity: 0.7;
}

._taskHistoryEventIcon_6m3lq_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_6m3lq_11502 {
  color: var(--state-error);
}

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

._taskHistoryEventContent_6m3lq_11510 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}

._taskHistoryEventLabel_6m3lq_11517 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}

._taskHistoryAutoTag_6m3lq_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_6m3lq_11535 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}

._taskHistoryEventTime_6m3lq_11540 {
  font-size: 0.65rem;
  color: var(--text-tertiary);
}

/* ========================================
   FOCUS & TIME SECTION
   Unified focus timer and time tracking
   ======================================== */

._focusTimeSection_6m3lq_11550 {
  margin-top: 0.75rem;
  border-top: 1px solid var(--border-default);
}

._focusTimeSectionHeader_6m3lq_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_6m3lq_11555:hover {
  /* No background - matches history section */
}

._focusTimeSectionTitle_6m3lq_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_6m3lq_11555:hover ._focusTimeSectionTitle_6m3lq_11568 {
  color: var(--text-secondary);
}

._focusTimeTotalBadge_6m3lq_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_6m3lq_11590 {
  padding-bottom: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* Timer controls - minimalist layout */
._focusTimeControls_6m3lq_11598 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

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

/* Minimalist icon buttons */
._focusTimeIconBtnPlay_6m3lq_11612,
._focusTimeIconBtnStop_6m3lq_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_6m3lq_11612 {
  background-color: var(--state-success);
  color: white;
}

._focusTimeIconBtnPlay_6m3lq_11612:hover:not(:disabled) {
  transform: scale(1.05);
  filter: brightness(1.1);
}

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

._focusTimeIconBtnStop_6m3lq_11613:hover:not(:disabled) {
  transform: scale(1.05);
  filter: brightness(1.1);
}

._focusTimeIconBtnPlay_6m3lq_11612:disabled,
._focusTimeIconBtnStop_6m3lq_11613:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Timer elapsed display */
._focusTimeElapsed_6m3lq_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_6m3lq_11661 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  cursor: pointer;
}

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

._focusTimeCalendarCheckbox_6m3lq_11661 input {
  width: 0.875rem;
  height: 0.875rem;
  accent-color: var(--color-primary);
}

/* Legacy button styles (kept for compatibility) */
._focusTimeActions_6m3lq_11681 {
  display: flex;
  gap: 0.5rem;
}

._focusTimeStartBtn_6m3lq_11686,
._focusTimeStopBtn_6m3lq_11687,
._focusTimeScheduleBtn_6m3lq_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_6m3lq_11686 {
  background-color: var(--state-success);
  color: white;
}

._focusTimeStartBtn_6m3lq_11686:hover:not(:disabled) {
  filter: brightness(1.1);
}

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

._focusTimeStopBtn_6m3lq_11687:hover:not(:disabled) {
  filter: brightness(1.1);
}

._focusTimeScheduleBtn_6m3lq_11688 {
  background-color: var(--surface-secondary);
  color: var(--text-primary);
  border: 1px solid var(--border-primary);
}

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

/* Progress bar */
._focusTimeProgress_6m3lq_11730 {
  position: relative;
  height: 1.5rem;
  background-color: var(--surface-secondary);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

._focusTimeProgressBar_6m3lq_11738 {
  height: 100%;
  background-color: var(--state-success);
  opacity: 0.3;
  transition: width 0.3s ease;
}

._focusTimeProgressText_6m3lq_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_6m3lq_11756 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--border-secondary);
}

._focusTimeTimelineItem_6m3lq_11764 {
  padding: 0.5rem;
  background-color: var(--surface-secondary);
  border-radius: var(--radius-sm);
}

/* Running timer */
._focusTimeRunning_6m3lq_11771 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._focusTimeRunningDot_6m3lq_11777 {
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--state-error);
  border-radius: 50%;
  animation: _pulse_6m3lq_1 1.5s infinite;
}

@keyframes _pulse_6m3lq_1 {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

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

._focusTimeRunningTime_6m3lq_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_6m3lq_11810 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-primary);
}

._focusTimeScheduledDate_6m3lq_11817 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
}

._focusTimeScheduledTime_6m3lq_11822 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}

/* Tracked entry */
._focusTimeTracked_6m3lq_11828 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--state-success);
}

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

._focusTimeTrackedDuration_6m3lq_11840 {
  margin-left: auto;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
}

/* Validation prompt */
._focusTimeValidation_6m3lq_11848 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-warning);
}

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

._focusTimeValidationTime_6m3lq_11861 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}

._focusTimeValidateBtn_6m3lq_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_6m3lq_11866:hover {
  background-color: var(--color-warning);
  color: white;
}

._focusTimeValidationExpanded_6m3lq_11883 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

._focusTimeValidationButtons_6m3lq_11891 {
  display: flex;
  gap: 0.25rem;
}

._focusTimeValidationButtons_6m3lq_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_6m3lq_11891 button:hover {
  background-color: var(--surface-tertiary);
}

._focusTimePartialInput_6m3lq_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_6m3lq_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_6m3lq_11764:hover ._focusTimeDeleteBtn_6m3lq_11921 {
  opacity: 1;
}

._focusTimeDeleteBtn_6m3lq_11921:hover {
  color: var(--state-error);
  background-color: var(--surface-tertiary);
}

/* More entries */
._focusTimeMore_6m3lq_11943 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-align: center;
  padding: 0.25rem;
}

/* Empty state */
._focusTimeEmpty_6m3lq_11951 {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  text-align: center;
  padding: 1rem;
}

/* ========================================
   Simplified Focus Section (v2)
   ======================================== */

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

._focusControls_6m3lq_11968 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

._focusStartBtn_6m3lq_11975,
._focusStopBtn_6m3lq_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_6m3lq_11975 {
  background-color: var(--state-success);
  color: white;
}

._focusStartBtn_6m3lq_11975:hover:not(:disabled) {
  filter: brightness(1.1);
}

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

._focusStopBtn_6m3lq_11976:hover:not(:disabled) {
  filter: brightness(1.1);
}

._focusStartBtn_6m3lq_11975:disabled,
._focusStopBtn_6m3lq_11976:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._focusRunningDisplay_6m3lq_12013 {
  padding: 0.5rem 0;
}

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

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

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

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

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

._focusProgress_6m3lq_12049 {
  position: relative;
  height: 1.25rem;
  background-color: var(--surface-secondary);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

._focusProgressBar_6m3lq_12057 {
  height: 100%;
  background-color: var(--state-success);
  opacity: 0.25;
}

._focusProgressText_6m3lq_12063 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}

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

._focusHistoryItem_6m3lq_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_6m3lq_12090 {
  color: var(--state-success);
  flex-shrink: 0;
}

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

._focusHistoryTime_6m3lq_12099 {
  color: var(--text-tertiary);
  font-variant-numeric: tabular-nums;
}

._focusHistoryDuration_6m3lq_12104 {
  color: var(--text-primary);
  font-weight: var(--font-weight-medium);
  font-variant-numeric: tabular-nums;
  text-align: right;
}

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

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

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

._focusEmpty_6m3lq_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_6m3lq_12156 {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  cursor: grab;
}

._draggableTaskCardWrapper_6m3lq_12156:active {
  cursor: grabbing;
}

/* TaskCard inside draggable wrapper should fill width */
._draggableTaskCardWrapper_6m3lq_12156 ._taskCardWrapper_6m3lq_1415,
._draggableTaskCardWrapper_6m3lq_12156 ._taskCardWrapperDragging_6m3lq_1434 {
  flex: 1;
  min-width: 0;
}

._draggableTaskCardDragging_6m3lq_12175 {
  cursor: grabbing;
}

/* ========================================
   WEEK SLOTS SCORE - Week-level focus score
   ======================================== */

._weekSlotsBadgeContainer_6m3lq_12183 {
  position: relative;
  display: inline-flex;
  margin-left: 0.5rem;
}

._weekSlotsBadge_6m3lq_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_6m3lq_12183:hover {
  background: var(--surface-active);
}

._weekSlotsScore_6m3lq_12205 {
  font-size: 0.6875rem;
  font-weight: 600;
  white-space: nowrap;
}

/* Week Slots Popover */
._weekSlotsPopover_6m3lq_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_6m3lq_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_6m3lq_12238 {
  font-weight: 500;
  font-size: 0.625rem;
  color: var(--text-tertiary);
  font-family: var(--font-mono, ui-monospace, monospace);
}

._weekSlotsPopoverEmpty_6m3lq_12245 {
  font-size: 0.6875rem;
  color: var(--text-tertiary);
  padding: 0.5rem 0;
}

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

._weekSlotsPopoverItem_6m3lq_12257 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.6875rem;
  padding: 0.25rem 0;
}

._weekSlotsDayName_6m3lq_12265 {
  color: var(--text-secondary);
  min-width: 2rem;
  font-weight: 500;
}

._weekSlotsDaySlots_6m3lq_12271 {
  flex: 1;
  font-family: var(--font-mono, ui-monospace, monospace);
  color: var(--text-tertiary);
  font-size: 0.625rem;
}

._weekSlotsDayHours_6m3lq_12278 {
  flex: 1;
  color: var(--text-secondary);
  font-size: 0.6875rem;
  font-variant-numeric: tabular-nums;
}

._weekSlotsDayScore_6m3lq_12285 {
  font-weight: 600;
  color: var(--text-tertiary);
  min-width: 1.25rem;
  text-align: right;
  font-size: 0.625rem;
}

._weekSlotsPopoverItemEmpty_6m3lq_12293 {
  opacity: 0.5;
}

._weekSlotsPopoverItemEmpty_6m3lq_12293 ._weekSlotsDayScore_6m3lq_12285 {
  color: var(--text-quaternary);
}

._weekSlotsPopoverFooter_6m3lq_12301 {
  margin-top: 0.5rem;
  padding-top: 0.375rem;
  border-top: 1px solid var(--border-subtle);
}

._weekSlotsLegend_6m3lq_12307 {
  font-size: 0.5625rem;
  color: var(--text-quaternary);
}

/* =============================================================================
   WORK SESSIONS
   ============================================================================= */

/* Work Sessions Section (TaskModal) */
._workSessionsSection_6m3lq_12317 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 0 -0.75rem;
}

/* Active session row - compact inline style matching other session rows */
._workSessionRowActive_6m3lq_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_6m3lq_12325:hover {
  background: color-mix(in srgb, var(--state-success) 8%, var(--surface-base));
}

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

._workSessionActiveTimer_6m3lq_12340 {
  font-weight: 600;
  color: var(--state-success);
}

._workSessionActiveDuration_6m3lq_12345 {
  font-weight: 400;
  color: var(--text-tertiary);
}

._workSessionStopBtn_6m3lq_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_6m3lq_12350:hover {
  background: color-mix(in srgb, var(--state-error) 25%, var(--surface-base));
}

/* Session Groups */
._workSessionsGroup_6m3lq_12370 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

._workSessionsGroupLabel_6m3lq_12376 {
  font-size: var(--font-size-xs);
  font-weight: 500;
  color: var(--text-tertiary);

  letter-spacing: 0.02em;
}

/* Session Items */
._workSessionItem_6m3lq_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_6m3lq_12385:hover {
  background: var(--surface-hover);
}

._workSessionItem_6m3lq_12385._workSessionCancelled_6m3lq_12400 {
  opacity: 0.5;
}

/* Grid-aligned session rows (upcoming + history) */
._workSessionRow_6m3lq_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_6m3lq_12325:hover {
  border-color: var(--text-quaternary);
  background: var(--surface-hover);
}
._workSessionRow_6m3lq_12325._workSessionCancelled_6m3lq_12400 {
  opacity: 0.5;
}
._workSessionColIcon_6m3lq_12425 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
  color: var(--text-secondary);
  font-size: var(--font-size-xs);
}
._workSessionColName_6m3lq_12433 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._workSessionColDate_6m3lq_12438 {
  color: var(--text-secondary);
  white-space: nowrap;
}
._workSessionColTime_6m3lq_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_6m3lq_12449 {
  color: var(--text-secondary);
  white-space: nowrap;
  font-family: var(--font-mono, ui-monospace, monospace);
}
._workSessionColActions_6m3lq_12454 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  justify-content: flex-end;
}

._workSessionStatus_6m3lq_12461 {
  color: var(--text-secondary);
  font-size: var(--font-size-xs);
  text-transform: capitalize;
  margin-right: 0.5rem;
}

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

._workSessionDurationEditable_6m3lq_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_6m3lq_12473:hover {
  background: var(--surface-hover);
}

._workSessionDurationInput_6m3lq_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_6m3lq_12486::-moz-placeholder {
  color: var(--text-quaternary);
}

._workSessionDurationInput_6m3lq_12486::placeholder {
  color: var(--text-quaternary);
}

/* Remove number input spinners */
._workSessionDurationInput_6m3lq_12486::-webkit-outer-spin-button,
._workSessionDurationInput_6m3lq_12486::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

._workSessionDurationInput_6m3lq_12486[type='number'] {
  -moz-appearance: textfield;
}

/* Time editing styles */
._workSessionTimeEditable_6m3lq_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_6m3lq_12515:hover {
  background: var(--surface-hover);
}

._workSessionTimeInput_6m3lq_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_6m3lq_12543 {
  flex: 1;
}

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

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

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

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

._workSessionRescheduleBtn_6m3lq_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_6m3lq_12581:hover {
  background: var(--color-amber-200);
}

._workSessionConfirmBtn_6m3lq_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_6m3lq_12600:hover {
  background: var(--color-green-200);
}

/* Session Name - Inline Editable */
._workSessionName_6m3lq_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_6m3lq_12620:hover {
  border-color: var(--text-tertiary);
  background: var(--surface-base);
}

._workSessionNamePlaceholder_6m3lq_12641 {
  color: var(--text-tertiary);
  font-weight: 400;
  font-style: italic;
}

._workSessionNameInput_6m3lq_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_6m3lq_12647::-moz-placeholder {
  color: var(--text-quaternary);
  font-style: italic;
}

._workSessionNameInput_6m3lq_12647::placeholder {
  color: var(--text-quaternary);
  font-style: italic;
}

/* Status Icons */
._sessionIconScheduled_6m3lq_12666 {
  color: var(--color-blue-500);
  flex-shrink: 0;
}

._sessionIconInProgress_6m3lq_12671 {
  color: var(--color-blue-600);
  flex-shrink: 0;
}

._sessionIconCompleted_6m3lq_12676 {
  color: var(--color-green-500);
  flex-shrink: 0;
}

._sessionIconMissed_6m3lq_12681 {
  color: var(--color-red-500);
  flex-shrink: 0;
}

._sessionIconCancelled_6m3lq_12686 {
  color: var(--text-quaternary);
  flex-shrink: 0;
}

/* Empty/More States */
._workSessionsEmpty_6m3lq_12692 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-align: center;
  padding: 1rem;
}

._workSessionsScrollable_6m3lq_12699 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  max-height: 200px;
  overflow-y: auto;
}

/* =============================================================================
   WORK SESSION TIMELINE ITEM
   ============================================================================= */

._workSessionTimelineItem_6m3lq_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_6m3lq_12711:hover {
  z-index: 10;
}

/* Timeline Status Styles */
._workSessionTimelineScheduled_6m3lq_12731 {
  border: 1px dashed var(--color-blue-400);
  background: var(--color-blue-50);
}

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

/* Dark theme: use semi-transparent dark blue instead of near-white */
.dark ._workSessionTimelineScheduled_6m3lq_12731 {
  background: rgba(59, 130, 246, 0.15);
  border-color: var(--color-blue-500);
}

.dark ._workSessionTimelineScheduled_6m3lq_12731:hover {
  background: rgba(59, 130, 246, 0.25);
}

._workSessionTimelineInProgress_6m3lq_12750 {
  border: 2px solid var(--color-blue-500);
  background: var(--color-blue-50);
  animation: _workSessionPulse_6m3lq_1 2s ease-in-out infinite;
}

.dark ._workSessionTimelineInProgress_6m3lq_12750 {
  background: rgba(59, 130, 246, 0.2);
}

._workSessionTimelineCompleted_6m3lq_12760 {
  border: 1px solid var(--color-green-400);
  background: rgba(34, 197, 94, 0.1);
}

._workSessionTimelineMissed_6m3lq_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_6m3lq_12776 {
  border: 1px solid var(--border);
  background: var(--surface-secondary);
  opacity: 0.5;
}

/* Timeline Item Content */
._workSessionTimelineHeader_6m3lq_12783 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

._workSessionTimelineTitle_6m3lq_12789 {
  flex: 1;
  font-weight: 500;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._workSessionTimelineTime_6m3lq_12798 {
  font-family: var(--font-mono, ui-monospace, monospace);
  color: var(--text-tertiary);
  font-size: 0.625rem;
}

._workSessionTimelineProgress_6m3lq_12804 {
  height: 0.25rem;
  background: var(--color-blue-100);
  border-radius: var(--radius-full);
  overflow: hidden;
}

._workSessionTimelineProgressBar_6m3lq_12811 {
  height: 100%;
  background: var(--color-blue-500);
  border-radius: var(--radius-full);
}

._workSessionTimelineDuration_6m3lq_12817 {
  font-size: 0.75rem;
  color: var(--text-tertiary);
  flex-shrink: 0;
  margin-left: auto;
}

/* Compact mode for small timeline items */
._workSessionTimelineCompact_6m3lq_12825 ._workSessionTimelineHeader_6m3lq_12783 {
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  align-items: center;
  line-height: 1.2;
}

._workSessionTimelineCompact_6m3lq_12825 ._workSessionTimelineProgress_6m3lq_12804,
._workSessionTimelineCompact_6m3lq_12825 ._workSessionTimelineDuration_6m3lq_12817 {
  display: none;
}

/* Work Session Resize Handles */
._workSessionResizeHandle_6m3lq_12839 {
  position: absolute;
  left: 0;
  right: 0;
  height: 12px;
  cursor: ns-resize;
  z-index: 5;
  opacity: 0;
  transition: opacity 0.15s ease;
}

._workSessionResizeHandleBottom_6m3lq_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_6m3lq_12711:hover ._workSessionResizeHandle_6m3lq_12839 {
  opacity: 0.6;
}

/* More prominent when being grabbed */
._workSessionResizeHandle_6m3lq_12839:hover {
  opacity: 1 !important;
  background: var(--color-blue-500);
}

/* Visual indicator line to show grab target */
._workSessionResizeHandleBottom_6m3lq_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_6m3lq_12711:hover ._workSessionResizeHandle_6m3lq_12839::after {
  opacity: 0.6;
}

._workSessionResizeHandle_6m3lq_12839:hover::after {
  opacity: 1;
  background: white;
}

._workSessionResizeHandleBottom_6m3lq_12850::after {
  bottom: 4px;
}

/* Resizing state */
._workSessionTimelineResizing_6m3lq_12895 {
  z-index: 20 !important;
  transition: none;
}

._workSessionTimelineResizing_6m3lq_12895 ._workSessionResizeHandle_6m3lq_12839 {
  opacity: 1;
  background: var(--color-blue-500);
}

._workSessionTimelineResizing_6m3lq_12895 ._workSessionResizeHandle_6m3lq_12839::after {
  opacity: 1;
  background: white;
}

/* Work session resize preview */
._workSessionResizePreview_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_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_6m3lq_12944:hover {
  background-color: var(--surface-hover);
  border-color: var(--border-hover);
  color: var(--text-secondary);
}

._projectModalBody_6m3lq_12964 {
  display: flex;
  flex: 1;
  min-height: 450px;
  overflow: hidden;
}

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

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

._projectModalTitleIcon_6m3lq_12999 {
  color: var(--text-muted);
  flex-shrink: 0;
}

._projectModalTitleInput_6m3lq_13004 {
  flex: 1;
  font-size: 1.25rem;
  font-weight: 600;
  background: transparent;
  border: none;
  color: var(--text-primary);
  outline: none;
  padding: 0;
}

._projectModalTitleInput_6m3lq_13004::-moz-placeholder {
  color: var(--text-muted);
}

._projectModalTitleInput_6m3lq_13004::placeholder {
  color: var(--text-muted);
}

/* Task list section in main area */
._projectModalTasksSection_6m3lq_13020 {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 200px;
}

._projectModalTasksHeader_6m3lq_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_6m3lq_13036 {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-secondary);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._projectModalTasksCount_6m3lq_13045 {
  font-size: 0.75rem;
  color: var(--text-muted);
  font-weight: 400;
}

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

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

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

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

._projectModalCreateBtn_6m3lq_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_6m3lq_13123:hover {
  background: var(--action-primary-hover);
}

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

/* Sidebar field styles (similar to TaskModal) */
._projectSidebarField_6m3lq_13145 {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.75rem;
}

._projectSidebarFieldIcon_6m3lq_13152 {
  color: var(--text-muted);
  flex-shrink: 0;
  margin-top: 2px;
}

._projectSidebarFieldLabel_6m3lq_13158 {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-primary);
  width: 58px;
  flex-shrink: 0;
  line-height: 20px;
}

._projectSidebarFieldValue_6m3lq_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_6m3lq_13176 {
  display: flex;
  gap: 0.25rem;
}

._projectPriorityBtn_6m3lq_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_6m3lq_13181:hover {
  border-color: var(--border-strong);
}

._projectPriorityBtnP1_6m3lq_13197 {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgb(239, 68, 68);
  color: rgb(239, 68, 68);
}

._projectPriorityBtnP2_6m3lq_13204 {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgb(245, 158, 11);
  color: rgb(245, 158, 11);
}

._projectPriorityBtnP3_6m3lq_13211 {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgb(59, 130, 246);
  color: rgb(59, 130, 246);
}

._projectPriorityBtnP4_6m3lq_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_6m3lq_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_6m3lq_13228:hover {
  background: var(--surface-hover);
}

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

._projectTaskCheckboxChecked_6m3lq_13260 {
  background: var(--state-success);
  border-color: var(--state-success);
  color: white;
}

._projectTaskTitle_6m3lq_13267 {
  flex: 1;
  font-size: 0.875rem;
  color: var(--text-primary);
  line-height: 1.4;
}

._projectTaskTitleCompleted_6m3lq_13274 {
  text-decoration: line-through;
  color: var(--text-muted);
}

._projectTaskMeta_6m3lq_13280 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: var(--text-muted);
}

._projectTaskIndented_6m3lq_13288 {
  padding-left: 24px;
  position: relative;
}

._projectTaskIndented_6m3lq_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_6m3lq_13305 {
  margin-top: 0.5rem;
  border-top: 1px solid var(--border-default);
  padding-top: 0.5rem;
}

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

/* Responsive: stack on narrow screens */
@media (max-width: 768px) {
  ._projectModalBody_6m3lq_12964 {
    flex-direction: column;
  }

  ._projectModalSidebar_6m3lq_12980 {
    width: 100%;
    border-top: 1px solid var(--border-default);
    max-height: 200px;
  }
}

/* ============================================================================
 * Add Manual Session Dialog
 * ============================================================================ */

._addSessionDialogContent_6m3lq_13345 {
  max-width: 420px;
}

._addSessionForm_6m3lq_13349 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 4px 0;
}

._addSessionFieldRow_6m3lq_13356 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._addSessionLabel_6m3lq_13362 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
}

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

._addSessionInput_6m3lq_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_6m3lq_13374:focus {
  border-color: var(--border-focus);
}

._addSessionTextarea_6m3lq_13389 {
  resize: vertical;
  min-height: 48px;
  font-family: inherit;
}

._addSessionTimeInputs_6m3lq_13395 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._addSessionTimeInputs_6m3lq_13395 ._addSessionInput_6m3lq_13374 {
  flex: 1;
}

._addSessionTimeSeparator_6m3lq_13405 {
  font-size: 13px;
  color: var(--text-tertiary);
  flex-shrink: 0;
}

._addSessionDurationPreview_6m3lq_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_6m3lq_13422 {
  padding: 6px 10px;
  background: var(--bg-danger-subtle);
  border-radius: 6px;
  font-size: 13px;
  color: var(--text-danger);
}

._addSessionCancelButton_6m3lq_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_6m3lq_13430:hover {
  background: var(--bg-secondary);
}

._addSessionSubmitButton_6m3lq_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_6m3lq_13445:hover:not(:disabled) {
  opacity: 0.9;
}

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

/* ========================================
   FOCUS COLOR PRESET SELECTOR
   ======================================== */

._focusColorPresets_6m3lq_13470 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

._focusColorSwatch_6m3lq_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_6m3lq_13477:hover {
  transform: scale(1.1);
}

._focusColorSwatchActive_6m3lq_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_6m3lq_13499 {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  margin-left: auto;
  flex-shrink: 0;
}

/* Strikethrough on time/duration when task is completed */
._taskTimeCompleted_6m3lq_13508 {
  text-decoration: line-through;
  color: var(--text-tertiary) !important;
}

/* Highlight animation for scroll-to-session (applied via JS, needs :global) */
.workSessionTimelineHighlighted {
  animation: _sessionHighlight_6m3lq_1 2s ease-out forwards;
}

@keyframes _sessionHighlight_6m3lq_1 {
  0% {
    box-shadow: 0 0 0 2px var(--color-accent);
  }
  100% {
    box-shadow: none;
  }
}

/* ========================================
   COMMAND PALETTE ITEMS (> command mode)
   ======================================== */

._commandPaletteItem_6m3lq_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_6m3lq_13531:hover,
._commandPaletteItemSelected_6m3lq_13547 {
  background-color: var(--surface-primary);
}

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

._commandPaletteItemIcon_6m3lq_13555 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  color: var(--text-tertiary);
  overflow: hidden;
}

._commandPaletteItemIcon_6m3lq_13555 svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

._commandPaletteItemLabel_6m3lq_13572 {
  flex: 1;
  font-size: 13px;
  color: var(--text-primary);
}

._commandPaletteHint_6m3lq_13578 {
  font-size: 11px;
  color: var(--text-tertiary);
}

/* ========================================
   WORK SESSION STATUS DROPDOWN
   ======================================== */

._workSessionStatusBtn_6m3lq_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_6m3lq_13587:hover {
  background: var(--surface-hover);
}

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

._statusIconCompleted_6m3lq_13612 {
  color: var(--state-success);
}

._statusIconMissed_6m3lq_13616 {
  color: var(--state-error, var(--danger));
}

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

._statusDropdownActive_6m3lq_13624 {
  background: var(--surface-elevated);
  font-weight: var(--font-weight-medium);
}

/* ========================================
   RESCHEDULE POPOVER
   ======================================== */

._reschedulePopover_6m3lq_13633 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
  min-width: 280px;
}

._rescheduleHeader_6m3lq_13641 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  padding-bottom: 0.25rem;
}

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

._rescheduleTimeInput_6m3lq_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_6m3lq_13656:focus {
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px var(--action-primary-subtle);
}

._rescheduleConfirmBtn_6m3lq_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_6m3lq_13673:hover:not(:disabled) {
  background: var(--action-primary-hover, var(--action-primary));
  filter: brightness(1.1);
}

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

/* ========================================
   SUBTASK WEEK ROW - Elevated subtask in WeekView
   ======================================== */

/* Row container - similar padding to .taskCardWrapper */
._subtaskWeekRow_6m3lq_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_6m3lq_13700:hover {
  box-shadow: var(--shadow-sm);
}

._subtaskWeekRowCompleted_6m3lq_13717 {
  opacity: 0.6;
}

/* Main row: checkbox + subtask title + duration */
._subtaskWeekRowMain_6m3lq_13722 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  min-width: 0;
}

/* Muted clickable parent name below subtask title */
._subtaskWeekRowParent_6m3lq_13730 {
  display: block;
  padding: 0 0 0 1.25rem; /* Indent to align with title (past checkbox) */
  font-size: 0.625rem;
  color: var(--text-tertiary);
  line-height: 1.2;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: color 0.15s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._subtaskWeekRowParent_6m3lq_13730:hover {
  color: var(--action-primary);
  text-decoration: underline;
}

/* Subtask group: 2+ subtasks from same parent under a shared header */
._subtaskGroupRow_6m3lq_13752 {
  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_6m3lq_13752:hover {
  border-color: var(--border-subtle);
}

._subtaskGroupHeader_6m3lq_13767 {
  display: block;
  padding: 0 0 0.125rem 1.25rem; /* Align with subtask titles (past checkbox), small bottom pad */
  font-size: 0.625rem;
  color: var(--text-tertiary);
  line-height: 1.2;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: color 0.15s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._subtaskGroupHeader_6m3lq_13767:hover {
  color: var(--action-primary);
  text-decoration: underline;
}

._subtaskGroupRow_6m3lq_13752[data-draggable-card] ._subtaskGroupHeader_6m3lq_13767 {
  cursor: grab;
}

._subtaskGroupItems_6m3lq_13792 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* Remove bottom margin on subtask rows within a group (group handles spacing) */
._subtaskGroupItems_6m3lq_13792 ._subtaskWeekRow_6m3lq_13700 {
  margin-bottom: 0;
}

/**
 * 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_s5q9a_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes _slideDown_s5q9a_1 {
  from {
    opacity: 0;
    transform: translateY(-10px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* ============================================================================
 * Overlay Backdrop
 * ============================================================================ */

._overlay_s5q9a_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_s5q9a_1 0.1s ease-out;
}

/* ============================================================================
 * Palette (note slot picker)
 * ============================================================================ */

._palette_s5q9a_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_s5q9a_1 0.15s ease-out;
}

/* Section tabs within the palette (Pinned / Weekly) */
._paletteTabs_s5q9a_66 {
  display: flex;
  border-bottom: 1px solid var(--border-default);
}

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

._paletteTab_active_s5q9a_88 {
  color: var(--text-primary);
  border-bottom-color: var(--accent);
}

._paletteItem_s5q9a_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_s5q9a_93:hover {
  background-color: var(--surface-hover);
  border-left-color: var(--accent);
}

._paletteItemNumber_s5q9a_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_s5q9a_123 {
  flex: 1;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._paletteItemEmpty_s5q9a_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_s5q9a_145 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  margin-top: 0.125rem;
}

._paletteItemBadge_s5q9a_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_s5q9a_164 {
  background-color: var(--color-badge-purple-bg);
  color: var(--color-badge-purple);
}

._badgeProject_s5q9a_169 {
  background-color: var(--color-badge-blue-bg);
  color: var(--color-badge-blue);
}

._badgeTask_s5q9a_174 {
  background-color: var(--color-badge-green-bg);
  color: var(--color-badge-green);
}

._paletteItemTime_s5q9a_179 {
  font-size: 10px;
  color: var(--text-tertiary);
}

._paletteItemContent_s5q9a_184 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

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

._paletteFooter_s5q9a_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_s5q9a_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_s5q9a_223 {
  width: 80vw;
  max-width: 80vw;
  height: 80vh;
  max-height: 80vh;
  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_s5q9a_1 0.15s ease-out;
}

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

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

._panelTitle_s5q9a_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_s5q9a_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_s5q9a_265:hover ._pinIcon_s5q9a_277,
._pinBtn_s5q9a_265:hover ._pinIcon_active_s5q9a_278 {
  opacity: 0.85;
}

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

/* Icon circle — muted when unpinned */
._pinIcon_s5q9a_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_s5q9a_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_s5q9a_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_s5q9a_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_s5q9a_323:hover {
  color: var(--text-primary);
  background-color: var(--surface-hover);
}

._panelTimestamp_s5q9a_342 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  flex: 1;
  text-align: right;
  padding-right: 0.5rem;
}

._panelTitleArea_s5q9a_350 {
  padding: 1rem 1.5rem 0.5rem calc(1.5rem + 48px);
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

._panelAttributes_s5q9a_357 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex-wrap: wrap;
  min-height: 20px;
}

._panelAttributeBadge_s5q9a_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_s5q9a_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_s5q9a_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);
}

/* 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.75rem;
  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: 32px;
}

[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_160xk_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_160xk_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_160xk_20:hover {
  color: var(--text-primary);
  background: var(--surface-elevated);
}

._subTabActive_160xk_38 {
  color: var(--text-primary);
  background: var(--surface-elevated);
  border-color: var(--border-default);
}

._container_160xk_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_160xk_55 {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 1.5rem;
  flex: 1;
  min-height: 0;
}

@media (max-width: 1200px) {
  ._analyticsLayout_160xk_55 {
    grid-template-columns: 1fr;
  }
}

._analyticsMain_160xk_69 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  min-width: 0;
}

._analyticsSidebar_160xk_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_160xk_76 {
    position: static;
    max-height: none;
  }
}

/* ========================================
   ANALYTICS NAVBAR (Secondary navigation bar)
   ======================================== */

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

._navbarDateRange_160xk_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_160xk_122 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

._navbarSelect_160xk_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_160xk_129:hover {
  border-color: var(--border-strong);
}

._navbarSelect_160xk_129:focus {
  outline: none;
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px var(--action-primary-subtle);
}

._navbarSeparator_160xk_152 {
  width: 1px;
  height: 1rem;
  background-color: var(--border-default);
  margin: 0 0.25rem;
}

/* Tab navigation in navbar */
._navbarTabs_160xk_160 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

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

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

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

/* Tab-specific active colors - must be separate classes to override navbarTabActive */
._navbarTabTasksActive_160xk_197 {
  color: var(--state-success) !important;
  background-color: var(--state-success-bg) !important;
}

._navbarTabCalendarActive_160xk_202 {
  color: var(--action-primary) !important;
  background-color: var(--action-primary-subtle) !important;
}

._navbarChip_160xk_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_160xk_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_160xk_218:hover {
  opacity: 1;
}

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

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

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

/* ========================================
   HEADER (Legacy - kept for backwards compatibility)
   ======================================== */

._header_160xk_278 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}

._headerLeft_160xk_286 {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
}

._title_160xk_292 {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0;
}

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

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

._timeRangeSelect_160xk_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_160xk_310:hover {
  border-color: var(--border-strong);
}

._timeRangeSelect_160xk_310:focus {
  outline: none;
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px var(--action-primary-subtle);
}

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

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

._spinning_160xk_354 {
  animation: _spin_160xk_354 1s linear infinite;
}

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

/* ========================================
   SUMMARY CARDS
   ======================================== */

._summaryGrid_160xk_371 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

._summaryCard_160xk_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_160xk_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_160xk_400 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}

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

  letter-spacing: 0.025em;
}

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

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

/* ========================================
   FILTERS
   ======================================== */

._filtersBar_160xk_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_160xk_440 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);

  letter-spacing: 0.025em;
}

._filterSelect_160xk_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_160xk_447:hover {
  border-color: var(--border-strong);
}

._filterSelect_160xk_447:focus {
  outline: none;
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px var(--action-primary-subtle);
}

._filterChip_160xk_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_160xk_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_160xk_479:hover {
  opacity: 1;
}

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

/* ========================================
   CHARTS SECTION
   ======================================== */

._chartsGrid_160xk_514 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

@media (max-width: 1024px) {
  ._chartsGrid_160xk_514 {
    grid-template-columns: 1fr;
  }
}

._chartCard_160xk_526 {
  padding: 1rem;
  background: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

._chartHeader_160xk_534 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

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

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

._chartStatItem_160xk_562 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}

._chartStatWarning_160xk_567 {
  color: var(--color-warning);
}

._chartSubtitle_160xk_571 {
  flex-basis: 100%;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  line-height: 1.4;
  margin-top: 0.125rem;
}

._chartStatCard_160xk_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_160xk_589 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

._chartStatLabel_160xk_595 {
  font-size: 0.625rem;
  font-weight: var(--font-weight-medium);
  color: var(--text-tertiary);

  letter-spacing: 0.025em;
  line-height: 1;
}

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

._chartContainer_160xk_610 {
  width: 100%;
  height: 320px;
}

._chartFullWidth_160xk_615 {
  grid-column: 1 / -1;
}

._chartExplanation_160xk_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_160xk_632 {
  flex-shrink: 0;
  color: var(--text-tertiary);
  margin-top: 0.125rem;
}

/* ========================================
   HEATMAP
   ======================================== */

._heatmapContainer_160xk_642 {
  width: 100%;
  min-height: 150px;
}

/* ========================================
   INSIGHTS PANEL
   ======================================== */

/* Insights sidebar panel (for page-level sidebar) */
._insightsSidebarPanel_160xk_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_160xk_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_160xk_673 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* Explainer section at bottom of sidebar */
._insightsExplainer_160xk_680 {
  margin-top: 0.5rem;
  padding: 0.75rem;
  background-color: var(--surface-base);
  border-radius: var(--radius);
  border: 1px solid var(--border-subtle);
}

._explainerHeader_160xk_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_160xk_700 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._explainerItem_160xk_706 {
  display: flex;
  gap: 0.375rem;
  align-items: flex-start;
  font-size: 0.6875rem;
  line-height: 1.4;
}

._explainerIcon_160xk_714 {
  color: var(--text-tertiary);
  flex-shrink: 0;
  margin-top: 0.125rem;
}

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

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

/* Inline insights panel (for top of page) */
._insightsInlinePanel_160xk_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_160xk_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_160xk_750 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

._insightInlineCard_160xk_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_160xk_756._positive_160xk_769 {
  border-left: 3px solid var(--success);
}

._insightInlineCard_160xk_756._negative_160xk_773 {
  border-left: 3px solid var(--danger);
}

._insightInlineCard_160xk_756._neutral_160xk_777 {
  border-left: 3px solid var(--text-tertiary);
}

._insightInlineIcon_160xk_781 {
  flex-shrink: 0;
  color: var(--text-secondary);
  margin-top: 0.125rem;
}

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

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

._insightInlineDescription_160xk_799 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  line-height: 1.4;
}

._insightCard_160xk_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_160xk_805._positive_160xk_769 {
  border-left: 3px solid var(--success);
}

._insightCard_160xk_805._negative_160xk_773 {
  border-left: 3px solid var(--danger);
}

._insightCard_160xk_805._neutral_160xk_777 {
  border-left: 3px solid var(--text-tertiary);
}

._insightIcon_160xk_828 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: var(--radius-sm);
  flex-shrink: 0;
}

._insightCard_160xk_805._positive_160xk_769 ._insightIcon_160xk_828 {
  background-color: var(--success-subtle);
  color: var(--success);
}

._insightCard_160xk_805._negative_160xk_773 ._insightIcon_160xk_828 {
  background-color: var(--danger-subtle);
  color: var(--danger);
}

._insightCard_160xk_805._neutral_160xk_777 ._insightIcon_160xk_828 {
  background-color: var(--surface-elevated);
  color: var(--text-tertiary);
}

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

._insightTitle_160xk_858 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  margin-bottom: 0.125rem;
}

._insightDescription_160xk_865 {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  line-height: 1.4;
}

._insightValue_160xk_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_160xk_882 {
  margin-top: 1rem;
  padding: 1.5rem;
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
}

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

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

._weekDetailContent_160xk_925 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1rem;
}

/* ========================================
   LOADING & EMPTY STATES
   ======================================== */

._loadingState_160xk_935 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  gap: 1rem;
}

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

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

._emptyState_160xk_958 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  text-align: center;
}

._emptyIcon_160xk_967 {
  color: var(--text-tertiary);
  margin-bottom: 1rem;
}

._emptyTitle_160xk_972 {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  margin-bottom: 0.5rem;
}

._emptyDescription_160xk_979 {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  max-width: 300px;
}

/* ========================================
   ERROR STATE
   ======================================== */

._errorState_160xk_989 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  gap: 1rem;
  text-align: center;
}

._errorIcon_160xk_999 {
  color: var(--danger);
}

._errorMessage_160xk_1003 {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
}

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

/* ========================================
   BACKLOG HEALTH
   ======================================== */

._backlogSection_160xk_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_160xk_1036 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.875rem 1rem;
  border-bottom: 1px solid var(--border-subtle);
}

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

/* View mode toggle (Items/Hours) */
._viewModeToggle_160xk_1051 {
  display: flex;
  align-items: center;
  gap: 0;
  background: var(--surface-subtle);
  border-radius: var(--radius);
  padding: 2px;
}

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

._viewModeActive_160xk_1076 {
  color: var(--text-primary);
  background: var(--surface-elevated);
  box-shadow: var(--shadow-sm);
}

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

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

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

._backlogContent_160xk_1098 {
  padding: 1rem;
}

._headerTitle_160xk_1102 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0;
}

._selectSmall_160xk_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_160xk_1109:hover {
  border-color: var(--border-strong);
}

._selectSmall_160xk_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_160xk_1131 {
  display: grid;
  grid-template-columns: 1fr 200px;
  gap: 1rem;
}

@media (max-width: 768px) {
  ._backlogMainSection_160xk_1131 {
    grid-template-columns: 1fr;
  }
}

._backlogChartContainer_160xk_1143 {
  min-height: 320px;
  flex: 1;
}

/* P&L-style summary panel */
._backlogSummary_160xk_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_160xk_1158 {
  font-weight: var(--font-weight-semibold);
  color: var(--text-secondary);
  margin-bottom: 0.5rem;
}

._summaryDivider_160xk_1164 {
  height: 1px;
  background-color: var(--border-default);
  margin: 0.5rem 0;
}

._summaryRow_160xk_1170 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25rem 0;
}

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

._summaryValuePositive_160xk_1181 {
  color: var(--success);
  font-weight: var(--font-weight-medium);
  font-variant-numeric: tabular-nums;
}

._summaryValueNegative_160xk_1187 {
  color: var(--danger);
  font-weight: var(--font-weight-medium);
  font-variant-numeric: tabular-nums;
}

._summaryValueNeutral_160xk_1193 {
  color: var(--text-secondary);
  font-weight: var(--font-weight-medium);
  font-variant-numeric: tabular-nums;
}

._summaryRowLarge_160xk_1199 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  margin-top: 0.25rem;
}

._summaryValueLarge_160xk_1207 {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  font-variant-numeric: tabular-nums;
}

._trendIndicator_160xk_1214 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: auto;
  padding-top: 0.5rem;
}

._trendIconUp_160xk_1222 {
  color: var(--danger);
  width: 16px;
  height: 16px;
}

._trendIconDown_160xk_1228 {
  color: var(--success);
  width: 16px;
  height: 16px;
}

._trendIconNeutral_160xk_1234 {
  color: var(--text-tertiary);
  width: 16px;
  height: 16px;
}

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

/* Chart section wrapper */
._chartSection_160xk_1246 {
  padding: 1rem;
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
}

._chartEmpty_160xk_1253 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 250px;
  color: var(--text-tertiary);
  font-size: var(--font-size-sm);
}

/* ========================================
   COLLAPSIBLE SECTION
   ======================================== */

._collapsibleSection_160xk_1266 {
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

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

._collapsibleIcon_160xk_1301 {
  color: var(--text-secondary);
  flex-shrink: 0;
}

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

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

._collapsibleContent_160xk_1318 {
  padding: 0 1rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Collapsed state badge */
._collapsedBadge_160xk_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_160xk_1338 {
  color: var(--success);
  font-weight: var(--font-weight-medium);
}

._badgeNegative_160xk_1343 {
  color: var(--danger);
  font-weight: var(--font-weight-medium);
}

/* ========================================
   PRODUCTIVITY TRENDS SECTION
   ======================================== */

._section_160xk_1352 {
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  padding: 1rem;
}

._sectionHeader_160xk_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_160xk_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_160xk_1380 {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

._summaryItem_160xk_1387 {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
}

._summaryItem_160xk_1387 strong {
  color: var(--text-primary);
  font-weight: var(--font-weight-semibold);
}

/* Correlation Chart */
._correlationChart_160xk_1398 {
  margin-bottom: 1rem;
}

._correlationChart_160xk_1398 ._chartTitle_160xk_542 {
  margin-bottom: 0.75rem;
}

/* Trends Table */
._trendsTableWrapper_160xk_1407 {
  overflow-x: auto;
  margin-top: 1rem;
}

._trendsTable_160xk_1407 {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--font-size-sm);
}

._trendsTable_160xk_1407 thead {
  background-color: var(--surface-base);
}

._trendsTable_160xk_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_160xk_1434 {
  cursor: pointer;
  transition: background-color var(--transition-fast);
}

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

._trendsTableCell_160xk_1443 {
  padding: 0.625rem 0.75rem;
  border-bottom: 1px solid var(--border-subtle);
  vertical-align: middle;
  white-space: nowrap;
}

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

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

._metricPrimary_160xk_1476 {
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  margin-right: 0.25rem;
}

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

/* Sparkline */
._sparklineContainer_160xk_1488 {
  display: inline-flex;
  align-items: flex-end;
  gap: 2px;
  height: 20px;
  margin-left: 0.5rem;
  vertical-align: middle;
}

._sparklineBar_160xk_1497 {
  width: 4px;
  min-height: 3px;
  background-color: var(--action-primary);
  border-radius: 1px;
  transition: height var(--transition-fast);
}

/* Squeezed Badge */
._squeezedBadge_160xk_1506 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.375rem;
  color: var(--warning);
  vertical-align: middle;
}

/* Completion Rate */
._completionRate_160xk_1516 {
  font-weight: var(--font-weight-semibold);
  padding: 0.125rem 0.375rem;
  border-radius: var(--radius-sm);
}

._completionHigh_160xk_1522 {
  color: var(--success);
  background-color: var(--success-subtle);
}

._completionMedium_160xk_1527 {
  color: var(--warning);
  background-color: var(--warning-subtle);
}

._completionLow_160xk_1532 {
  color: var(--danger);
  background-color: var(--danger-subtle);
}

/* Reschedule indicators */
._rescheduleHigh_160xk_1538 {
  color: var(--danger);
  font-weight: var(--font-weight-medium);
}

._rescheduleMedium_160xk_1543 {
  color: var(--warning);
}

/* Expanded Row (Day Breakdown) */
._expandedRow_160xk_1548 {
  background-color: var(--surface-base);
}

._expandedRow_160xk_1548 td {
  padding: 0;
  border-bottom: 1px solid var(--border-default);
}

._dayBreakdown_160xk_1557 {
  padding: 0.75rem 1rem 0.75rem 2.5rem;
}

._dayBreakdownHeader_160xk_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_160xk_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_160xk_1584 {
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}

/* ========================================
   SUMMARY SECTION (Always visible)
   ======================================== */

._summarySection_160xk_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_160xk_1603 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.75rem;
}

@media (max-width: 900px) {
  ._summaryMetricsGrid_160xk_1603 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 500px) {
  ._summaryMetricsGrid_160xk_1603 {
    grid-template-columns: 1fr;
  }
}

._summaryMetricCard_160xk_1621 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background-color: var(--surface-base);
  border-radius: var(--radius);
}

._summaryMetricSkeleton_160xk_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_160xk_1 1.5s infinite;
  border-radius: var(--radius-sm);
}

@keyframes _shimmer_160xk_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

._summaryMetricIcon_160xk_1653 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  color: var(--text-secondary);
  flex-shrink: 0;
}

._summaryMetricContent_160xk_1663 {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
}

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

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

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

._metricGood_160xk_1686 {
  color: var(--success);
}

._metricWarning_160xk_1690 {
  color: var(--warning);
}

._metricBad_160xk_1694 {
  color: var(--danger);
}

._summaryHeatmap_160xk_1698 {
  padding-top: 0.5rem;
  border-top: 1px solid var(--border-subtle);
}

/* ========================================
   ANALYTICS TABS
   ======================================== */

._analyticsTabs_160xk_1707 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._tabIcon_160xk_1713 {
  margin-right: 0.375rem;
}

._analyticsTabContent_160xk_1717 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* ========================================
   SEE ALSO NOTES
   ======================================== */

._seeAlsoNote_160xk_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_160xk_1741 {
  margin-top: 1rem;
  padding: 1rem;
  background-color: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
}

._weekDetailHeader_160xk_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_160xk_897 {
  margin: 0;
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--text-primary);
}

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

._weekDetailLoading_160xk_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_160xk_1795 {
  padding: 1.5rem;
  text-align: center;
  color: var(--text-tertiary);
  font-size: var(--font-size-sm);
}

._weekDetailTables_160xk_1802 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._weekDetailSection_160xk_1808 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._weekDetailSectionTitle_160xk_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_160xk_1826 {
  color: var(--state-success);
}

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

._weekDetailTable_160xk_1802 {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--font-size-sm);
}

._weekDetailRow_160xk_1840 {
  border-bottom: 1px solid var(--border-subtle);
}

._weekDetailRow_160xk_1840:last-child {
  border-bottom: none;
}

._weekDetailCell_160xk_1848 {
  padding: 0.5rem 0.75rem;
  vertical-align: middle;
}

._weekDetailCell_160xk_1848:first-child {
  width: 24px;
  padding-left: 0;
}

._weekDetailCell_160xk_1848:last-child {
  width: 80px;
  text-align: right;
  padding-right: 0;
}

._taskDoneIcon_160xk_1864 {
  color: var(--state-success);
}

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

._taskTitle_160xk_1872 {
  color: var(--text-primary);
  font-weight: 500;
}

._taskProject_160xk_1877 {
  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_160xk_1887 {
  display: inline-block;
  padding: 0.125rem 0.375rem;
  font-size: var(--font-size-xs);
  font-weight: 600;
  border-radius: var(--radius-sm);
}

._priorityP1_160xk_1895 {
  color: var(--state-error);
  background-color: var(--state-error-bg);
}

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

._priorityP3_160xk_1905 {
  color: var(--state-info);
  background-color: var(--state-info-bg);
}

._priorityP4_160xk_1910 {
  color: var(--text-tertiary);
  background-color: var(--surface-raised);
}

._durationIcon_160xk_1915 {
  margin-right: 0.25rem;
  color: var(--text-tertiary);
}

/* Calendar event detail styles */
._focusIcon_160xk_1921 {
  color: var(--state-info);
}

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

._eventTitle_160xk_1929 {
  color: var(--text-primary);
  font-weight: 500;
}

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

._eventDateInline_160xk_1941 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  margin-left: 0.5rem;
}

._eventTypeFocus_160xk_1947 {
  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_160xk_1957 {
  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_160xk_1967 {
  color: var(--state-info);
}

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

/* Week detail collapsible section styles (overrides general collapsibleHeader) */
._weekDetailSection_160xk_1808 ._collapsibleHeader_160xk_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_160xk_1808 ._collapsibleHeader_160xk_1273:hover {
  color: var(--text-primary);
}

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

/* ========================================
   TIME ANALYTICS TAB
   ======================================== */

._timeAnalytics_160xk_2006 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  padding: 1rem 1.5rem;
  gap: 1rem;
}

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

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

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

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

._timeAnalyticsDateLabel_160xk_2053 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  min-width: 160px;
  text-align: center;
}

._timeAnalyticsContent_160xk_2061 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

._chartSectionHeader_160xk_2084 ._chartSectionTitle_160xk_2091 {
  margin: 0;
}

._chartSectionTitle_160xk_2091 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  margin: 0 0 0.75rem 0;
}

._categorySelect_160xk_2102 {
  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_160xk_2102:hover {
  border-color: var(--border-hover);
}

._categorySelect_160xk_2102:focus-visible {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 1px var(--color-primary);
}

/* Category totals list */
._categoryTotalsList_160xk_2123 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._categoryTotalRow_160xk_2129 {
  display: grid;
  grid-template-columns: 10px 1fr auto 80px;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0;
}

._categoryDot_160xk_2137 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

._categoryTotalName_160xk_2144 {
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

._categoryPercentageBar_160xk_2159 {
  height: 6px;
  background-color: var(--surface-base);
  border-radius: var(--radius-full);
  overflow: hidden;
}

._categoryPercentageFill_160xk_2166 {
  height: 100%;
  border-radius: var(--radius-full);
  transition: width 0.3s ease;
}

/* Time Analytics settings section */
._timeAnalyticsSettings_160xk_2173 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border-default);
}

._timeAnalyticsSettingsHeader_160xk_2182 {
  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_160xk_2191 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  align-items: start;
}

/* ========================================
   CATEGORY MANAGER
   ======================================== */

._categoryManager_160xk_2202 {
  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_160xk_2212 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border-subtle);
}

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

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

._categoryRow_160xk_2233 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.5rem;
  border-radius: var(--radius);
  transition: background-color var(--transition-fast);
}

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

._categoryColorDot_160xk_2246 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
}

._categoryName_160xk_2253 {
  flex: 1;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._categoryActions_160xk_2263 {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  margin-left: auto;
  opacity: 0;
  transition: opacity var(--transition-fast);
}

._categoryRow_160xk_2233:hover ._categoryActions_160xk_2263 {
  opacity: 1;
}

._categoryActionBtn_160xk_2276 {
  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_160xk_2276:hover:not(:disabled) {
  background-color: var(--surface-active);
  color: var(--text-primary);
}

._categoryActionBtn_160xk_2276:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

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

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

._categoryConfirmDelete_160xk_2312 {
  display: flex;
  align-items: center;
  gap: 0.125rem;
}

._categoryDeleteConfirm_160xk_2318 {
  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_160xk_2318:hover {
  background-color: var(--state-error-bg);
}

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

._categoryAddBtn_160xk_2355 {
  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_160xk_2355:hover {
  color: var(--text-primary);
  border-color: var(--border-strong);
  background-color: var(--surface-hover);
}

/* Color Picker */

._categoryColorPicker_160xk_2377 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 0.375rem;
  padding: 0.375rem 0;
}

._categoryColorPreset_160xk_2384 {
  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_160xk_2384:hover {
  transform: scale(1.15);
}

._categoryColorPresetSelected_160xk_2401 {
  border-color: var(--text-primary);
  box-shadow: 0 0 0 2px var(--surface-base), 0 0 0 4px var(--text-primary);
}

/* Category Form */

._categoryForm_160xk_2408 {
  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_160xk_2418 {
  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_160xk_2418:focus {
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px var(--action-primary-subtle);
}

._categoryFormError_160xk_2435 {
  font-size: var(--font-size-xs);
  color: var(--state-error);
}

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

._categoryFormSave_160xk_2446 {
  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_160xk_2446:hover:not(:disabled) {
  opacity: 0.9;
}

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

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

/* ========================================
   RULES LIST & RULE BUILDER
   ======================================== */

._rulesList_160xk_2487 {
  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_160xk_2497 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--border-subtle);
}

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

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

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

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

._rulesEmptyState_160xk_2542 {
  padding: 2rem 1rem;
  text-align: center;
  color: var(--text-tertiary);
  font-size: var(--font-size-sm);
}

._rulesEmptyState_160xk_2542 p {
  margin: 0;
}

._rulesCardList_160xk_2553 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* Rule Card */
._ruleCardWrapper_160xk_2560 {
  display: flex;
  flex-direction: column;
}

._ruleCardWrapper_160xk_2560 ._rulePreview_160xk_2565 {
  border-top: 1px solid var(--border-subtle);
  border-radius: 0 0 var(--radius-md) var(--radius-md);
  margin-top: -1px;
}

._ruleActionBtnActive_160xk_2571 {
  color: var(--action-primary) !important;
  background-color: var(--action-primary-bg, rgba(59, 130, 246, 0.1));
}

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

._ruleCardDisabled_160xk_2592 {
  opacity: 0.5;
}

._rulePriorityBadge_160xk_2596 {
  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_160xk_2610 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

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

._ruleConditionSummary_160xk_2624 {
  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_160xk_2635 {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

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

._ruleActionDot_160xk_2651 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

._ruleCardActions_160xk_2658 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
}

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

._ruleActionBtn_160xk_2571:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/* Toggle switch */
._ruleToggle_160xk_2690 {
  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_160xk_2703 {
  background-color: var(--action-primary);
}

._ruleToggleKnob_160xk_2707 {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
  background-color: white;
  transition: transform 0.2s;
}

._ruleToggleOn_160xk_2703 ._ruleToggleKnob_160xk_2707 {
  transform: translateX(0.875rem);
}

/* Apply button */
._ruleApplyBtn_160xk_2723 {
  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_160xk_2723:hover {
  background-color: var(--action-primary);
  color: white;
}

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

._ruleApplySpinner_160xk_2748 {
  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_160xk_354 1s linear infinite;
}

/* Delete confirm inline */
._ruleDeleteConfirm_160xk_2759 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

._ruleDeleteConfirmBtn_160xk_2765 {
  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_160xk_2775 {
  padding: 0.125rem 0.375rem;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  background: transparent;
  border: none;
  cursor: pointer;
}

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

/* ========================================
   RULE BUILDER FORM
   ======================================== */

._ruleBuilder_160xk_2792 {
  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_160xk_2802 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

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

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

._ruleFormGroup_160xk_2833 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

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

  letter-spacing: 0.025em;
}

._ruleFormInput_160xk_2847 {
  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_160xk_2847:focus {
  outline: none;
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px var(--action-primary-subtle);
}

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

._ruleConditionCheckbox_160xk_2869 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  cursor: pointer;
  white-space: nowrap;
}

._ruleConditionCheckbox_160xk_2869 input[type="checkbox"] {
  accent-color: var(--action-primary);
}

._ruleConditionSelect_160xk_2883 {
  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_160xk_2883:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._ruleConditionInput_160xk_2898 {
  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_160xk_2898:focus {
  outline: none;
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px var(--action-primary-subtle);
}

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

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

._colorPickerSwatch_160xk_2927 {
  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_160xk_2927:hover:not(:disabled) {
  transform: scale(1.15);
}

._colorPickerSwatch_160xk_2927:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

._colorPickerSwatchSelected_160xk_2949 {
  border-color: var(--text-primary);
  box-shadow: 0 0 0 2px var(--surface-base);
}

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

._ruleActionLabel_160xk_2960 {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  white-space: nowrap;
}

._ruleActionSelect_160xk_2966 {
  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_160xk_2966:focus {
  outline: none;
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px var(--action-primary-subtle);
}

._rulePreview_160xk_2565 {
  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_160xk_2565 strong {
  color: var(--action-primary);
  font-weight: var(--font-weight-semibold);
}

._rulePreviewList_160xk_2996 {
  list-style: none;
  margin: 0.375rem 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

._rulePreviewItem_160xk_3005 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  padding: 0.125rem 0;
  font-size: var(--font-size-xs);
}

._rulePreviewSummary_160xk_3014 {
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

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

._rulePreviewMore_160xk_3027 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  font-style: italic;
  padding-top: 0.125rem;
}

._ruleError_160xk_3034 {
  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_160xk_3042 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--border-subtle);
}

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

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

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

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

/* ========================================
   EVENT CATEGORY POPOVER
   ======================================== */

._eventCategorySection_160xk_3097 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

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

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

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

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

._eventCategoryDropdownWrap_160xk_3125 {
  position: relative;
  flex: 1;
}

._eventCategoryDropdownBtn_160xk_3130 {
  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_160xk_3130:hover {
  border-color: var(--border-strong);
}

._eventCategoryDot_160xk_3149 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

._eventCategoryUncategorized_160xk_3156 {
  color: var(--text-tertiary);
  font-style: italic;
}

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

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

._eventCategoryDropdownDivider_160xk_3202 {
  height: 1px;
  background-color: var(--border-subtle);
  margin: 0.25rem 0;
}

/* ========================================
   UNIFIED ENTITY SEARCH
   ======================================== */

._entitySearch_160xk_3212 {
  position: relative;
  flex: 1;
}

._entitySearchInputWrap_160xk_3217 {
  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_160xk_3217:focus-within {
  border-color: var(--action-primary);
  box-shadow: 0 0 0 2px var(--action-primary-subtle);
}

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

._entitySearchInput_160xk_3217 {
  flex: 1;
  border: none;
  background: transparent;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  outline: none;
  min-width: 0;
}

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

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

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

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

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

._entitySearchResultName_160xk_3318 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._entitySearchEmpty_160xk_3324 {
  padding: 1rem 0.5rem;
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  text-align: center;
}

/* Current entity display */
._entitySearchCurrent_160xk_3332 {
  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_160xk_3344 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

._entitySearchClearBtn_160xk_3351 {
  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_160xk_3351:hover {
  color: var(--state-error);
}

._entitySearchChangeBtn_160xk_3369 {
  font-size: var(--font-size-xs);
  color: var(--action-primary);
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  text-decoration: underline;
}

._entitySearchChangeBtn_160xk_3369:hover {
  opacity: 0.8;
}

/* ============================================================================
   Uncategorized Event Suggestions
   ============================================================================ */

._suggestionsList_160xk_3387 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._suggestionsHeader_160xk_3393 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin-bottom: 0.25rem;
}

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

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

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

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

._suggestionCardContent_160xk_3440 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

._suggestionCardTitle_160xk_3448 {
  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_160xk_3457 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

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

._suggestionCreateBtn_160xk_3471 {
  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_160xk_3471:hover {
  background-color: var(--action-primary);
  color: var(--text-on-primary, var(--color-white));
}

/* ========================================
   CHART LEGEND GRID
   ======================================== */

._legendGrid_160xk_3495 {
  display: grid;
  grid-template-columns: auto auto;
  gap: 0.375rem 2.5rem;
  padding: 0.5rem 0;
  justify-content: center;
}

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

._legendDot_160xk_3511 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

._legendLabel_160xk_3518 {
  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_1yy14_10 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

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

._navbarTaskCount_1yy14_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_1yy14_58 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

._navbarSearch_1yy14_65 {
  position: relative;
  width: 200px;
  flex-shrink: 0;
}

._navbarSearchIcon_1yy14_71 {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-tertiary);
  pointer-events: none;
  z-index: 1;
}

._navbarSearchInput_1yy14_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_1yy14_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_1yy14_89:hover {
  color: var(--text-primary);
  background: var(--surface-active);
}

._navbarSeparator_1yy14_111 {
  width: 1px;
  height: 1rem;
  background-color: var(--border-default);
  margin: 0 0.25rem;
}

._navbarToggle_1yy14_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_1yy14_118:hover {
  background: var(--surface-hover);
}

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

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

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

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

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

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

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

/* ========================================
   LIST CONTAINER
   ======================================== */

._listContainer_1yy14_212 {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}

/* ========================================
   INBOX HEADER (column labels + resize handles)
   ======================================== */

._inboxHeader_1yy14_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_1yy14_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_1yy14_242 {
  position: absolute;
  top: 0;
  right: -3px;
  bottom: 0;
  width: 6px;
  cursor: col-resize;
  z-index: 2;
}

._resizeHandle_1yy14_242::before {
  content: '';
  position: absolute;
  top: 25%;
  bottom: 25%;
  left: 2px;
  width: 1px;
  background: transparent;
  transition: background-color 0.15s ease;
}

._resizeHandle_1yy14_242:hover::before {
  background: var(--text-tertiary);
  width: 2px;
  left: 2px;
}

/* ========================================
   LIST ROWS
   ======================================== */

._listRow_1yy14_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_1yy14_273:last-child {
  border-bottom: none;
}

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

/* Title cell: checkbox + title as internal flex */
._rowTitleCell_1yy14_293 {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

._rowCheckbox_1yy14_300 {
  flex-shrink: 0;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.1s ease;
}

._listRow_1yy14_273:hover ._rowCheckbox_1yy14_300 {
  opacity: 1;
}

._rowTitle_1yy14_293 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

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

/* Meta badges — compact, muted */
._metaType_1yy14_330 {
  font-size: 10px;
  font-weight: 600;
  padding: 1px 6px;
  border-radius: 3px;
  white-space: nowrap;
  text-align: right;
}

._metaTypeWork_1yy14_339 {
  background: var(--type-work-bg);
  color: var(--type-work);
}

._metaTypePersonal_1yy14_344 {
  background: var(--type-personal-bg);
  color: var(--type-personal);
}

._metaPriority_1yy14_349 {
  font-size: 10px;
  font-weight: 600;
  padding: 1px 5px;
  border-radius: 3px;
  text-align: right;
}

._metaProject_1yy14_357 {
  font-size: 11px;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  max-width: 100%;
}

._metaProjectWork_1yy14_367 {
  color: var(--state-info);
}

._metaProjectPersonal_1yy14_371 {
  color: var(--state-success);
}

._metaDate_1yy14_375 {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 11px;
  color: var(--text-secondary);
  white-space: nowrap;
  text-align: right;
}

._metaDeadline_1yy14_385 {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 11px;
  white-space: nowrap;
  text-align: right;
}

._metaTime_1yy14_394 {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 11px;
  color: var(--text-secondary);
  white-space: nowrap;
  text-align: right;
}

._metaAge_1yy14_404 {
  font-size: 10px;
  color: var(--text-tertiary);
  white-space: nowrap;
  text-align: right;
}

/* Priority colors (reused on meta badges) */
._priorityP1_1yy14_412 {
  background: var(--state-error-bg);
  color: var(--state-error);
}

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

._priorityP3_1yy14_422 {
  background: var(--state-info-bg);
  color: var(--state-info);
}

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

/* Deadline urgency */
._deadlineOverdue_1yy14_433 {
  color: var(--state-error);
}

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

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

/* ========================================
   GROUP HEADERS (matches projects section header pattern)
   ======================================== */

._groupHeader_1yy14_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_1yy14_449:first-child {
  margin-top: 0.5rem;
}

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

._groupHeaderContent_1yy14_466 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.325rem 0.75rem;
}

._groupHeaderLeft_1yy14_473 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-tertiary);
}

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

._groupCount_1yy14_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_1yy14_497 {
  background-color: color-mix(in srgb, var(--state-error) 12%, var(--surface-base));
  border-left-color: var(--state-error);
}

._groupHeaderP1_1yy14_497 ._groupTitle_1yy14_480 {
  color: var(--state-error);
}

._groupHeaderP1_1yy14_497 ._groupHeaderLeft_1yy14_473 {
  color: var(--state-error);
}

._groupHeaderP2_1yy14_510 {
  background-color: color-mix(in srgb, var(--state-warning) 15%, var(--surface-base));
  border-left-color: var(--state-warning);
}

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

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

._groupHeaderP3_1yy14_523 {
  background-color: color-mix(in srgb, var(--state-info) 12%, var(--surface-base));
  border-left-color: var(--state-info);
}

._groupHeaderP3_1yy14_523 ._groupTitle_1yy14_480 {
  color: var(--state-info);
}

._groupHeaderP3_1yy14_523 ._groupHeaderLeft_1yy14_473 {
  color: var(--state-info);
}

._groupHeaderP4_1yy14_536 {
  border-left-color: var(--text-tertiary);
}

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

/* ========================================
   LOADING & EMPTY STATES
   ======================================== */

._loading_1yy14_548 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px;
}

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

._empty_1yy14_561 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px;
  color: var(--text-tertiary);
  font-size: 14px;
  gap: 8px;
}

._emptyIcon_1yy14_572 {
  opacity: 0.4;
  color: var(--text-disabled);
}

/* ========================================
   RECURRING TEMPLATE ROWS
   ======================================== */

._templateBadge_1yy14_581 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--action-primary);
  opacity: 1;
}

._templateInstanceCount_1yy14_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_1yy14_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_1yy14_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_1yy14_615:last-child {
  border-bottom: none;
}

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

._sessionTaskName_1yy14_633 {
  font-size: 11px;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

._sessionStatusBadge_1yy14_642 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
}

._sessionStatusCompleted_1yy14_651 {
  color: var(--state-success);
}

._sessionStatusInProgress_1yy14_655 {
  color: var(--state-info);
}

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

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

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

._sessionDuration_1yy14_671 {
  font-size: 11px;
  color: var(--text-secondary);
  text-align: right;
  white-space: nowrap;
}
/**
 * Day View Module
 * Maximized day view with enhanced focus
 */

/* ========================================
   WRAPPER & CONTAINER
   ======================================== */

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

/* ========================================
   DAY NAVBAR (Secondary navigation bar)
   ======================================== */

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

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


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

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

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

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

._navbarTodayBadge_qo36r_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_qo36r_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_qo36r_102 {
  animation: _navbarSpin_qo36r_1 1s linear infinite;
}

._navbarSyncText_qo36r_106 {
  white-space: nowrap;
}

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

/* Sync badge - clickable button showing last sync time */
._navbarSyncBadge_qo36r_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_qo36r_120:hover {
  background: var(--surface-hover);
  color: var(--text-primary);
}

._navbarSyncIconError_qo36r_139 {
  color: var(--state-error);
}

._navbarSyncTextError_qo36r_143 {
  color: var(--state-error);
}

._navbarFocusGapsBadge_qo36r_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_qo36r_158 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._navbarSeparator_qo36r_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_qo36r_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_qo36r_173:hover {
  background: var(--surface-hover);
}

._navbarCalendarToggle_qo36r_173 input {
  accent-color: var(--action-primary);
}

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

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

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

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

._todayView_qo36r_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_qo36r_245:has(._planModeLayout_qo36r_257) {
  max-width: 100%;
  padding: 0 2rem;
}

._loading_qo36r_262 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--text-tertiary);
  font-size: var(--font-size-lg);
}

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

._content_qo36r_275 {
  flex: 1;
  overflow: hidden;
  padding: 1.5rem 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-height: 0;
}

/* ========================================
   LAYOUT MODES
   ======================================== */

._normalLayout_qo36r_289 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1;
  min-height: 0;
}

._planModeLayout_qo36r_257 {
  display: flex;
  flex-direction: row;
  flex: 1;
  min-height: 0;
  /* Force full height */
  height: calc(100vh - 200px);
}

._taskPanel_qo36r_306 {
  overflow-y: auto;
  min-width: 200px;
  display: flex;
  flex-direction: column;
}

._calendarPanel_qo36r_313 {
  overflow: hidden;
  min-width: 200px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

._resizeHandle_qo36r_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_qo36r_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_qo36r_321:hover::before {
  width: 2px;
  background-color: var(--text-tertiary);
}

/* ========================================
   TIMELINE SECTION
   ======================================== */

._timelineSection_qo36r_351 {
  background: var(--surface-base);
  padding: 0 1.25rem;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

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

._sectionTitle_qo36r_367 {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--text-secondary);

  letter-spacing: 0.02em;
  margin: 0;
}

._timeline_qo36r_351 {
  flex: 1;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

/* Multi-day timeline layout (weekend view -- both days side-by-side) */
._multiDayTimelines_qo36r_384 {
  display: flex;
  gap: 0.5rem;
  height: 100%;
  min-height: 0;
}

._multiDayTimelines_qo36r_384 ._timeline_qo36r_351 {
  flex: 1;
  min-width: 0;
}

._multiDayTimelineHeader_qo36r_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_qo36r_406 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

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

._slotToggleActive_qo36r_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_qo36r_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_qo36r_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_qo36r_447:hover {
  border-color: var(--border-default);
  color: var(--text-secondary);
}

._calendarEntryToggle_qo36r_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_qo36r_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_qo36r_447 input[type='checkbox'] {
  accent-color: var(--brand-primary);
  width: 0.875rem;
  height: 0.875rem;
  margin: 0;
  cursor: pointer;
}

/* Header controls row */
._headerControls_qo36r_487 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* Syncing indicator with logo and spinning border */
._syncingIndicator_qo36r_494 {
  display: flex;
  align-items: center;
  justify-content: center;
}

._syncingLogo_qo36r_500 {
  position: relative;
  width: 24px;
  height: 24px;
}

._syncingLogo_qo36r_500 img {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

._syncingSpinner_qo36r_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_qo36r_1 0.8s linear infinite;
}

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

/* ========================================
   DAY NOTE
   ======================================== */

._dayNote_qo36r_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_qo36r_555 {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

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

._taskCount_qo36r_570 {
  font-size: var(--font-size-base);
  color: var(--text-tertiary);
}

/* Column headers for Time / Duration */
._tasksColumnHeaders_qo36r_576 {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 0 0.75rem;
  margin-bottom: -0.25rem;
}

._tasksColumnHeaderTime_qo36r_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_qo36r_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_qo36r_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;
  transition:
    background 0.15s ease,
    box-shadow 0.15s ease;
}

._tasksList_qo36r_604._dropActive_qo36r_618 {
  background: var(--brand-primary-subtle);
  box-shadow: inset 0 0 0 2px var(--brand-primary);
}

._emptyState_qo36r_623 {
  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_qo36r_637 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._taskSection_qo36r_637 + ._taskSection_qo36r_637 {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border-subtle);
}

._taskSectionHeader_qo36r_649 {
  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_qo36r_662 {
  display: flex;
  gap: 0.75rem;
  margin-left: auto;
}

._taskSectionHeader_qo36r_649 svg {
  opacity: 0.7;
}

._taskSectionHeaderWork_qo36r_672 {
}

._taskSectionHeaderWork_qo36r_672 svg {
  color: var(--color-blue-500);
  opacity: 1;
}

._taskSectionHeaderPersonal_qo36r_681 {
}

._taskSectionHeaderPersonal_qo36r_681 svg {
  color: var(--color-green-500);
  opacity: 1;
}

/* ========================================
   ADD TASK BUTTON
   ======================================== */

._addTaskButton_qo36r_694 {
  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_qo36r_694: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_qo36r_723 {
  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_qo36r_723::before {
  content: '';
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  right: 0.5rem;
  height: 1px;
  background: transparent;
  transition: background 0.15s ease;
}

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

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

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

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

/* Label centered on the line -- background knocks out the line behind the text */
._addTaskZoneLabel_qo36r_772 {
  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_qo36r_789 {
  opacity: 0;
  transform: scale(0.92);
}

/* Visible state - full size and opacity */
._animateVisible_qo36r_795 {
  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_qo36r_804 {
  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_qo36r_789,
  ._animateVisible_qo36r_795,
  ._animateOut_qo36r_804 {
    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_qo36r_10 ._tasksList_qo36r_604 [class*='taskCardWrapper'] {
  padding: 0;
}

/* Task title - larger font (15px) */
._dayViewWrapper_qo36r_10 ._tasksList_qo36r_604 [class*='taskTitle'] {
  font-size: 0.9375rem; /* 15px */
  line-height: 1.5;
}

/* Task checkbox - vertically aligned with first line */
._dayViewWrapper_qo36r_10 ._tasksList_qo36r_604 [class*='taskCheckbox'] {
  width: 1rem;
  height: 1rem;
  align-self: flex-start;
  margin-top: 0.3rem;
}

/* Scheduled time column */
._dayViewWrapper_qo36r_10 ._tasksList_qo36r_604 [class*='taskScheduledTime'] {
  font-size: 0.8125rem; /* 13px */
  font-weight: 500;
  color: var(--text-secondary);
}

/* Duration column — same size, slightly lighter */
._dayViewWrapper_qo36r_10 ._tasksList_qo36r_604 [class*='durationBadge'] {
  font-size: 0.8125rem; /* 13px */
  font-weight: 500;
  color: var(--text-tertiary);
}

/* Inline badges - larger */
._dayViewWrapper_qo36r_10 ._tasksList_qo36r_604 [class*='taskCardInlineBadges'] {
  gap: 0.5rem;
}

._dayViewWrapper_qo36r_10 ._tasksList_qo36r_604 [class*='taskProjectBadge'],
._dayViewWrapper_qo36r_10 ._tasksList_qo36r_604 [class*='subtaskBadge'],
._dayViewWrapper_qo36r_10 ._tasksList_qo36r_604 [class*='recurringBadge'] {
  font-size: 0.8125rem; /* 13px */
  padding: 0.25rem 0.625rem;
}

/* Subtasks - larger font */
._dayViewWrapper_qo36r_10 ._tasksList_qo36r_604 [class*='taskCardSubtasks'] {
  margin-top: 0.5rem;
  padding-top: 0;
  gap: 0.5rem;
}

._dayViewWrapper_qo36r_10 ._tasksList_qo36r_604 [class*='taskCardSubtaskTitle'] {
  font-size: 0.9375rem; /* 15px */
  cursor: pointer;
  pointer-events: auto;
}

._dayViewWrapper_qo36r_10 ._tasksList_qo36r_604 [class*='taskCardSubtaskTitle']:hover {
  text-decoration: underline;
}

._dayViewWrapper_qo36r_10 ._tasksList_qo36r_604 [class*='taskCardSubtaskCheckbox'] {
  width: 0.875rem;
  height: 0.875rem;
}

/* Task section headers - larger and colored */
._dayViewWrapper_qo36r_10 ._tasksList_qo36r_604 [class*='taskSection'] {
  gap: 0.625rem;
}

._dayViewWrapper_qo36r_10 ._tasksList_qo36r_604 [class*='taskSectionHeader'] {
  font-size: 0.875rem; /* 14px */
  padding: 0.5rem 0;
  color: var(--text-primary);
}

._dayViewWrapper_qo36r_10 ._tasksList_qo36r_604 [class*='taskSectionHeader'] svg {
  width: 18px;
  height: 18px;
  opacity: 1;
}

/* Work section header icon - blue */
._dayViewWrapper_qo36r_10 ._tasksList_qo36r_604 [class*='taskSectionHeaderWork'] svg {
  color: var(--color-blue-500);
}

/* Personal section header icon - green */
._dayViewWrapper_qo36r_10 ._tasksList_qo36r_604 [class*='taskSectionHeaderPersonal'] svg {
  color: var(--color-green-500);
}

/* Project badge - ensure no clipping and proper size */
._dayViewWrapper_qo36r_10 ._tasksList_qo36r_604 [class*='taskProjectBadge'] {
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
}

/* ========================================
   WEEKEND VIEW HEADER
   ======================================== */

._weekendViewHeader_qo36r_935 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0 1rem 0;
}

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

/* ========================================
   DAY SELECTOR (Multi-day timeline toggle)
   ======================================== */

._daySelector_qo36r_952 {
  display: flex;
  gap: 0.375rem;
}

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

._daySelectorButtonActive_qo36r_978 {
  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_qo36r_978:hover {
  background: color-mix(in srgb, var(--brand-primary) 15%, transparent);
  border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent);
}

._daySelectorName_qo36r_989 {
  font-weight: var(--font-weight-medium);
}

._daySelectorDate_qo36r_993 {
  font-weight: var(--font-weight-semibold);
}

._daySelectorButtonActive_qo36r_978 ._daySelectorDate_qo36r_993 {
  color: var(--brand-primary);
}

._daySelectorToday_qo36r_1001 {
  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_qo36r_1014 {
  margin-top: 1rem;
  padding: 0.75rem;
  background: var(--surface-base);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius);
}

._focusSlotsFreeTime_qo36r_1022 {
  font-size: var(--font-size-sm);
  color: var(--status-success);
  margin-bottom: 0.5rem;
}

._focusSlotsHeader_qo36r_1028 {
  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_qo36r_1037 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}

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

._focusSlotsList_qo36r_1048 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

._focusSlotItem_qo36r_1054 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-sm);
}

._focusSlotBadge_qo36r_1061 {
  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_qo36r_1074 {
  background: var(--state-success-bg);
  color: var(--state-success);
}

._focusSlotM_qo36r_1079 {
  background: var(--state-warning-bg);
  color: var(--state-warning);
}

._focusSlotS_qo36r_1084 {
  background: var(--surface-tertiary);
  color: var(--text-secondary);
}

._focusSlotTime_qo36r_1089 {
  flex: 1;
  color: var(--text-secondary);
}

._focusSlotDuration_qo36r_1094 {
  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_qo36r_1106 ._tasksList_qo36r_604 [class*='taskCardWrapper'] {
  cursor: grab !important;
}

._shiftHeld_qo36r_1106 ._tasksList_qo36r_604 [class*='taskCardWrapper']:active {
  cursor: grabbing !important;
}

/* ========================================
   DURATION PROMPT DIALOG
   Shown when dropping task without duration
   ======================================== */

._durationPromptOverlay_qo36r_1119 {
  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_qo36r_1132 {
  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_qo36r_1141 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  text-align: center;
  margin-bottom: 1rem;
}

._durationPromptPresets_qo36r_1149 {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

._durationPromptPreset_qo36r_1149 {
  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_qo36r_1149:hover {
  background: var(--surface-hover);
  border-color: var(--action-primary);
}

._durationPromptPresetActive_qo36r_1173 {
  background: var(--action-primary);
  color: var(--text-inverse);
  border-color: var(--action-primary);
}

._durationPromptPresetActive_qo36r_1173:hover {
  background: var(--action-primary-hover);
}

._durationPromptCustom_qo36r_1184 {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

._durationPromptCustomInput_qo36r_1190 {
  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_qo36r_1190:focus {
  outline: none;
  border-color: var(--action-primary);
}

._durationPromptCustomBtn_qo36r_1205 {
  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_qo36r_1205:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._durationPromptExisting_qo36r_1220 {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-align: center;
  margin-bottom: 0.5rem;
}

._durationPromptSkip_qo36r_1227 {
  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_qo36r_1227:hover {
  color: var(--text-secondary);
}
/**
 * Weekly Planning Layout Module
 * 3-column collapsible layout for the weekly planning view
 */

/* ========================================
   MAIN CONTAINER
   ======================================== */

._weeklyPlanningContainer_dyy5n_10 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

/* ========================================
   3-COLUMN LAYOUT
   ======================================== */

._weeklyPlanningLayout_dyy5n_22 {
  display: flex;
  flex-direction: row;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  position: relative;
}

/* ========================================
   LEFT PANEL
   ======================================== */

._leftPanel_dyy5n_35 {
  width: 280px;
  flex-shrink: 0;
  border-right: 1px solid var(--border-default);
  overflow: hidden;
  background-color: var(--surface-base);
}

._leftPanelCollapsed_dyy5n_43 {
  width: 40px;
  border-right: none;
}

/* ========================================
   CENTER PANEL
   ======================================== */

._centerPanel_dyy5n_52 {
  flex: 1;
  min-width: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  background-color: var(--surface-base);
}

/* ========================================
   RIGHT PANEL
   ======================================== */

._rightPanel_dyy5n_65 {
  flex-shrink: 0;
  overflow: hidden;
  background-color: var(--surface-base);
}

._rightPanelCollapsed_dyy5n_71 {
  width: 40px;
  border-left: none;
}

/* ========================================
   PANEL PLACEHOLDERS
   ======================================== */

._panelPlaceholder_dyy5n_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_dyy5n_92 {
  font-size: 0.75rem;
  color: var(--text-tertiary);
}

/* ========================================
   COLLAPSE TOGGLES
   ======================================== */

._collapseToggle_dyy5n_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_dyy5n_101:hover {
  color: var(--text-primary);
}

._noteToggleButton_dyy5n_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_dyy5n_119:hover {
  background-color: var(--surface-elevated);
}

._noteToggleButtonActive_dyy5n_139 {
  background-color: var(--surface-elevated);
  border-color: var(--color-tab-amber);
}

/* ========================================
   TOOLBAR
   ======================================== */

._toolbar_dyy5n_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_dyy5n_159 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._toolbarTitle_dyy5n_165 {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-primary);
  white-space: nowrap;
}

._toolbarCenter_dyy5n_172 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._toolbarWeekLabel_dyy5n_178 {
  font-size: 0.8125rem;
  color: var(--text-secondary);
  white-space: nowrap;
}

._toolbarNav_dyy5n_184 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

._toolbarNavButton_dyy5n_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_dyy5n_190:hover {
  background-color: var(--surface-elevated);
  color: var(--text-primary);
}

._toolbarTodayButton_dyy5n_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_dyy5n_209:hover {
  background-color: var(--surface-elevated);
  color: var(--text-primary);
}

._toolbarRight_dyy5n_229 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._newTaskButton_dyy5n_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_dyy5n_235:hover {
  background-color: var(--surface-elevated);
  color: var(--text-primary);
}

/* ========================================
   PROJECT CHIPS STRIP
   ======================================== */

._projectsStrip_dyy5n_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_dyy5n_258::-webkit-scrollbar {
  display: none; /* Chrome/Safari */
}

._projectChip_dyy5n_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_dyy5n_274:hover {
  background-color: var(--surface-elevated);
  border-color: var(--border-active, var(--border-default));
  color: var(--text-primary);
}

._projectChipDisabled_dyy5n_297 {
  cursor: default;
  opacity: 0.7;
}

._projectChipDisabled_dyy5n_297:hover {
  background: var(--surface-base);
  border-color: var(--border-default);
  color: var(--text-secondary);
}

._projectChipBadge_dyy5n_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_dyy5n_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_dyy5n_340 {
  opacity: 0.75;
}

/* ========================================
   WEEK GRID
   ======================================== */

._weekGrid_dyy5n_348 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr 1fr;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

._weekGridEmpty_dyy5n_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_dyy5n_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_dyy5n_371:nth-child(3),
._dayColumn_dyy5n_371:nth-child(6) {
  border-right: none;
}

/* Add bottom border to first row (first 3 items) */
._dayColumn_dyy5n_371:nth-child(-n + 3) {
  border-bottom: 1px solid var(--border-subtle);
}

._dayColumnToday_dyy5n_390 {
  background-color: var(--surface-elevated);
}

._dayHeader_dyy5n_394 {
  padding: 8px 12px;
  font-weight: 600;
  font-size: 13px;
  color: var(--text-primary);
  display: flex;
  gap: 4px;
  align-items: baseline;
}

._dayDate_dyy5n_404 {
  color: var(--text-secondary);
}

._dayMeta_dyy5n_408 {
  margin-left: auto;
  font-size: 12px;
  font-weight: 400;
  color: var(--text-tertiary);
  white-space: nowrap;
}

._dayTasks_dyy5n_416 {
  padding: 4px 6px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}

._dayEmpty_dyy5n_424 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-tertiary);
  font-size: 12px;
  padding: 16px;
  flex: 1;
}

/* ========================================
   LOADING / ERROR STATES
   ======================================== */

._loadingState_dyy5n_438 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  color: var(--text-tertiary);
  font-size: 0.875rem;
  padding: 2rem;
}

._errorState_dyy5n_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_dyy5n_462 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
}

._sourceGroup_dyy5n_469 {
  border-bottom: 1px solid var(--border-default);
}

._sourceGroup_dyy5n_469:last-child {
  border-bottom: none;
}

._sourceGroupHeader_dyy5n_477 {
  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_dyy5n_492 {
  display: grid;
  grid-template-rows: 1fr;
  transition: grid-template-rows 0.15s ease;
}

._sourceGroupTasksCollapsed_dyy5n_498 {
  grid-template-rows: 0fr;
}

._sourceGroupTasksInner_dyy5n_502 {
  overflow: hidden;
}

._sourceGroupTitle_dyy5n_506 {
  flex: 1;
}

._sourceGroupCount_dyy5n_510 {
  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_dyy5n_492 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0 0.375rem 0.5rem;
}

._showAllButton_dyy5n_531 {
  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_dyy5n_531:hover {
  color: var(--text-primary);
}

/* ========================================
   COLLAPSED SOURCES STRIP
   ======================================== */

._collapsedStrip_dyy5n_552 {
  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_dyy5n_552:hover {
  color: var(--text-primary);
}

._collapsedStripCounts_dyy5n_571 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

._collapsedStripCount_dyy5n_571 {
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--text-secondary);
}

/* ========================================
   RIGHT PANEL CONTENT (NOTE)
   ======================================== */

._rightPanelContent_dyy5n_588 {
  display: flex;
  flex-direction: row;
  height: 100%;
  flex-shrink: 0;
  border-left: 1px solid var(--border-default);
  background-color: var(--surface-base);
}

._rightPanelInner_dyy5n_597 {
  flex: 1;
  min-width: 0;
  overflow-y: auto;
}

._resizeHandle_dyy5n_603 {
  width: 4px;
  cursor: col-resize;
  background: transparent;
  border: none;
  padding: 0;
  flex-shrink: 0;
  transition: background-color 0.15s ease;
}

._resizeHandle_dyy5n_603:hover,
._resizeHandle_dyy5n_603:active {
  background-color: var(--border-active, var(--accent));
}

._collapsedStripLabel_dyy5n_618 {
  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_dyy5n_628 {
  background-color: var(--surface-elevated);
  border-color: var(--border-active, var(--border-default));
}

/* Sources panel drop target feedback (drag-back to unschedule) */
._sourcesPanelDropTarget_dyy5n_634 {
  background-color: var(--surface-elevated);
  outline: 2px dashed var(--border-active, var(--border-default));
  outline-offset: -2px;
}

/* Slide-in animation for dropped tasks */
._taskSlideIn_dyy5n_641 {
  animation: _taskSlideIn_dyy5n_641 200ms ease-out;
}

@keyframes _taskSlideIn_dyy5n_641 {
  from {
    transform: translateX(-12px) scale(0.97);
    opacity: 0.7;
  }
  to {
    transform: translateX(0) scale(1);
    opacity: 1;
  }
}

/* Shake animation for failed drops */
._taskShake_dyy5n_657 {
  animation: _taskShake_dyy5n_657 400ms ease-in-out;
}

@keyframes _taskShake_dyy5n_657 {
  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_dyy5n_641,
  ._taskShake_dyy5n_657 {
    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;
}