@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-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-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}}}@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:#fef2f2;--color-red-100:#ffe2e2;--color-red-300:#ffa3a3;--color-red-400:#ff6568;--color-red-500:#fb2c36;--color-red-600:#e40014;--color-red-700:#bf000f;--color-red-800:#9f0712;--color-red-900:#82181a;--color-orange-400:#ff8b1a;--color-orange-500:#fe6e00;--color-amber-100:#fef3c6;--color-amber-300:#ffd236;--color-amber-400:#fcbb00;--color-amber-500:#f99c00;--color-amber-600:#dd7400;--color-amber-700:#b75000;--color-amber-800:#953d00;--color-amber-900:#7b3306;--color-amber-950:#461901;--color-yellow-400:#fac800;--color-yellow-500:#edb200;--color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-green-300:#7bf1a8;--color-green-400:#05df72;--color-green-500:#00c758;--color-green-600:#00a544;--color-green-800:#016630;--color-green-900:#0d542b;--color-emerald-100:#d0fae5;--color-emerald-500:#00bb7f;--color-emerald-600:#009767;--color-teal-500:#00baa7;--color-teal-600:#009588;--color-teal-700:#00776e;--color-cyan-100:#cefafe;--color-cyan-300:#53eafd;--color-cyan-800:#005f78;--color-cyan-900:#104e64;--color-blue-100:#dbeafe;--color-blue-300:#90c5ff;--color-blue-400:#54a2ff;--color-blue-500:#3080ff;--color-blue-600:#155dfc;--color-blue-700:#1447e6;--color-blue-800:#193cb8;--color-blue-900:#1c398e;--color-indigo-600:#4f39f6;--color-purple-100:#f3e8ff;--color-purple-300:#d9b3ff;--color-purple-400:#c07eff;--color-purple-500:#ac4bff;--color-purple-600:#9810fa;--color-purple-800:#6e11b0;--color-purple-900:#59168b;--color-pink-100:#fce7f3;--color-pink-300:#fda5d5;--color-pink-400:#fb64b6;--color-pink-500:#f6339a;--color-pink-800:#a2004c;--color-pink-900:#861043;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-gray-600:#4a5565;--color-gray-700:#364153;--color-gray-800:#1e2939;--color-gray-900:#101828;--color-gray-950:#030712;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-4xl:56rem;--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);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--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)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-50:lab(96.5005% 4.18508 1.52328);--color-red-100:lab(92.243% 10.2865 3.83865);--color-red-300:lab(76.5514% 36.422 15.5335);--color-red-400:lab(63.7053% 60.745 31.3109);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-600:lab(48.4493% 77.4328 61.5452);--color-red-700:lab(40.4273% 67.2623 53.7441);--color-red-800:lab(33.7174% 55.8993 41.0293);--color-red-900:lab(28.5139% 44.5539 29.0463);--color-orange-400:lab(70.0429% 42.5156 75.8207);--color-orange-500:lab(64.272% 57.1788 90.3583);--color-amber-100:lab(95.916% -1.21653 23.111);--color-amber-300:lab(86.4156% 6.13147 78.3961);--color-amber-400:lab(80.1641% 16.6016 99.2089);--color-amber-500:lab(72.7183% 31.8672 97.9407);--color-amber-600:lab(60.3514% 40.5624 87.1228);--color-amber-700:lab(47.2709% 42.9082 69.2966);--color-amber-800:lab(37.8822% 37.1699 52.2718);--color-amber-900:lab(31.2288% 30.2627 40.0378);--color-amber-950:lab(15.8111% 20.9107 23.3752);--color-yellow-400:lab(83.2664% 8.65132 106.895);--color-yellow-500:lab(76.3898% 14.5258 98.4589);--color-green-50:lab(98.1563% -5.60117 2.75915);--color-green-100:lab(96.1861% -13.8464 6.52365);--color-green-300:lab(86.9953% -47.2691 25.0054);--color-green-400:lab(78.503% -64.9265 39.7492);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-green-600:lab(59.0978% -58.6621 41.2579);--color-green-800:lab(37.4616% -36.7971 22.9692);--color-green-900:lab(30.797% -29.6927 17.382);--color-emerald-100:lab(94.9004% -17.0769 5.63836);--color-emerald-500:lab(66.9756% -58.27 19.5419);--color-emerald-600:lab(55.0481% -49.9246 15.93);--color-teal-500:lab(67.3859% -49.0983 -2.63511);--color-teal-600:lab(55.0223% -41.0774 -3.90277);--color-teal-700:lab(44.4134% -33.1436 -4.22149);--color-cyan-100:lab(95.3146% -13.8285 -6.84732);--color-cyan-300:lab(85.3886% -36.7636 -21.5716);--color-cyan-800:lab(36.5114% -17.1989 -21.6292);--color-cyan-900:lab(30.372% -13.1853 -18.7887);--color-blue-100:lab(92.0301% -2.24757 -11.6453);--color-blue-300:lab(77.5052% -6.4629 -36.42);--color-blue-400:lab(65.0361% -1.42065 -56.9802);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-blue-700:lab(36.9089% 35.0961 -85.6872);--color-blue-800:lab(30.2514% 27.7853 -70.2699);--color-blue-900:lab(26.1542% 15.7545 -51.5504);--color-indigo-600:lab(38.4009% 52.6132 -92.3857);--color-purple-100:lab(93.3333% 6.97437 -9.83434);--color-purple-300:lab(78.3298% 26.2195 -34.9499);--color-purple-400:lab(63.6946% 47.6127 -59.2066);--color-purple-500:lab(52.0183% 66.11 -78.2316);--color-purple-600:lab(43.0295% 75.21 -86.5669);--color-purple-800:lab(30.6017% 56.7637 -64.4751);--color-purple-900:lab(24.9401% 45.2703 -51.2728);--color-pink-100:lab(93.5864% 9.01193 -3.15079);--color-pink-300:lab(77.8308% 38.525 -10.5394);--color-pink-400:lab(64.5597% 64.3615 -12.7988);--color-pink-500:lab(56.9303% 76.8162 -8.07021);--color-pink-800:lab(34.9559% 60.2885 5.99639);--color-pink-900:lab(29.4367% 49.3962 3.35757);--color-gray-50:lab(98.2596% -.247031 -.706708);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268);--color-gray-600:lab(35.6337% -1.58697 -10.8425);--color-gray-700:lab(27.1134% -.956401 -12.3224);--color-gray-800:lab(16.1051% -1.18239 -11.7533);--color-gray-900:lab(8.11897% .811279 -12.254);--color-gray-950:lab(1.90334% .278696 -5.48866)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.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-2{top:calc(var(--spacing)*-2)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.-right-2{right:calc(var(--spacing)*-2)}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.-bottom-2{bottom:calc(var(--spacing)*-2)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-4{bottom:calc(var(--spacing)*4)}.-left-2{left:calc(var(--spacing)*-2)}.left-0{left:calc(var(--spacing)*0)}.left-3{left:calc(var(--spacing)*3)}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.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}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.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)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.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-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[70vh\]{max-height:70vh}.min-h-\[100px\]{min-height:100px}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-28{width:calc(var(--spacing)*28)}.w-64{width:calc(var(--spacing)*64)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[200px\]{max-width:200px}.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-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-y{resize:vertical}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}: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-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-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{column-gap:calc(var(--spacing)*6)}: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)))}.gap-y-3{row-gap:calc(var(--spacing)*3)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.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-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-purple-600{border-color:var(--color-purple-600)}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-amber-100{background-color:var(--color-amber-100)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-cyan-100{background-color:var(--color-cyan-100)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-800\/60{background-color:#1e293999}@supports (color:color-mix(in lab, red, red)){.bg-gray-800\/60{background-color:color-mix(in oklab,var(--color-gray-800)60%,transparent)}}.bg-gray-950{background-color:var(--color-gray-950)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-900\/40{background-color:#82181a66}@supports (color:color-mix(in lab, red, red)){.bg-red-900\/40{background-color:color-mix(in oklab,var(--color-red-900)40%,transparent)}}.bg-teal-600{background-color:var(--color-teal-600)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-amber-400{--tw-gradient-from:var(--color-amber-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-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-orange-400{--tw-gradient-from:var(--color-orange-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-purple-400{--tw-gradient-from:var(--color-purple-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-yellow-400{--tw-gradient-from:var(--color-yellow-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))}.to-amber-500{--tw-gradient-to:var(--color-amber-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-indigo-600{--tw-gradient-to:var(--color-indigo-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-orange-500{--tw-gradient-to:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-500{--tw-gradient-to:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-red-500{--tw-gradient-to:var(--color-red-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.fill-current{fill:currentColor}.object-cover{object-fit:cover}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-10{padding:calc(var(--spacing)*10)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.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-5{padding-inline:calc(var(--spacing)*5)}.px-16{padding-inline:calc(var(--spacing)*16)}.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-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-2{padding-right:calc(var(--spacing)*2)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.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-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--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))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.break-all{word-break:break-all}.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-cyan-800{color:var(--color-cyan-800)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-800{color:var(--color-green-800)}.text-pink-400{color:var(--color-pink-400)}.text-pink-800{color:var(--color-pink-800)}.text-purple-500{color:var(--color-purple-500)}.text-purple-800{color:var(--color-purple-800)}.text-red-300{color:var(--color-red-300)}.text-red-500{color:var(--color-red-500)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-500{color:var(--color-yellow-500)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-gray-400::placeholder{color:var(--color-gray-400)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-blue-500\/30{--tw-shadow-color:#3080ff4d}@supports (color:color-mix(in lab, red, red)){.shadow-blue-500\/30{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-blue-500)30%,transparent)var(--tw-shadow-alpha),transparent)}}.ring-white{--tw-ring-color:var(--color-white)}.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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.will-change-transform{will-change:transform}.select-none{-webkit-user-select:none;user-select:none}.peer-checked\:border-blue-600:is(:where(.peer):checked~*){border-color:var(--color-blue-600)}.peer-checked\:bg-blue-600:is(:where(.peer):checked~*){background-color:var(--color-blue-600)}.peer-checked\:opacity-100:is(:where(.peer):checked~*){opacity:1}.peer-focus-visible\:ring-2:is(:where(.peer):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)}.peer-focus-visible\:ring-blue-500\/20:is(:where(.peer):focus-visible~*){--tw-ring-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.peer-focus-visible\:ring-blue-500\/20:is(:where(.peer):focus-visible~*){--tw-ring-color:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.peer-focus-visible\:ring-offset-1:is(:where(.peer):focus-visible~*){--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)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}@media (hover:hover){.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-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-teal-700:hover{background-color:var(--color-teal-700)}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-lg:hover{--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)}}.focus\:border-teal-500:focus{border-color:var(--color-teal-500)}.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-teal-500:focus{--tw-ring-color:var(--color-teal-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:40rem){.sm\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}@media (min-width:64rem){.lg\:block{display:block}.lg\:hidden{display:none}}.dark\:border-gray-600:is([data-theme=dark] *){border-color:var(--color-gray-600)}.dark\:border-gray-700:is([data-theme=dark] *){border-color:var(--color-gray-700)}.dark\:bg-amber-900\/30:is([data-theme=dark] *){background-color:#7b33064d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-900\/30:is([data-theme=dark] *){background-color:color-mix(in oklab,var(--color-amber-900)30%,transparent)}}.dark\:bg-amber-950\/50:is([data-theme=dark] *){background-color:#46190180}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-950\/50:is([data-theme=dark] *){background-color:color-mix(in oklab,var(--color-amber-950)50%,transparent)}}.dark\:bg-blue-900\/30:is([data-theme=dark] *){background-color:#1c398e4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-900\/30:is([data-theme=dark] *){background-color:color-mix(in oklab,var(--color-blue-900)30%,transparent)}}.dark\:bg-cyan-900\/30:is([data-theme=dark] *){background-color:#104e644d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-cyan-900\/30:is([data-theme=dark] *){background-color:color-mix(in oklab,var(--color-cyan-900)30%,transparent)}}.dark\:bg-gray-700:is([data-theme=dark] *){background-color:var(--color-gray-700)}.dark\:bg-gray-800:is([data-theme=dark] *){background-color:var(--color-gray-800)}.dark\:bg-gray-800\/50:is([data-theme=dark] *){background-color:#1e293980}@supports (color:color-mix(in lab, red, red)){.dark\:bg-gray-800\/50:is([data-theme=dark] *){background-color:color-mix(in oklab,var(--color-gray-800)50%,transparent)}}.dark\:bg-gray-900:is([data-theme=dark] *){background-color:var(--color-gray-900)}.dark\:bg-gray-950:is([data-theme=dark] *){background-color:var(--color-gray-950)}.dark\:bg-gray-950\/80:is([data-theme=dark] *){background-color:#030712cc}@supports (color:color-mix(in lab, red, red)){.dark\:bg-gray-950\/80:is([data-theme=dark] *){background-color:color-mix(in oklab,var(--color-gray-950)80%,transparent)}}.dark\:bg-green-900\/20:is([data-theme=dark] *){background-color:#0d542b33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-green-900\/20:is([data-theme=dark] *){background-color:color-mix(in oklab,var(--color-green-900)20%,transparent)}}.dark\:bg-green-900\/30:is([data-theme=dark] *){background-color:#0d542b4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-green-900\/30:is([data-theme=dark] *){background-color:color-mix(in oklab,var(--color-green-900)30%,transparent)}}.dark\:bg-pink-900\/30:is([data-theme=dark] *){background-color:#8610434d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-pink-900\/30:is([data-theme=dark] *){background-color:color-mix(in oklab,var(--color-pink-900)30%,transparent)}}.dark\:bg-purple-900\/30:is([data-theme=dark] *){background-color:#59168b4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-purple-900\/30:is([data-theme=dark] *){background-color:color-mix(in oklab,var(--color-purple-900)30%,transparent)}}.dark\:bg-red-900\/20:is([data-theme=dark] *){background-color:#82181a33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-900\/20:is([data-theme=dark] *){background-color:color-mix(in oklab,var(--color-red-900)20%,transparent)}}.dark\:bg-red-900\/30:is([data-theme=dark] *){background-color:#82181a4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-900\/30:is([data-theme=dark] *){background-color:color-mix(in oklab,var(--color-red-900)30%,transparent)}}.dark\:text-amber-300:is([data-theme=dark] *){color:var(--color-amber-300)}.dark\:text-amber-400:is([data-theme=dark] *){color:var(--color-amber-400)}.dark\:text-blue-300:is([data-theme=dark] *){color:var(--color-blue-300)}.dark\:text-blue-400:is([data-theme=dark] *){color:var(--color-blue-400)}.dark\:text-cyan-300:is([data-theme=dark] *){color:var(--color-cyan-300)}.dark\:text-gray-200:is([data-theme=dark] *){color:var(--color-gray-200)}.dark\:text-gray-300:is([data-theme=dark] *){color:var(--color-gray-300)}.dark\:text-gray-400:is([data-theme=dark] *){color:var(--color-gray-400)}.dark\:text-gray-500:is([data-theme=dark] *){color:var(--color-gray-500)}.dark\:text-gray-600:is([data-theme=dark] *){color:var(--color-gray-600)}.dark\:text-green-300:is([data-theme=dark] *){color:var(--color-green-300)}.dark\:text-green-400:is([data-theme=dark] *){color:var(--color-green-400)}.dark\:text-pink-300:is([data-theme=dark] *){color:var(--color-pink-300)}.dark\:text-purple-300:is([data-theme=dark] *){color:var(--color-purple-300)}.dark\:text-red-300:is([data-theme=dark] *){color:var(--color-red-300)}.dark\:text-red-400:is([data-theme=dark] *){color:var(--color-red-400)}.dark\:text-white:is([data-theme=dark] *){color:var(--color-white)}.dark\:placeholder-gray-500:is([data-theme=dark] *)::placeholder{color:var(--color-gray-500)}.dark\:ring-gray-900:is([data-theme=dark] *){--tw-ring-color:var(--color-gray-900)}@media (hover:hover){.dark\:hover\:bg-red-900\/30:is([data-theme=dark] *):hover{background-color:#82181a4d}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-red-900\/30:is([data-theme=dark] *):hover{background-color:color-mix(in oklab,var(--color-red-900)30%,transparent)}}.dark\:hover\:bg-white\/10:is([data-theme=dark] *):hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/10:is([data-theme=dark] *):hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}}}:root{--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-emoji:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Twemoji Mozilla",sans-serif;--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;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--container-max:80rem;--sidebar-width:16rem;--sidebar-width-collapsed:5rem;--header-height:4rem;--mobile-nav-height:5rem;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--color-brand:#3b82f6;--color-brand-dark:#2563eb;--color-brand-light:#60a5fa;--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-primary:#3b82f6;--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a5f;--color-primary-alpha:#3b82f61a;--color-purple-100:#ede9fe;--color-emerald-100:#d1fae5;--bg-base:#fff;--bg-page:#f8fafc;--bg-surface:#fff;--bg-elevated:#fff;--bg-muted:#f1f5f9;--bg-tertiary:#f8fafc;--bg-hover:#f1f5f9;--bg-active:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-muted:#94a3b8;--text-disabled:#cbd5e1;--text-inverse:#fff;--border-default:#e2e8f0;--border-secondary:#f1f5f9;--border-muted:#f1f5f9;--border-strong:#cbd5e1;--interactive-bg:#3b82f6;--interactive-bg-hover:#2563eb;--interactive-text:#fff;--interactive-muted:#eff6ff;--interactive-muted-hover:#dbeafe;--color-success:#22c55e;--color-success-bg:#f0fdf4;--color-success-soft:#22c55e1a;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-error:#ef4444;--color-error-bg:#fef2f2;--color-info:#3b82f6;--color-info-bg:#eff6ff;--shadow-sm:0 1px 2px #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;--scrollbar-track:#f1f5f9;--scrollbar-thumb:#cbd5e1;--scrollbar-thumb-hover:#94a3b8}[data-theme=dark]{--color-gray-50:#18181b;--color-gray-100:#1f1f23;--color-gray-200:#27272a;--color-gray-300:#3f3f46;--color-gray-400:#71717a;--color-gray-500:#a1a1aa;--color-gray-600:#d4d4d8;--color-gray-700:#e4e4e7;--color-gray-800:#f4f4f5;--color-gray-900:#fafafa;--color-primary:#60a5fa;--color-primary-50:#3b82f614;--color-primary-100:#3b82f626;--color-primary-200:#3b82f640;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#60a5fa;--color-primary-700:#93c5fd;--color-primary-800:#bfdbfe;--color-primary-900:#3b82f626;--color-primary-alpha:#3b82f626;--color-purple-100:#8b5cf626;--color-emerald-100:#10b98126;--bg-base:#0a0a0a;--bg-page:#060606;--bg-surface:#0a0a0a;--bg-elevated:#111;--bg-muted:#1a1a1a;--bg-tertiary:#141414;--bg-hover:#1f1f1f;--bg-active:#2a2a2a;--text-primary:#f8fafc;--text-secondary:#a1a1aa;--text-tertiary:#8a8a91;--text-muted:#71717a;--text-disabled:#52525b;--text-inverse:#0f172a;--border-default:#27272a;--border-secondary:#222225;--border-muted:#1f1f1f;--border-strong:#3f3f46;--interactive-bg:#3b82f6;--interactive-bg-hover:#60a5fa;--interactive-text:#fff;--interactive-muted:#3b82f626;--interactive-muted-hover:#3b82f640;--color-success:#4ade80;--color-success-bg:#22c55e26;--color-success-soft:#4ade801a;--color-warning:#fbbf24;--color-warning-bg:#f59e0b26;--color-error:#f87171;--color-error-bg:#ef444426;--color-info:#60a5fa;--color-info-bg:#3b82f626;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #00000080,0 8px 10px -6px #0006;--scrollbar-track:#1a1a1a;--scrollbar-thumb:#3f3f46;--scrollbar-thumb-hover:#52525b}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}body{background-color:var(--bg-page);color:var(--text-primary);transition:background-color var(--transition-base),color var(--transition-base)}a{color:var(--color-brand);text-decoration:none}a:hover{color:var(--color-brand-dark)}img{max-width:100%;height:auto;display:block}input,textarea,select,button{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection{background-color:var(--interactive-muted);color:var(--text-primary)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:9999;padding:var(--space-3)var(--space-6);background:var(--color-brand);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:.875rem;font-weight:600;text-decoration:none;transition:top .2s ease-in-out;position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skip-link:focus{top:var(--space-4);outline-offset:2px;outline:2px solid #fff}.sidebar{width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border-default);z-index:40;height:100vh;transition:transform var(--transition-base),background-color var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;left:0}@media (max-width:1023px){.sidebar{transform:translate(-100%)}.sidebar--open{transform:translate(0)}}.sidebar__header{align-items:center;gap:var(--space-3);padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--border-default);display:flex}.sidebar__logo{align-items:center;gap:var(--space-3);text-decoration:none;display:flex}.sidebar__logo-icon{background:linear-gradient(135deg,var(--color-brand),var(--color-brand-dark));border-radius:var(--radius-lg);color:#fff;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1rem;font-weight:700;display:flex}.sidebar__logo-text{color:var(--text-primary);font-size:1rem;font-weight:600}.sidebar__nav{padding:var(--space-4);flex:1;overflow-y:auto}.sidebar__nav-list{gap:var(--space-1);flex-direction:column;list-style:none;display:flex}.sidebar__nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;font-size:.9375rem;font-weight:500;text-decoration:none;display:flex}.sidebar__nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar__nav-item--active{background:var(--interactive-muted);color:var(--color-brand)}.sidebar__nav-item--active:hover{background:var(--interactive-muted-hover)}.sidebar__nav-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.sidebar__section{padding:var(--space-4);border-top:1px solid var(--border-default)}.sidebar__family{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-muted);border-radius:var(--radius-lg);display:flex}.sidebar__family-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.sidebar__family-meta{color:var(--text-muted);font-size:.75rem}.sidebar__user{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);transition:background var(--transition-fast);text-decoration:none;display:flex}.sidebar__user:hover{background:var(--bg-hover)}.sidebar__user-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.sidebar__user-role{color:var(--text-muted);text-transform:capitalize;font-size:.75rem}.sidebar__toggle{bottom:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-full);width:2.5rem;height:2.5rem;color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-md);z-index:50;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:fixed}.sidebar__toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.header{z-index:30;height:var(--header-height);background:var(--bg-surface);border-bottom:1px solid var(--border-default);transition:background-color var(--transition-base),border-color var(--transition-base);position:sticky;top:0}.header__container{height:100%;padding:0 var(--space-4);justify-content:space-between;align-items:center;display:flex}@media (min-width:640px){.header__container{padding:0 var(--space-6)}}@media (min-width:1024px){.header__container{padding:0 var(--space-8)}}.header__left{align-items:center;gap:var(--space-3);display:flex}.header__menu-button{justify-content:center;align-items:center;display:flex}@media (min-width:1024px){.header__menu-button{display:none}}.header__title-wrapper{position:absolute;left:50%;transform:translate(-50%)}@media (max-width:767px){.header__title-wrapper{text-align:center;flex:1;position:static;transform:none}}.header__title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.header__right{align-items:center;gap:var(--space-3);display:flex}.mobile-nav{height:var(--mobile-nav-height);background:var(--bg-surface);border-top:1px solid var(--border-default);z-index:40;padding-bottom:env(safe-area-inset-bottom);transition:background-color var(--transition-base);position:fixed;bottom:0;left:0;right:0}@media (min-width:1024px){.mobile-nav{display:none}}.mobile-nav__items{height:var(--mobile-nav-height);padding:0 var(--space-1);justify-content:space-around;align-items:center;display:flex}.mobile-nav__item{min-width:4rem;min-height:3.5rem;padding:var(--space-2)var(--space-3);color:var(--text-muted);border-radius:var(--radius-xl);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:600;text-decoration:none;display:flex;position:relative}.mobile-nav__item:hover,.mobile-nav__item--active{color:var(--color-brand)}.mobile-nav__indicator{border-radius:var(--radius-xl);position:absolute;inset:0}.mobile-nav__icon{z-index:1;width:1.5rem;height:1.5rem;position:relative}.mobile-nav__label{z-index:1;position:relative}.dashboard-layout{background:var(--bg-page);min-height:100vh;padding-bottom:var(--mobile-nav-height);transition:background-color var(--transition-base)}@media (min-width:1024px){.dashboard-layout{margin-left:var(--sidebar-width);padding-bottom:0}}.page{padding:var(--space-4)}@media (min-width:640px){.page{padding:var(--space-6)}}@media (min-width:1024px){.page{padding:var(--space-8)}}.page__header{margin-bottom:var(--space-6)}.page__title{color:var(--text-primary);font-size:1.5rem;font-weight:700}.page__subtitle{margin-top:var(--space-1);color:var(--text-secondary)}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:2.75rem;padding:var(--space-2)var(--space-5);white-space:nowrap;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:.875rem;font-weight:600;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 2px var(--bg-page),0 0 0 4px var(--color-brand);outline:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--primary{background:var(--interactive-bg);color:var(--interactive-text)}.btn--primary:hover:not(:disabled){background:var(--interactive-bg-hover)}.btn--secondary{background:var(--bg-muted);color:var(--text-primary)}.btn--secondary:hover:not(:disabled){background:var(--bg-hover)}.btn--outline{background:var(--bg-surface);border:2px solid var(--border-default);color:var(--text-primary)}.btn--outline:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn--danger{background:var(--color-error);color:#fff}.btn--danger:hover:not(:disabled){background:#dc2626}.btn--success{background:var(--color-success);color:#fff}.btn--success:hover:not(:disabled){background:#059669}.btn--warning{background:var(--color-warning);color:#fff}.btn--warning:hover:not(:disabled){background:#d97706}.btn--link{color:var(--color-brand);background:0 0;text-decoration:none}.btn--link:hover:not(:disabled){text-decoration:underline}.btn--sm{padding:var(--space-2)var(--space-3);font-size:.8125rem}.btn--lg{padding:var(--space-4)var(--space-6);font-size:1rem}.btn--icon{width:2.5rem;height:2.5rem;padding:0}.btn--icon-sm{width:2rem;height:2rem;padding:0}.btn--icon-lg{width:3rem;height:3rem;padding:0}.btn--xl{padding:var(--space-4)var(--space-8);border-radius:var(--radius-xl);font-size:1.125rem}.btn--full{width:100%}.btn--glow{box-shadow:0 0 20px #3b82f666}.btn--glow:hover{box-shadow:0 0 30px #3b82f680}.btn__spinner{width:1rem;height:1rem;margin-right:var(--space-2);flex-shrink:0;animation:.6s linear infinite spin}.btn__spinner-track{opacity:.25}.btn__spinner-fill{opacity:.75}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);transition:background-color var(--transition-base),border-color var(--transition-base);overflow:hidden}.card--elevated{background:var(--bg-elevated);box-shadow:var(--shadow-md)}.card--interactive{cursor:pointer}.card--interactive:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg)}.card__header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--border-muted)}.card__title{color:var(--text-primary);font-size:1rem;font-weight:600}.card__subtitle{margin-top:var(--space-1);color:var(--text-secondary);font-size:.875rem}.card__body{padding:var(--space-5)}.card__footer{padding:var(--space-4)var(--space-5);border-top:1px solid var(--border-muted);background:var(--bg-muted)}.dashboard-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);overflow:hidden}.dashboard-card__header{padding:var(--space-5)var(--space-6)var(--space-2);justify-content:space-between;align-items:center;display:flex}.dashboard-card__title{color:var(--text-primary);font-size:1rem;font-weight:600}.dashboard-card__description{color:var(--text-secondary);margin-top:var(--space-1);font-size:.875rem}.dashboard-card__content{padding:var(--space-4)var(--space-6)var(--space-6)}.dashboard-card__footer{padding:var(--space-4)var(--space-6);border-top:1px solid var(--border-muted);background:var(--bg-muted);align-items:center;display:flex}.form-group{margin-bottom:0}.form-label{margin-bottom:var(--space-2);color:var(--text-primary);font-size:.875rem;font-weight:500;display:block}.form-input{width:100%;height:3rem;padding:var(--space-3)var(--space-4);background:var(--bg-muted);border:2px solid var(--border-default);border-radius:var(--radius-xl);color:var(--text-primary);transition:all var(--transition-fast);font-size:1rem;display:flex}.form-input::placeholder{color:var(--text-muted)}.form-input:hover{background:var(--bg-surface);border-color:var(--border-strong)}.form-input:focus{background:var(--bg-surface);border-color:var(--color-brand);box-shadow:0 0 0 4px var(--interactive-muted);outline:none}.form-input:disabled{cursor:not-allowed;opacity:.5}.form-input--error{border-color:var(--color-error)}.form-input--error:focus{box-shadow:0 0 0 4px var(--color-error-bg)}.form-error{margin-top:var(--space-2);color:var(--color-error);font-size:.8125rem}.form-hint{margin-top:var(--space-2);color:var(--text-muted);font-size:.8125rem}.form-label__required{color:var(--color-error);margin-left:.125rem;font-weight:600}.form-textarea{resize:vertical;min-height:100px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3)center;padding-right:var(--space-10)}.form-checkbox{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.form-checkbox__input{width:1.125rem;height:1.125rem;accent-color:var(--color-brand)}.form-checkbox__label{color:var(--text-primary);font-size:.875rem}.modal-overlay{z-index:50;padding:var(--space-4);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{z-index:10;background:var(--bg-surface);border-radius:var(--radius-xl);width:100%;max-width:32rem;box-shadow:var(--shadow-xl);margin:0 1rem;position:relative;overflow:hidden}.modal__header{padding:var(--space-5)var(--space-6);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;display:flex}.modal__title{color:var(--text-primary);font-size:1.125rem;font-weight:600}.modal__close{border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal__body{padding:var(--space-6)}.modal__footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4)var(--space-5);border-top:1px solid var(--border-default);background:var(--bg-muted);display:flex}.modal__description{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}.modal__close-btn{color:var(--text-muted)}.modal__close-btn:hover{color:var(--text-primary)}.modal__message{color:var(--text-secondary);margin-bottom:1.5rem}.modal__actions{justify-content:flex-end;gap:var(--space-3);border-top:1px solid var(--border-default);margin-top:1.5rem;padding-top:1rem;display:flex}.dropdown{position:relative}.dropdown__panel{margin-top:var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);min-width:14rem;box-shadow:var(--shadow-xl);z-index:50;position:absolute;top:100%;overflow:hidden}.dropdown__panel--left{left:0}.dropdown__panel--right{right:0}.dropdown__content{padding:var(--space-2)0}.dropdown__item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3)var(--space-4);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);text-align:left;background:0 0;border:none;font-size:.9375rem;font-weight:500;display:flex}.dropdown__item:hover{background:var(--bg-hover)}.dropdown__item--destructive{color:var(--color-error)}.dropdown__item--destructive:hover{background:var(--color-error-bg)}.dropdown__item--disabled{opacity:.5;cursor:not-allowed}.dropdown__item-icon{color:var(--text-muted);justify-content:center;align-items:center;display:flex}.dropdown__item--destructive .dropdown__item-icon{color:var(--color-error)}.dropdown__divider{background:var(--border-default);height:1px;margin:var(--space-2)0}.badge{padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.badge--default{background:var(--bg-muted);color:var(--text-secondary)}.badge--primary{background:var(--interactive-muted);color:var(--color-brand)}.badge--success{background:var(--color-success-bg);color:var(--color-success)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge--error{background:var(--color-error-bg);color:var(--color-error)}.points-badge{padding:var(--space-1)var(--space-2);white-space:nowrap;font-size:.75rem;font-weight:600}.avatar{border-radius:var(--radius-full);color:#fff;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.avatar--sm{width:2rem;height:2rem;font-size:.75rem}.avatar--md{width:2.5rem;height:2.5rem;font-size:.875rem}.avatar--lg{width:3rem;height:3rem;font-size:1rem}.avatar__image{object-fit:cover;width:100%;height:100%}.tabs{flex-direction:column;display:flex}.tabs__list{gap:var(--space-1);padding:var(--space-1);background:var(--bg-muted);border-radius:var(--radius-lg);display:flex}.tabs__trigger{padding:var(--space-2)var(--space-4);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;font-size:.875rem;font-weight:500}.tabs__trigger:hover{color:var(--text-primary)}.tabs__trigger--active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.tabs__content{padding-top:var(--space-4)}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:300px;max-width:400px;display:flex}.toast--success{background:var(--color-success-bg);border-color:var(--color-success)}.toast--error{background:var(--color-error-bg);border-color:var(--color-error)}.toast--warning{background:var(--color-warning-bg);border-color:var(--color-warning)}.toast--info{background:var(--interactive-muted);border-color:var(--color-brand)}.toast__icon{flex-shrink:0;width:1.25rem;height:1.25rem}.toast__icon--success{color:var(--color-success)}.toast__icon--error{color:var(--color-error)}.toast__icon--warning{color:var(--color-warning)}.toast__icon--info{color:var(--color-brand)}.toast__content{flex:1}.toast__title{color:var(--text-primary);font-weight:600}.toast__message{margin-top:var(--space-1);color:var(--text-secondary);font-size:.875rem}.toast__close{padding:var(--space-1);color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0}.toast__close:hover{background:var(--bg-hover);color:var(--text-primary)}.toast-container{bottom:var(--space-4);right:var(--space-4);z-index:50;gap:var(--space-2);flex-direction:column;display:flex;position:fixed}@media (max-width:1023px){.toast-container{bottom:calc(var(--mobile-nav-height) + var(--space-4) + env(safe-area-inset-bottom,0px));right:var(--space-3);left:var(--space-3)}.toast{max-width:none}}.spinner{border:2px solid var(--border-default);border-top-color:var(--color-brand);border-radius:50%;width:1.5rem;height:1.5rem;animation:.6s linear infinite spin}.spinner--sm{width:1rem;height:1rem}.spinner--lg{border-width:3px;width:2rem;height:2rem}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{padding:var(--space-12);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{width:4rem;height:4rem;color:var(--text-muted);margin-bottom:var(--space-4)}.empty-state__title{color:var(--text-primary);font-size:1.125rem;font-weight:600}.empty-state__text{margin-top:var(--space-2);color:var(--text-secondary);max-width:24rem}.theme-toggle{align-items:center;gap:var(--space-2);padding:var(--space-1);background:var(--bg-muted);border-radius:var(--radius-full);cursor:pointer;display:flex;position:relative}.theme-toggle__track{background:var(--bg-active);border-radius:var(--radius-full);width:3.5rem;height:2rem;transition:background var(--transition-base);position:relative}.theme-toggle__thumb{background:var(--bg-surface);border-radius:var(--radius-full);width:1.5rem;height:1.5rem;box-shadow:var(--shadow-sm);transition:transform var(--transition-base);justify-content:center;align-items:center;display:flex;position:absolute;top:.25rem;left:.25rem}.theme-toggle--dark .theme-toggle__thumb{transform:translate(1.5rem)}.theme-toggle__icon{width:1rem;height:1rem;color:var(--text-secondary)}.theme-switch{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex;position:relative}.theme-switch__track{background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-full);width:3.5rem;height:2rem;transition:all var(--transition-base);position:relative}.theme-switch:hover .theme-switch__track{border-color:var(--border-strong)}.theme-switch--dark .theme-switch__track{background:var(--bg-active)}.theme-switch__thumb{background:var(--bg-surface);border-radius:var(--radius-full);width:1.5rem;height:1.5rem;box-shadow:var(--shadow-sm);z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;top:.1875rem;left:.1875rem}.theme-switch__icon{width:.875rem;height:.875rem;color:var(--color-warning)}.theme-switch--dark .theme-switch__icon{color:var(--color-brand-light)}.theme-switch__icons{justify-content:space-between;align-items:center;padding:0 .375rem;display:flex;position:absolute;inset:0}.theme-switch__bg-icon{width:.75rem;height:.75rem;color:var(--text-muted);transition:opacity var(--transition-fast)}.theme-switch__bg-icon--hidden{opacity:0}.header__icon-button{border-radius:var(--radius-xl);background:var(--bg-muted);border:1px solid var(--border-default);width:2.75rem;height:2.75rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.header__icon-button:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.header__icon-button svg{width:1.25rem;height:1.25rem}.header__notification-badge{background:var(--color-error);color:#fff;border-radius:var(--radius-full);border:2px solid var(--bg-surface);justify-content:center;align-items:center;min-width:1.125rem;height:1.125rem;padding:0 .25rem;font-size:.625rem;font-weight:700;display:flex;position:absolute;top:.125rem;right:.125rem}.header__avatar-button{background:var(--bg-muted);border:2px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:0;display:flex}.header__avatar-button>div{width:100%;height:100%}.header__avatar-button:hover{background:var(--bg-hover);border-color:var(--border-strong)}.header__avatar-button:focus-visible{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--interactive-muted);outline:none}.header__user-info{padding:var(--space-4);background:var(--bg-muted);border-bottom:1px solid var(--border-default);margin-bottom:var(--space-2)}.header__user-name{color:var(--text-primary);margin:0;font-size:.9375rem;font-weight:600}.header__user-email{color:var(--text-muted);margin:var(--space-1)0 0;font-size:.8125rem}.notification-dropdown{right:0;top:calc(100% + var(--space-2));background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:24rem;max-height:28rem;box-shadow:var(--shadow-xl);z-index:50;position:absolute;overflow:hidden}.notification-dropdown__header{padding:var(--space-4);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;display:flex}.notification-dropdown__title{color:var(--text-primary);font-size:1rem;font-weight:600}.notification-dropdown__close{border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.notification-dropdown__close:hover{background:var(--bg-hover);color:var(--text-primary)}.notification-dropdown__actions{align-items:center;gap:var(--space-1);display:flex}.notification-dropdown__mark-read{border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--color-success);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.notification-dropdown__mark-read:hover{background:var(--color-success-soft)}.notification-dropdown__list{max-height:20rem;overflow-y:auto}.notification-dropdown__empty{padding:var(--space-8)var(--space-4);text-align:center;color:var(--text-muted)}.notification-dropdown__footer{padding:var(--space-3)var(--space-4);border-top:1px solid var(--border-default);text-align:center}.notification-dropdown__footer a{color:var(--color-brand);font-size:.875rem;font-weight:500;text-decoration:none}.notification-dropdown__footer a:hover{text-decoration:underline}.notification-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);text-align:left;border:none;border-bottom:1px solid var(--border-muted);cursor:pointer;width:100%;transition:background var(--transition-fast);background:0 0;display:flex}.notification-item:hover{background:var(--bg-hover)}.notification-item:last-child{border-bottom:none}.notification-item--unread{background:var(--interactive-muted)}.notification-item__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.notification-item__icon--event{background:var(--color-info-bg);color:var(--color-info)}.notification-item__icon--task{background:var(--color-success-bg);color:var(--color-success)}.notification-item__icon--reward{background:var(--color-warning-bg);color:var(--color-warning)}.notification-item__title{color:var(--text-primary);font-weight:600}.notification-item__message{color:var(--text-secondary);margin-top:var(--space-1);font-size:.875rem}.notification-item__time{color:var(--text-muted);margin-top:var(--space-1);font-size:.75rem}.notification-item__indicator{background:var(--color-brand);border-radius:var(--radius-full);width:.5rem;height:.5rem;margin-top:var(--space-2);flex-shrink:0}.tabs-list{align-items:center;gap:var(--space-1);background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-xl);margin-bottom:1rem;padding:.375rem;display:inline-flex}.tabs-trigger{white-space:nowrap;padding:.625rem var(--space-4);min-height:2.5rem;color:var(--text-muted);border-radius:var(--radius-lg);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:inline-flex;position:relative}.tabs-trigger:hover:not(.tabs-trigger--active){color:var(--text-secondary);background:var(--bg-hover)}.tabs-trigger:focus-visible{box-shadow:0 0 0 2px var(--color-brand);outline:none}.tabs-trigger:disabled{pointer-events:none;opacity:.5}.tabs-trigger--active{color:var(--text-primary)}.tabs-trigger__indicator{background:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);position:absolute;inset:0}.tabs-trigger__label{z-index:1;position:relative}.form-label{color:var(--text-secondary);margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.color-picker-swatch{border-radius:var(--radius-full);cursor:pointer;width:2rem;height:2rem;transition:transform var(--transition-fast);border:none}.color-picker-swatch:hover{transform:scale(1.1)}.color-picker-swatch--active{box-shadow:0 0 0 2px var(--bg-surface),0 0 0 4px var(--border-strong);transform:scale(1.1)}.color-picker-swatch--sm{width:1.5rem;height:1.5rem}.attendee-checkbox{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);display:flex}.attendee-checkbox:hover{background:var(--bg-hover);border-color:var(--border-strong)}.attendee-checkbox__input{border-radius:var(--radius-sm);border:1px solid var(--border-strong);width:1rem;height:1rem;accent-color:var(--color-brand)}.attendee-checkbox__label{color:var(--text-primary);font-size:.875rem}.select-wrapper{width:100%}.select-label{margin-bottom:var(--space-2);color:var(--text-secondary);font-size:.875rem;font-weight:500;display:block}.select-container{position:relative}.select-field{width:100%;height:2.5rem;padding:0 2.5rem 0 var(--space-3);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);appearance:none;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);font-size:.875rem;display:flex}.select-field:hover{border-color:var(--border-strong)}.select-field:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--interactive-muted);outline:none}.select-field:disabled{opacity:.5;cursor:not-allowed}.select-field--error{border-color:var(--color-error)}.select-field--error:focus{box-shadow:0 0 0 3px var(--color-error-bg)}.select-field option{color:var(--text-primary);background:var(--bg-surface)}.select-icon{right:var(--space-3);width:1rem;height:1rem;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.select-error{margin-top:var(--space-1);color:var(--color-error);font-size:.8125rem}.skeleton{background:linear-gradient(90deg,var(--bg-muted)0%,var(--bg-hover)50%,var(--bg-muted)100%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}.skeleton--text{border-radius:var(--radius-sm);height:1rem}.skeleton--circular{border-radius:var(--radius-full);flex-shrink:0}.skeleton--rectangular{border-radius:var(--radius-lg);width:100%}.skeleton__group{gap:var(--space-2);flex-direction:column;display:flex}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{background:var(--bg-muted);animation:2s ease-in-out infinite skeleton-pulse}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skeleton-card{border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--bg-surface);overflow:hidden}.skeleton-card__row{align-items:center;gap:var(--space-3);display:flex}.skeleton-card__row--meta{gap:var(--space-2)}.skeleton-card__header{padding:var(--space-5)var(--space-6)var(--space-2)}.skeleton-card__body{padding:var(--space-4)var(--space-6)var(--space-6)}.skeleton-card__content{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.skeleton-card--task{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.skeleton-card--dashboard{border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm)}.skeleton-card--notification{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:none;border-bottom:1px solid var(--border-muted);background:0 0;border-radius:0;display:flex}.skeleton-card--reward{padding:var(--space-6);align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.skeleton-card--recipe{overflow:hidden}.skeleton-card--recipe-img{border-radius:0}.skeleton-card--stat{align-items:center;gap:var(--space-2);background:0 0;border:none;border-radius:0;display:flex}.skeleton-layout--task-board{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.skeleton-layout__column{gap:var(--space-4);flex-direction:column;display:flex}.skeleton-layout__cards,.skeleton-layout--task-list{gap:var(--space-3);flex-direction:column;display:flex}.skeleton-layout--dashboard{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.skeleton-layout--rewards{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.skeleton-layout--recipes{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}@media (max-width:768px){.skeleton-layout--task-board,.skeleton-layout--dashboard{grid-template-columns:1fr}.skeleton-layout--rewards{grid-template-columns:repeat(2,1fr)}.skeleton-layout--recipes{grid-template-columns:1fr}.skeleton-layout--grocery{max-width:100%}}.skeleton-layout--grocery{gap:var(--space-3);flex-direction:column;max-width:42rem;display:flex}.skeleton-card--grocery{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-default);display:flex}.more-panel__backdrop{z-index:45;background:#00000080;position:fixed;inset:0}.more-panel{background:var(--bg-elevated);border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);z-index:46;padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px));position:fixed;bottom:0;left:0;right:0;overflow:hidden}.more-panel__handle{padding:var(--space-3)0 var(--space-1);justify-content:center;display:flex}.more-panel__handle-bar{background:var(--border-strong);border-radius:var(--radius-full);width:2rem;height:.25rem}.more-panel__list{padding:var(--space-2)var(--space-4)}.more-panel__item{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4);min-height:3.5rem;color:var(--text-primary);border-radius:var(--radius-xl);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;font-size:1rem;font-weight:500;text-decoration:none;display:flex}.more-panel__item:hover{background:var(--bg-hover)}.more-panel__item--active{color:var(--color-brand);background:var(--interactive-muted)}.more-panel__item--destructive{color:var(--color-error)}.more-panel__item--destructive:hover{background:var(--color-error-bg)}.more-panel__item-icon{border-radius:var(--radius-lg);background:var(--bg-muted);flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.more-panel__item--active .more-panel__item-icon{background:var(--interactive-muted);color:var(--color-brand)}.more-panel__item--destructive .more-panel__item-icon{background:var(--color-error-bg);color:var(--color-error)}.more-panel__divider{background:var(--border-default);height:1px;margin:var(--space-2)var(--space-4)}.empty-state__cta{margin-top:var(--space-6)}.empty-state__description{margin-top:var(--space-2);color:var(--text-secondary);max-width:24rem;font-size:.875rem}.upgrade-banner{padding:var(--space-5);margin-bottom:var(--space-6);border-radius:var(--radius-xl);background:linear-gradient(135deg,#3b82f614,#8b5cf614);border:1px solid #3b82f626;position:relative}.upgrade-banner__dismiss{top:var(--space-3);right:var(--space-3);padding:var(--space-1);border-radius:var(--radius-full);color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;position:absolute}.upgrade-banner__dismiss:hover{color:var(--text-primary)}.upgrade-banner__content{align-items:flex-start;gap:var(--space-4);display:flex}.upgrade-banner__icon{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.upgrade-banner__body{min-width:0;padding-right:var(--space-6);flex:1}.upgrade-banner__title{color:var(--text-primary);font-size:.875rem;font-weight:600}.upgrade-banner__description{margin-top:.125rem;margin-bottom:var(--space-2);color:var(--text-secondary);font-size:.75rem}.upgrade-banner__cta{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-lg);background:var(--color-brand);color:#fff;transition:background var(--transition-fast);font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.upgrade-banner__cta:hover{background:var(--color-brand-dark)}.auth-page{background:linear-gradient(180deg,var(--bg-page)0%,var(--bg-muted)100%);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}[data-theme=dark] .auth-page{background:linear-gradient(#030303 0%,#0a0a0a 100%)}.auth-page__header{padding:var(--space-4)var(--space-6)}.auth-page__back,.auth-page__back-link{align-items:center;gap:var(--space-2);color:var(--text-secondary);transition:color var(--transition-fast);font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.auth-page__back:hover,.auth-page__back-link:hover{color:var(--text-primary)}.auth-page__back-icon{width:1.25rem;height:1.25rem}.auth-page__background{pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-page__orb{filter:blur(80px);opacity:.3;pointer-events:none;border-radius:50%;position:absolute}.auth-page__orb--1{background:var(--color-brand);width:400px;height:400px;top:10%;left:10%}.auth-page__orb--2{background:#8b5cf6;width:300px;height:300px;top:50%;right:10%}.auth-page__orb--3{background:#06b6d4;width:350px;height:350px;bottom:10%;left:30%}[data-theme=dark] .auth-page__orb{opacity:.15}.auth-page__container{z-index:10;position:relative}.auth-page__main{padding:var(--space-4);flex:1;justify-content:center;align-items:center;display:flex}.auth-page__footer{padding:var(--space-4);text-align:center;color:var(--text-muted);font-size:.875rem}.auth-card{width:100%;max-width:420px;padding:var(--space-8);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.auth-card__logo{width:3.5rem;height:3.5rem;margin:0 auto var(--space-6);background:linear-gradient(135deg,var(--color-brand),var(--color-brand-dark));border-radius:var(--radius-xl);color:#fff;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.auth-card__title{text-align:center;color:var(--text-primary);font-size:1.5rem;font-weight:700}.auth-card__subtitle{text-align:center;margin-top:var(--space-2);color:var(--text-secondary)}.auth-card__form{margin-top:var(--space-8)}.auth-card__divider{align-items:center;gap:var(--space-4);margin:var(--space-6)0;display:flex}.auth-card__divider-line{background:var(--border-default);flex:1;height:1px}.auth-card__divider-text{color:var(--text-muted);font-size:.875rem}.auth-card__footer{margin-top:var(--space-6);text-align:center;color:var(--text-secondary);font-size:.875rem}.auth-card__link{color:var(--color-brand);font-weight:500}.auth-card__link:hover{text-decoration:underline}.auth-form__header{text-align:center;margin-bottom:var(--space-8)}.auth-form__logo{width:4rem;height:4rem;margin:0 auto var(--space-6);background:linear-gradient(135deg,var(--color-brand),var(--color-brand-dark));border-radius:var(--radius-2xl);color:#fff;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex;box-shadow:0 10px 25px -5px #3b82f666}.auth-form__title{color:var(--text-primary);letter-spacing:-.025em;font-size:1.75rem;font-weight:700}.auth-form__subtitle{margin-top:var(--space-2);color:var(--text-secondary)}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.auth-form__error{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-xl);color:var(--color-error);font-size:.875rem;display:flex}.auth-form__options{justify-content:space-between;align-items:center;display:flex}.auth-form__remember{align-items:center;gap:var(--space-2);color:var(--text-secondary);cursor:pointer;font-size:.875rem;display:flex}.auth-form__checkbox{width:1rem;height:1rem;accent-color:var(--color-brand)}.auth-form__link{color:var(--color-brand);font-size:.875rem;font-weight:500;text-decoration:none}.auth-form__link:hover{text-decoration:underline}.auth-form__submit{border-radius:var(--radius-xl);width:100%;height:3.25rem;font-size:1rem;font-weight:600}.auth-form__divider{align-items:center;gap:var(--space-4);margin:var(--space-8)0;display:flex}.auth-form__divider-line{background:var(--border-default);flex:1;height:1px}.auth-form__divider-text{color:var(--text-muted);font-size:.875rem}.auth-form__social{border-radius:var(--radius-xl);width:100%;height:3rem;font-size:1rem;font-weight:500}.auth-form__footer{margin-top:var(--space-8);text-align:center;color:var(--text-secondary);font-size:.875rem}.auth-form__terms{margin-top:var(--space-6);text-align:center;color:var(--text-muted);font-size:.75rem;line-height:1.6}.auth-form__terms a{color:var(--text-secondary);text-underline-offset:2px;text-decoration:underline}.auth-form__terms a:hover{color:var(--text-primary)}.settings-page{max-width:48rem;padding:var(--space-6)}.settings-page__header{margin-bottom:var(--space-8)}.settings-page__title{color:var(--text-primary);font-size:1.5rem;font-weight:700}.settings-section{padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.settings-section__header{margin-bottom:var(--space-4)}.settings-section__title{color:var(--text-primary);font-size:1.125rem;font-weight:600}.settings-section__description{margin-top:var(--space-1);color:var(--text-secondary);font-size:.875rem}.settings-row{padding:var(--space-4)0;border-bottom:1px solid var(--border-muted);justify-content:space-between;align-items:center;display:flex}.settings-row:last-child{border-bottom:none;padding-bottom:0}.settings-row:first-child{padding-top:0}.settings-row__label{color:var(--text-primary);font-weight:500}.settings-row__description{margin-top:var(--space-1);color:var(--text-muted);font-size:.8125rem}.theme-options{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.theme-option{background:var(--bg-muted);border:2px solid var(--border-default);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;padding:0;display:flex;overflow:hidden}.theme-option:hover{border-color:var(--border-strong)}.theme-option--selected{border-color:var(--color-brand)}.theme-option__preview{padding:var(--space-3);background:var(--bg-surface);border-bottom:1px solid var(--border-default)}.theme-option__info{padding:var(--space-3)}.theme-option__label{align-items:center;gap:var(--space-2);color:var(--text-primary);font-weight:600;display:flex}.theme-option__description{margin-top:var(--space-1);color:var(--text-muted);font-size:.8125rem}.settings-user{align-items:center;gap:var(--space-5);padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);margin-bottom:var(--space-6);display:flex}.settings-user__info{flex:1;min-width:0}.settings-user__name{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.settings-user__email{color:var(--text-muted);margin:var(--space-1)0 0;font-size:.9375rem}.settings-menu{gap:var(--space-2);margin-bottom:var(--space-6);flex-direction:column;display:flex}.settings-menu__item{align-items:center;gap:var(--space-4);padding:var(--space-4)var(--space-5);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);transition:all var(--transition-fast);text-decoration:none;display:flex}.settings-menu__item:hover{background:var(--bg-hover);border-color:var(--border-strong)}.settings-menu__icon{background:var(--interactive-muted);width:2.5rem;height:2.5rem;color:var(--color-brand);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-menu__content{flex:1;min-width:0}.settings-menu__title{color:var(--text-primary);margin:0;font-weight:600}.settings-menu__description{color:var(--text-muted);margin:var(--space-1)0 0;font-size:.8125rem}.settings-menu__arrow{color:var(--text-muted);flex-shrink:0}.settings-demo{margin-bottom:var(--space-4)}.settings-demo__button{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4)var(--space-5);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);display:flex}.settings-demo__button:hover:not(:disabled){background:var(--color-warning-bg);border-color:var(--color-warning)}.settings-demo__button:disabled{opacity:.6;cursor:not-allowed}.settings-demo__icon{background:var(--color-warning-bg);width:2.5rem;height:2.5rem;color:var(--color-warning);border-radius:var(--radius-lg);justify-content:center;align-items:center;display:flex}.settings-demo__content{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.settings-demo__text{color:var(--text-primary);font-weight:600}.settings-demo__description{color:var(--text-muted);font-size:.8125rem}.settings-signout{margin-bottom:var(--space-6)}.settings-signout__button{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4)var(--space-5);background:var(--color-error-bg);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;display:flex}.settings-signout__button:hover{border-color:var(--color-error);background:#ef444426}.settings-signout__icon{width:2.5rem;height:2.5rem;color:var(--color-error);border-radius:var(--radius-lg);background:#ef444426;justify-content:center;align-items:center;display:flex}.settings-signout__text{color:var(--color-error);font-weight:600}.settings-footer{text-align:center;padding:var(--space-4)0}.settings-footer__version{color:var(--text-muted);margin:0 0 var(--space-2);font-size:.8125rem}.settings-footer__links{color:var(--text-muted);margin:0;font-size:.8125rem}.settings-footer__link{color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}.settings-footer__link:hover{color:var(--color-brand)}.settings-back{align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);color:var(--text-muted);transition:color var(--transition-fast);font-size:.875rem;text-decoration:none;display:inline-flex}.settings-back:hover{color:var(--color-brand)}.appearance-section{background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-default);padding:var(--space-6);margin-bottom:var(--space-6)}.appearance-section__header{margin-bottom:var(--space-6)}.appearance-section__title{color:var(--text-primary);margin:0 0 var(--space-2);font-size:1.125rem;font-weight:600}.appearance-section__description{color:var(--text-secondary);margin:0;font-size:.9375rem}.theme-preview{border-radius:var(--radius-lg);background:#f9fafb;border:1px solid #e5e7eb;height:80px;position:relative;overflow:hidden}[data-preview-theme=dark] .theme-preview{background:#111827;border-color:#374151}.theme-preview__header{background:#fff;border-bottom:1px solid #e5e7eb;height:12px;position:absolute;top:0;left:0;right:0}[data-preview-theme=dark] .theme-preview__header{background:#1f2937;border-color:#374151}.theme-preview__sidebar{background:#f3f4f6;border-right:1px solid #e5e7eb;width:20px;position:absolute;top:12px;bottom:0;left:0}[data-preview-theme=dark] .theme-preview__sidebar{background:#1f2937;border-color:#374151}.theme-preview__content{flex-direction:column;gap:4px;display:flex;position:absolute;inset:20px 8px 8px 28px}.theme-preview__card{background:#fff;border:1px solid #e5e7eb;border-radius:4px;flex:1}[data-preview-theme=dark] .theme-preview__card{background:#374151;border-color:#4b5563}.theme-option__check{background:var(--color-brand);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;width:1.25rem;height:1.25rem;margin-left:auto;display:flex}.appearance-info{align-items:center;gap:var(--space-4);padding:var(--space-4)var(--space-5);background:var(--interactive-muted);border-radius:var(--radius-xl);border:1px solid var(--color-brand);display:flex}.appearance-info__icon{background:var(--color-brand);color:#fff;border-radius:var(--radius-lg);justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.appearance-info__text{flex:1}.appearance-info__label{color:var(--color-brand);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.75rem;font-weight:600}.appearance-info__value{color:var(--text-primary);margin:0;font-size:.9375rem;font-weight:500}.profile-picture{align-items:center;gap:var(--space-6);display:flex}.profile-picture__button{align-items:center;gap:var(--space-2);display:inline-flex}.settings-form{gap:var(--space-5);flex-direction:column;display:flex}.settings-form__field{gap:var(--space-2);flex-direction:column;display:flex}.settings-form__label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.settings-form__input{padding:var(--space-3)var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);font-size:1rem}.settings-form__input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--interactive-muted);outline:none}.settings-form__input:disabled{background:var(--bg-muted);color:var(--text-muted);cursor:not-allowed}.settings-form__hint{color:var(--text-muted);margin:0;font-size:.8125rem}.settings-form__actions{padding-top:var(--space-4);border-top:1px solid var(--border-default);margin-top:var(--space-2);justify-content:flex-end;display:flex}.settings-form__row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (max-width:639px){.settings-form__row{grid-template-columns:1fr}}.settings-form__select{padding:var(--space-3)var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer;font-size:1rem}.settings-form__select:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--interactive-muted);outline:none}.settings-form__toggle-field{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-muted);border-radius:var(--radius-lg);display:flex}.settings-form__toggle-info{flex:1}.settings-toggle{border-radius:var(--radius-full);background:var(--border-default);cursor:pointer;width:3rem;height:1.75rem;transition:background var(--transition-fast);border:none;position:relative}.settings-toggle--active{background:var(--color-brand)}.settings-toggle__thumb{border-radius:var(--radius-full);width:1.5rem;height:1.5rem;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);background:#fff;position:absolute;top:2px;left:2px}.settings-toggle--active .settings-toggle__thumb{transform:translate(1.25rem)}.settings-actions{justify-content:flex-end;display:flex}.notification-legend{justify-content:flex-end;gap:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-default);margin-bottom:var(--space-4);display:flex}.notification-legend__item{align-items:center;gap:var(--space-2);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500;display:flex}.notification-list{gap:var(--space-3);flex-direction:column;display:flex}.notification-item{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-muted);border-radius:var(--radius-lg);display:flex}.notification-item__icon{background:var(--interactive-muted);width:2.5rem;height:2.5rem;color:var(--color-brand);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.notification-item__content{flex:1;min-width:0}.notification-item__label{color:var(--text-primary);margin:0;font-weight:500}.notification-item__description{color:var(--text-muted);margin:var(--space-1)0 0;font-size:.8125rem}.notification-item__toggles{gap:var(--space-2);display:flex}.notification-toggle{border:2px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);width:2.5rem;height:2.5rem;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.notification-toggle:hover{border-color:var(--border-strong);color:var(--text-secondary)}.notification-toggle--active{border-color:var(--color-brand);background:var(--interactive-muted);color:var(--color-brand)}.notification-toggle--active:hover{border-color:var(--color-brand-dark);background:#3b82f633}.connected-list{gap:var(--space-3);flex-direction:column;display:flex}.connected-item{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-muted);border-radius:var(--radius-lg);display:flex}.connected-item__icon{border-radius:var(--radius-lg);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.connected-item__content{flex:1;min-width:0}.connected-item__name{color:var(--text-primary);margin:0;font-weight:600}.connected-item__meta{color:var(--text-secondary);margin:var(--space-1)0 0;font-size:.875rem}.connected-item__sync{color:var(--text-muted);margin:var(--space-1)0 0;font-size:.75rem}.connected-item__actions{gap:var(--space-1);display:flex}.connected-empty{padding:var(--space-12)var(--space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.connected-empty svg{color:var(--border-default)}.connected-empty__title{color:var(--text-primary);margin:var(--space-4)0 var(--space-2);font-weight:600}.connected-empty__description{color:var(--text-muted);margin:0;font-size:.875rem}.provider-list{gap:var(--space-3);flex-direction:column;display:flex}.provider-item{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-muted);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;border:2px solid #0000;width:100%;display:flex}.provider-item:hover{border-color:var(--color-brand);background:var(--interactive-muted)}.provider-item__icon{border-radius:var(--radius-lg);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.provider-item__content{flex:1;min-width:0}.provider-item__name{color:var(--text-primary);margin:0;font-weight:600}.provider-item__description{color:var(--text-muted);margin:var(--space-1)0 0;font-size:.875rem}.provider-item__action{border-radius:var(--radius-lg);background:var(--interactive-muted);width:2.5rem;height:2.5rem;color:var(--color-brand);justify-content:center;align-items:center;display:flex}.upgrade-notice{align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--interactive-muted);border-radius:var(--radius-xl);border:1px solid var(--color-brand);display:flex}.upgrade-notice__icon{background:var(--color-brand);color:#fff;border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.upgrade-notice__content{flex:1}.upgrade-notice__title{color:var(--text-primary);margin:0;font-weight:600}.upgrade-notice__description{color:var(--text-secondary);margin:var(--space-1)0 0;font-size:.875rem}.settings-section--danger{border-color:var(--color-error)}.settings-section--danger .settings-section__title{color:var(--color-error)}.settings-section__header-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.two-factor{gap:var(--space-4);flex-direction:column;align-items:flex-start;display:flex}.two-factor__status{align-items:center;display:flex}.two-factor__badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;display:inline-flex}.two-factor__badge--enabled{background:var(--color-success-bg);color:var(--color-success)}.two-factor__badge--disabled{background:var(--color-warning-bg);color:var(--color-warning)}.two-factor__description{color:var(--text-secondary);margin:0;font-size:.9375rem}.sessions-list{gap:var(--space-3);flex-direction:column;display:flex}.session-item{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-muted);border-radius:var(--radius-lg);display:flex}.session-item__icon{background:var(--bg-surface);width:2.5rem;height:2.5rem;color:var(--text-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-default);flex-shrink:0;justify-content:center;align-items:center;display:flex}.session-item__content{flex:1;min-width:0}.session-item__header{align-items:center;gap:var(--space-2);display:flex}.session-item__device{align-items:center;gap:var(--space-2);color:var(--text-primary);margin:0;font-weight:600;display:flex}.session-item__current{padding:var(--space-1)var(--space-2);background:var(--interactive-muted);color:var(--color-brand);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.session-item__meta{color:var(--text-secondary);margin:var(--space-1)0 0;font-size:.875rem}.session-item__time{color:var(--text-muted);margin:var(--space-1)0 0;font-size:.75rem}.danger-actions{gap:var(--space-4);flex-direction:column;display:flex}.danger-action{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-error-bg);border-radius:var(--radius-lg);display:flex}.danger-action__content{flex:1}.danger-action__title{color:var(--color-error);margin:0;font-weight:600}.danger-action__description{color:var(--text-secondary);margin:var(--space-1)0 0;font-size:.875rem}.danger-action__button{border-color:var(--color-error);color:var(--color-error)}.danger-action__button:hover{background:var(--color-error);color:#fff}.animate-spin{animation:1s linear infinite spin}.dashboard-page{padding:var(--space-6)}@media (min-width:768px){.dashboard-page{padding:var(--space-8)}}.dashboard-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:768px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}.dashboard-widget{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden}.dashboard-widget__header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--border-muted);justify-content:space-between;align-items:center;display:flex}.dashboard-widget__title{color:var(--text-primary);font-size:.9375rem;font-weight:600}.dashboard-widget__body{padding:var(--space-5)}.welcome-banner{padding:var(--space-8);background:linear-gradient(135deg,var(--color-brand),var(--color-brand-dark));border-radius:var(--radius-2xl);color:#fff;margin-bottom:var(--space-6);position:relative;overflow:hidden}.welcome-banner__decoration{background:#ffffff1a;border-radius:50%;position:absolute}.welcome-banner__decoration--1{width:300px;height:300px;top:-150px;right:-50px}.welcome-banner__decoration--2{width:200px;height:200px;bottom:-100px;left:10%}.welcome-banner__decoration--3{width:100px;height:100px;top:50%;right:30%}.welcome-banner__content{z-index:1;position:relative}.welcome-banner__title{margin:0;font-size:1.75rem;font-weight:700}@media (min-width:768px){.welcome-banner__title{font-size:2rem}}.welcome-banner__subtitle{margin-top:var(--space-2);opacity:.9}.welcome-banner__stats{gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.welcome-banner__stat{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border-radius:var(--radius-lg);background:#ffffff26;font-size:.875rem;font-weight:500;display:flex}.welcome-banner__stat-icon{opacity:.9;width:1.125rem;height:1.125rem}.dashboard-list-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);transition:background var(--transition-fast);display:flex}.dashboard-list-item:hover{background:var(--bg-hover)}.dashboard-list-item__indicator{border-radius:var(--radius-full);flex-shrink:0;width:.25rem;height:2.5rem}.dashboard-list-item__content{flex:1;min-width:0}.dashboard-list-item__title{color:var(--text-primary);margin:0;font-weight:500}.dashboard-list-item__subtitle{color:var(--text-muted);margin:0;font-size:.8125rem}.dashboard-action-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3);margin-top:var(--space-4);background:var(--bg-muted);border:1px dashed var(--border-default);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:500;display:flex}.dashboard-action-btn:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.dashboard-action-btn--meals{background:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning);border-style:solid}.dashboard-action-btn--meals:hover{background:#f59e0b33}.dashboard-task-list{gap:var(--space-2);flex-direction:column;display:flex}.dashboard-task-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;display:flex}.dashboard-task-item:hover{background:var(--bg-hover)}.dashboard-task-item__checkbox{border:2px solid var(--border-default);border-radius:var(--radius-full);width:1.5rem;height:1.5rem;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dashboard-task-item:hover .dashboard-task-item__checkbox{border-color:var(--color-success);background:var(--color-success-bg)}.dashboard-task-item__checkbox-icon{color:#0000;width:.875rem;height:.875rem;transition:color var(--transition-fast)}.dashboard-task-item:hover .dashboard-task-item__checkbox-icon{color:var(--color-success)}.dashboard-task-item__content{flex:1;min-width:0}.dashboard-task-item__title{color:var(--text-primary);margin:0;font-weight:500}.dashboard-task-item__subtitle{color:var(--text-muted);margin:0;font-size:.8125rem}.meal-list{gap:var(--space-3);flex-direction:column;display:flex}.meal-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);transition:background var(--transition-fast);display:flex}.meal-item:hover{background:var(--bg-hover)}.meal-item__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;display:flex}.meal-item--breakfast .meal-item__icon{background:#fbbf2426}.meal-item--lunch .meal-item__icon{background:#3b82f626}.meal-item--dinner .meal-item__icon{background:#8b5cf626}.meal-item__content{flex:1;min-width:0}.meal-item__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.75rem;font-weight:600}.meal-item__name{color:var(--text-primary);margin:0;font-weight:500}.stats-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.stat-card{padding:var(--space-5);border-radius:var(--radius-xl);text-align:center;position:relative;overflow:hidden}.stat-card__decoration{opacity:.2;border-radius:50%;width:80px;height:80px;position:absolute;top:-20px;right:-20px}.stat-card--blue{background:var(--interactive-muted)}.stat-card--blue .stat-card__decoration{background:var(--color-brand)}.stat-card--blue .stat-card__value{color:var(--color-brand)}.stat-card--emerald{background:var(--color-success-bg)}.stat-card--emerald .stat-card__decoration{background:var(--color-success)}.stat-card--emerald .stat-card__value{color:var(--color-success)}.stat-card--amber{background:var(--color-warning-bg)}.stat-card--amber .stat-card__decoration{background:var(--color-warning)}.stat-card--amber .stat-card__value{color:var(--color-warning)}.stat-card__value{margin:0;font-size:2rem;font-weight:700;line-height:1}.stat-card__label{margin-top:var(--space-2);color:var(--text-secondary);font-size:.8125rem}.dashboard-grid__full{grid-column:1/-1}.dashboard-empty-message{text-align:center;padding:var(--space-8);color:var(--text-muted)}.tasks-page{padding:var(--space-6)}.tasks-page__header{gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;display:flex}@media (min-width:768px){.tasks-page__header{flex-direction:row;justify-content:space-between;align-items:center}}.tasks-page__search{gap:var(--space-3);flex-wrap:wrap;flex:1;display:flex}.tasks-page__search-input{flex:1;min-width:200px;max-width:320px;position:relative}.tasks-page__search-icon{left:var(--space-3);width:1.25rem;height:1.25rem;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tasks-page__search-field{padding-left:var(--space-10)}.tasks-page__actions{align-items:center;gap:var(--space-3);display:flex}.tasks-page__view-toggle{background:var(--bg-muted);border-radius:var(--radius-lg);padding:var(--space-1);display:flex}.tasks-page__view-btn{border-radius:var(--radius-md);width:2.5rem;height:2.5rem;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.tasks-page__view-btn:hover{color:var(--text-primary)}.tasks-page__view-btn--active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.tasks-page__content{min-height:400px}.task-card{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--transition-fast);display:flex}.task-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.task-card__checkbox{margin-top:var(--space-1)}.task-card__content{flex:1;width:100%;min-width:0}.task-card__meta{align-items:center;gap:var(--space-3);margin-top:var(--space-2);color:var(--text-muted);font-size:.8125rem;display:flex}.task-card__points{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);background:var(--color-warning-bg);color:var(--color-warning);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;display:inline-flex}.task-card--overdue{border-color:var(--color-error)}.task-card--completed{opacity:.7}.task-card__complete-area{padding:var(--space-1);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.task-card__checkbox{border:2px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-surface);color:#0000;width:1.5rem;height:1.5rem;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.task-card__checkbox:hover{border-color:var(--color-brand)}.task-card__checkbox--completed{background:var(--color-success);border-color:var(--color-success);color:#fff}.task-card__menu-btn{border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.task-card__menu-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.task-card__menu-btn svg{width:1.25rem;height:1.25rem}.task-card__title{color:var(--text-primary);font-weight:500}.task-card__title--completed{color:var(--text-muted);text-decoration:line-through}.task-card__description{margin-top:var(--space-1);color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0;font-size:.875rem;display:-webkit-box;overflow:hidden}.task-card__checklist{margin-top:var(--space-2)}.task-card__checklist-count{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:.875rem;display:flex}.task-card__checklist-count svg{width:1.25rem;height:1.25rem}.task-card__progress{margin-top:var(--space-1);background:var(--bg-muted);border-radius:var(--radius-full);height:.375rem;overflow:hidden}.task-card__progress-bar{background:var(--color-brand);border-radius:var(--radius-full);height:100%;transition:width var(--transition-base)}.task-card__checklist-items{margin-top:var(--space-2);flex-direction:column;gap:2px;display:flex}.task-card__checklist-item{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;border:none;padding:4px 6px;font-size:.8125rem;display:flex}.task-card__checklist-item:hover:not(:disabled){background:var(--bg-muted)}.task-card__checklist-item:disabled{cursor:default;opacity:.6}.task-card__checklist-item--completed{color:var(--text-muted);text-decoration:line-through}.task-card__checklist-item--completed svg{color:var(--color-brand)}.task-card__due{align-items:center;gap:var(--space-1);color:var(--text-muted);font-size:.875rem;display:flex}.task-card__due svg{width:.875rem;height:.875rem}.task-card__due--overdue{color:var(--color-error)}.task-card__category{color:var(--text-muted);font-size:.875rem}.task-card__assignees{margin-top:var(--space-2);align-items:center;gap:var(--space-2);display:flex}.task-card__assignee-name{color:var(--text-muted);font-size:.875rem}.task-card--awaiting-approval{border-color:var(--color-warning);opacity:1;border-width:2px}.task-card__approval-badge{background:var(--color-warning-bg,#fef3c7);color:var(--color-warning,#d97706);border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;padding:2px 8px;font-size:.6875rem;font-weight:600;display:inline-flex}.task-card__verified-badge{color:#059669;border-radius:var(--radius-full);white-space:nowrap;background:#d1fae5;flex-shrink:0;align-items:center;gap:4px;padding:2px 8px;font-size:.6875rem;font-weight:600;display:inline-flex}.task-card__checkbox--verified{color:#fff;background:#059669;border-color:#059669}.task-card__approval-actions{align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-default);display:flex}.task-card__approve-btn{background:var(--color-success)!important;color:#fff!important}.task-card__approve-btn:hover{background:#059669!important}.task-card__reject-btn{color:var(--text-secondary)!important}.task-card__reject-btn:hover{color:var(--color-error)!important;background:var(--color-error-bg,#fee2e2)!important}.task-board__approval-notice{background:var(--color-warning-bg,#fef3c7);color:var(--color-warning,#d97706);border-radius:var(--radius-full);align-items:center;gap:4px;margin-left:auto;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.reject-modal__overlay{z-index:100;padding:var(--space-4);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.reject-modal{background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--space-6);width:100%;max-width:24rem;box-shadow:var(--shadow-2xl)}.reject-modal__header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.reject-modal__title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.reject-modal__description{color:var(--text-secondary);margin:0 0 var(--space-4);font-size:.9375rem}.reject-modal__field{margin-bottom:var(--space-6)}.reject-modal__label{color:var(--text-primary);margin-bottom:var(--space-2);font-size:.875rem;font-weight:500;display:block}.reject-modal__textarea{width:100%;padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-lg);resize:none;background:var(--bg-surface);color:var(--text-primary);font-size:.9375rem}.reject-modal__textarea:focus{border-color:var(--interactive-bg);box-shadow:0 0 0 3px var(--interactive-muted);outline:none}.reject-modal__actions{justify-content:flex-end;gap:var(--space-3);display:flex}.upgrade-banner{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3)var(--space-5);background:var(--color-warning-bg,#fef3c7);border:1px solid var(--color-warning,#d97706);border-radius:var(--radius-lg);display:flex}.upgrade-banner__text{color:var(--text-primary);margin:0;font-size:.875rem}.upgrade-banner__link{color:var(--color-brand);white-space:nowrap;font-size:.875rem;font-weight:600;text-decoration:none}.upgrade-banner__link:hover{text-decoration:underline}.task-templates{gap:var(--space-4);flex-direction:column;max-height:70vh;display:flex}.task-templates__search{position:relative}.task-templates__search-icon{width:1rem;height:1rem;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.task-templates__search .task-templates__search-input{padding-left:2.25rem}.task-templates__categories{flex-wrap:wrap;gap:6px;display:flex}.task-templates__category-pill{border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:4px;padding:4px 12px;font-size:.8125rem;font-weight:500;display:inline-flex}.task-templates__category-pill:hover{background:var(--bg-muted)}.task-templates__category-pill--active{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.task-templates__list{flex-direction:column;gap:8px;max-height:50vh;padding-right:4px;display:flex;overflow-y:auto}.task-templates__empty{text-align:center;color:var(--text-muted);padding:var(--space-8)0;font-size:.875rem}.task-templates__item{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-primary);transition:border-color var(--transition-fast);display:flex}.task-templates__item:hover{border-color:var(--color-brand)}.task-templates__item-content{flex:1;min-width:0}.task-templates__item-header{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.task-templates__item-title{color:var(--text-primary);font-size:.875rem;font-weight:600}.task-templates__item-badges{align-items:center;gap:6px;display:flex}.task-templates__item-recurring,.task-templates__item-approval{color:var(--text-muted);align-items:center;display:inline-flex}.task-templates__item-desc{color:var(--text-muted);margin-top:2px;font-size:.8125rem;line-height:1.4}.task-templates__item-checklist{color:var(--text-muted);align-items:center;gap:4px;margin-top:4px;font-size:.75rem;display:inline-flex}.task-board{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.task-board__column{gap:var(--space-3);flex-direction:column;display:flex}.task-board__column-header{align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-default);display:flex}.task-board__dot{border-radius:var(--radius-full);flex-shrink:0;width:.5rem;height:.5rem}.task-board__dot--pending{background:var(--text-muted)}.task-board__dot--progress{background:var(--color-info)}.task-board__dot--completed{background:var(--color-success)}.task-board__column-title{color:var(--text-primary);font-size:.9375rem;font-weight:600}.task-board__column-count{color:var(--text-muted);font-size:.875rem}.task-board__column-tasks{gap:var(--space-3);flex-direction:column;display:flex}.task-board__empty{padding:var(--space-6);text-align:center;color:var(--text-muted);font-size:.875rem}.task-list{flex-direction:column;gap:1rem;display:flex}.task-modal__assignees{flex-wrap:wrap;gap:.5rem;display:flex}.task-modal__assignee-label{cursor:pointer;border:1px solid var(--border-default);background:var(--bg-surface);border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:border-color .15s,background .15s;display:flex}.task-modal__assignee-label:hover{border-color:var(--color-brand);background:var(--interactive-muted)}.task-modal__assignee-checkbox{border-color:var(--border-default);border-radius:.25rem}.task-modal__assignee-name{color:var(--text-primary);font-size:.875rem}.task-filter{position:relative}.task-filter__trigger{width:48px;height:48px;position:relative}.task-filter__trigger--active{border-color:var(--color-brand);color:var(--color-brand)}.task-filter__badge{min-width:1.125rem;height:1.125rem;padding:0 var(--space-1);text-align:center;color:#fff;background:var(--color-brand);border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;line-height:1.125rem;position:absolute;top:-.25rem;right:-.25rem}.task-filter__backdrop{z-index:40;background:0 0;position:fixed;inset:0}.task-filter__panel{top:calc(100% + var(--space-2));z-index:50;width:280px;padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);position:absolute;left:0}.task-filter__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.task-filter__title{color:var(--text-primary);font-size:.9375rem;font-weight:600}.task-filter__clear{color:var(--color-brand);cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;font-weight:500}.task-filter__clear:hover{text-decoration:underline}.task-filter__section{margin-bottom:var(--space-3)}.task-filter__section:last-child{margin-bottom:0}.task-filter__section-title{margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.6875rem;font-weight:600}.task-filter__options{gap:var(--space-2);flex-wrap:wrap;display:flex}.task-filter__option{align-items:center;gap:var(--space-1);padding:.375rem var(--space-3);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-size:.75rem;font-weight:500;display:inline-flex}.task-filter__option:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.task-filter__option--selected{background:var(--interactive-muted);border-color:var(--color-brand);color:var(--color-brand);font-weight:600}.calendar-page{padding:var(--space-4)}@media (min-width:768px){.calendar-page{padding:var(--space-6)}}.calendar-controls{gap:var(--space-4);margin-bottom:var(--space-4);flex-direction:column;display:flex}@media (min-width:768px){.calendar-controls{flex-direction:row;justify-content:space-between;align-items:center}}.calendar-controls__left,.calendar-controls__right{align-items:center;gap:var(--space-3);display:flex}.calendar-controls__nav{align-items:center;gap:var(--space-1);display:flex}.calendar-controls__nav-btn{background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:2.25rem;height:2.25rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.calendar-controls__nav-btn:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.calendar-controls__title{color:var(--text-primary);min-width:180px;font-size:1.25rem;font-weight:600}.calendar-tabs{background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-1);display:flex}.calendar-tabs__tab{padding:var(--space-2)var(--space-4);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-size:.875rem;font-weight:500}.calendar-tabs__tab:hover{color:var(--text-primary)}.calendar-tabs__tab--active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.calendar-month-wrapper{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden}.calendar-month{flex-direction:column;display:flex}.calendar-month__header{background:var(--bg-muted);border-bottom:1px solid var(--border-default);grid-template-columns:repeat(7,1fr);display:grid}.calendar-month__day-name{padding:var(--space-3)var(--space-2);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);text-align:center;font-size:.75rem;font-weight:600}.calendar-month__grid{grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(100px,1fr);display:grid}@media (min-width:768px){.calendar-month__grid{grid-auto-rows:minmax(120px,1fr)}}.calendar-month__day{min-height:100px;padding:var(--space-2);background:var(--bg-surface);border-right:1px solid var(--border-muted);border-bottom:1px solid var(--border-muted);cursor:pointer;transition:background var(--transition-fast);text-align:left;flex-direction:column;display:flex}.calendar-month__day:nth-child(7n){border-right:none}.calendar-month__day:hover{background:var(--bg-hover)}.calendar-month__day--other{background:var(--bg-muted)}.calendar-month__day--other .calendar-month__day-number{color:var(--text-muted)}.calendar-month__day--today,.calendar-month__day--selected{background:var(--interactive-muted)}.calendar-month__day-number{width:1.75rem;height:1.75rem;color:var(--text-primary);border-radius:var(--radius-full);margin-bottom:var(--space-1);justify-content:center;align-items:center;font-size:.875rem;font-weight:500;display:inline-flex}.calendar-month__day-number--today{background:var(--color-brand);color:#fff;font-weight:600}.calendar-month__day-number--selected{background:var(--color-brand);color:#fff}.calendar-month__events{gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow:hidden}.calendar-month__event{padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;font-weight:500;overflow:hidden}@media (min-width:768px){.calendar-month__event{font-size:.75rem}}.calendar-month__more{color:var(--text-muted);padding:var(--space-1);font-size:.6875rem}.calendar-month{overflow:auto}.calendar-month__header{border:unset}.calendar-month__day-name{background:var(--bg-muted);border-bottom:1px solid var(--border-default);min-width:150px}.calendar-month__day{min-width:150px!important}.week-view{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden}.week-view__header{border-bottom:1px solid var(--border-default);background:var(--bg-muted);grid-template-columns:60px repeat(7,1fr);display:grid}.week-view__time-gutter{border-right:1px solid var(--border-default)}.week-view__day-header{padding:var(--space-3);border-right:1px solid var(--border-muted);cursor:pointer;transition:background var(--transition-fast);background:0 0;border-top:none;border-bottom:none;border-left:none;flex-direction:column;justify-content:center;align-items:center;display:flex}.week-view__day-header:last-child{border-right:none}.week-view__day-header:hover{background:var(--bg-hover)}.week-view__day-header--today,.week-view__day-header--selected{background:var(--interactive-muted)}.week-view__day-name{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:500}.week-view__day-number{color:var(--text-primary);margin-top:var(--space-1);font-size:1.25rem;font-weight:600}.week-view__day-number--today{background:var(--color-brand);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.week-view__day-number--selected{background:var(--color-brand);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;width:2rem;height:2rem;line-height:2rem;display:flex}.week-view__all-day-row{border-bottom:1px solid var(--border-default);grid-template-columns:60px repeat(7,1fr);min-height:40px;display:grid}.week-view__all-day-label{padding:var(--space-2);color:var(--text-muted);border-right:1px solid var(--border-default);justify-content:flex-end;align-items:flex-start;font-size:.75rem;font-weight:500;display:flex}.week-view__all-day-cell{gap:var(--space-1);padding:var(--space-1);border-right:1px solid var(--border-muted);flex-direction:column;min-height:36px;display:flex}.week-view__all-day-cell:last-child{border-right:none}.week-view__all-day-cell--today{background:var(--interactive-muted)}.week-view__all-day-event{padding:var(--space-1)var(--space-2);border-radius:var(--radius-md);color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:500;overflow:hidden}.week-view__all-day-event:hover{opacity:.9}.week-view__all-day-event-title{text-overflow:ellipsis;display:block;overflow:hidden}.week-view__body{max-height:600px;overflow-y:auto}.week-view__grid{grid-template-columns:60px repeat(7,1fr);display:grid}.week-view__time-cell{border-right:1px solid var(--border-default);border-bottom:1px solid var(--border-muted);height:64px;position:relative}.week-view__time-label{right:var(--space-2);color:var(--text-muted);background:var(--bg-surface);font-size:.75rem;font-weight:500;position:absolute;top:-.625rem}.week-view__cell{border-right:1px solid var(--border-muted);border-bottom:1px solid var(--border-muted);height:64px;position:relative}.week-view__cell:last-child{border-right:none}.week-view__cell--today{background:var(--interactive-muted)}.week-view__event{padding:var(--space-1)var(--space-2);border-radius:var(--radius-md);color:#fff;cursor:pointer;z-index:1;font-size:.75rem;position:absolute;left:2px;right:2px;overflow:hidden}.week-view__event-title{white-space:nowrap;text-overflow:ellipsis;width:100%;max-width:100%;font-weight:600;display:block;position:relative;overflow:hidden}.week-view__event-time{opacity:.9;font-size:.6875rem;display:block}.day-view{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden}.day-view__all-day{padding:var(--space-3);border-bottom:1px solid var(--border-default)}.day-view__all-day-label{color:var(--text-muted);margin-bottom:var(--space-2);font-size:.75rem;font-weight:500}.day-view__all-day-events{gap:var(--space-2);flex-wrap:wrap;display:flex}.day-view__all-day-event{padding:var(--space-2)var(--space-3);border-radius:var(--radius-lg);color:#fff;cursor:pointer;transition:opacity var(--transition-fast);font-size:.875rem;font-weight:500}.day-view__all-day-event:hover{opacity:.9}.day-view__body{max-height:600px;overflow-y:auto}.day-view__grid{grid-template-columns:80px 1fr;display:grid}.day-view__time-cell{border-bottom:1px solid var(--border-muted);height:80px;position:relative}.day-view__time-label{right:var(--space-3);color:var(--text-muted);background:var(--bg-surface);font-size:.875rem;font-weight:500;position:absolute;top:-.625rem}.day-view__events-cell{border-left:1px solid var(--border-default);border-bottom:1px solid var(--border-muted);height:80px;position:relative}.day-view__event{left:var(--space-2);right:var(--space-2);padding:var(--space-2)var(--space-3);border-radius:var(--radius-lg);color:#fff;cursor:pointer;z-index:1;position:absolute;overflow:hidden}.day-view__event-title{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.day-view__event-time{opacity:.9;margin-top:var(--space-1);font-size:.75rem}.day-view__event-location{opacity:.8;margin-top:var(--space-1);font-size:.75rem}.agenda-view{gap:var(--space-4);flex-direction:column;display:flex}.agenda-view__day{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden}.agenda-view__header{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-muted);border-bottom:1px solid var(--border-default);display:flex}.agenda-view__header--today{background:var(--interactive-muted)}.agenda-view__date{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex}.agenda-view__date--today{background:var(--color-brand);border-color:var(--color-brand)}.agenda-view__date-number{color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1}.agenda-view__date--today .agenda-view__date-number{color:#fff}.agenda-view__date-weekday{color:var(--text-muted);text-transform:uppercase;font-size:.6875rem;font-weight:600}.agenda-view__date--today .agenda-view__date-weekday{color:#fffc}.agenda-view__header-info{flex:1}.agenda-view__header-title{color:var(--text-primary);font-size:1rem;font-weight:600}.agenda-view__header-count{color:var(--text-muted);font-size:.875rem}.agenda-view__events{flex-direction:column;display:flex}.agenda-view__event{gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--border-muted);transition:background var(--transition-fast);display:flex}.agenda-view__event:last-child{border-bottom:none}.agenda-view__event:hover{background:var(--bg-hover)}.agenda-view__event-color{border-radius:var(--radius-full);flex-shrink:0;width:4px}.agenda-view__event-content{flex:1;min-width:0}.agenda-view__event-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.agenda-view__event-meta{gap:var(--space-4);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.agenda-view__event-meta-item{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:.875rem;display:flex}.agenda-view__event-meta-item svg{width:1rem;height:1rem;color:var(--text-muted)}.agenda-view__event-description{margin-top:var(--space-2);color:var(--text-secondary);font-size:.875rem;line-height:1.5}.agenda-view__empty{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-12);text-align:center}.agenda-view__empty-icon{width:3rem;height:3rem;margin:0 auto var(--space-4);color:var(--text-muted)}.agenda-view__empty-title{color:var(--text-primary);font-size:1.125rem;font-weight:600}.agenda-view__empty-description{margin-top:var(--space-1);color:var(--text-muted)}.calendar-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.calendar-header__nav{align-items:center;gap:var(--space-3);display:flex}.calendar-header__arrows{align-items:center;gap:var(--space-1);display:flex}.calendar-header__arrow-btn{background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:2.25rem;height:2.25rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.calendar-header__arrow-btn:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.calendar-header__title{color:var(--text-primary);min-width:180px;font-size:1.25rem;font-weight:600}.calendar-header__actions{align-items:center;gap:var(--space-3);display:flex}.calendar-header__tabs{background:var(--bg-muted);border:1px solid var(--border-default);margin-bottom:0}.calendar-grid{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden}.calendar-day{min-height:100px;padding:var(--space-2);border-right:1px solid var(--border-muted);border-bottom:1px solid var(--border-muted)}.calendar-day--today{background:var(--interactive-muted)}.calendar-day__number{color:var(--text-primary);font-size:.875rem;font-weight:500}.calendar-day__number--today{background:var(--color-brand);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex}.landing-page{background:var(--bg-page);min-height:100vh}.site-nav{z-index:50;background:var(--bg-surface);border-bottom:1px solid var(--border-default);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.site-nav__container{max-width:var(--container-max);padding:var(--space-4);height:var(--header-height);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.site-nav__logo{align-items:center;gap:var(--space-3);text-decoration:none;display:flex}.site-nav__logo-icon{background:linear-gradient(135deg,var(--color-brand),var(--color-brand-dark));border-radius:var(--radius-lg);color:#fff;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1rem;font-weight:700;display:flex}.site-nav__logo-text{color:var(--text-primary);font-size:1.125rem;font-weight:600}.site-nav__actions{align-items:center;gap:var(--space-4);display:flex}@media (max-width:480px){.site-nav__actions{gap:var(--space-2)}.site-nav__actions .nav-link{white-space:nowrap;font-size:.8125rem}.site-nav__actions .btn{padding:var(--space-2)var(--space-3);font-size:.8125rem}.site-nav__logo-text{font-size:1rem}}.nav-link{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.9375rem;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--text-primary)}.page-section{padding:var(--space-16)var(--space-4)}.page-section--hero{padding:var(--space-20)var(--space-4)}.hero-section{text-align:center}.hero-title{color:var(--text-primary);letter-spacing:-.025em;font-size:2.5rem;font-weight:800;line-height:1.2}@media (min-width:768px){.hero-title{font-size:3.5rem}}@media (min-width:1024px){.hero-title{font-size:4rem}}.hero-title__accent{background:linear-gradient(135deg,var(--color-brand),var(--color-brand-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.hero-description{margin-top:var(--space-6);color:var(--text-secondary);max-width:36rem;margin-left:auto;margin-right:auto;font-size:1.125rem}@media (min-width:768px){.hero-description{font-size:1.25rem}}.hero-buttons{align-items:center;gap:var(--space-4);margin-top:var(--space-8);flex-direction:column;display:flex}@media (min-width:640px){.hero-buttons{flex-direction:row;justify-content:center}}.hero-note{margin-top:var(--space-4);color:var(--text-muted);font-size:.875rem}@media (max-width:480px){.page-section--hero{padding:var(--space-12)var(--space-4)}.hero-title{font-size:2rem}.hero-description{margin-top:var(--space-4);font-size:1rem}.hero-buttons{margin-top:var(--space-6);gap:var(--space-3);width:100%}.hero-buttons .btn{justify-content:center;width:100%}}.section-header{text-align:center;margin-bottom:var(--space-12)}@media (max-width:480px){.section-header{margin-bottom:var(--space-8)}}.section-header__title{color:var(--text-primary);font-size:2rem;font-weight:700}@media (max-width:480px){.section-header__title{font-size:1.5rem}}@media (min-width:768px){.section-header__title{font-size:2.5rem}}.section-header__description{margin-top:var(--space-4);color:var(--text-secondary);max-width:42rem;margin-left:auto;margin-right:auto;font-size:1.125rem}.features-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.features-section{background:var(--bg-muted)}.feature-card__icon{border-radius:var(--radius-lg);width:3rem;height:3rem;margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.feature-card__icon--blue{background:var(--color-info-bg);color:var(--color-info)}.feature-card__icon--green{background:var(--color-success-bg);color:var(--color-success)}.feature-card__icon--amber{background:var(--color-warning-bg);color:var(--color-warning)}.feature-card__icon--purple{color:#8b5cf6;background:#8b5cf626}.feature-card__icon--pink{color:#ec4899;background:#ec489926}.feature-card__icon--cyan{color:#06b6d4;background:#06b6d426}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-4);margin:0 auto}.container--narrow{max-width:48rem}.text-center{text-align:center}.feature-card__icon--emerald{background:var(--color-success-bg);color:var(--color-success)}.feature-card__icon--rose{color:#f43f5e;background:#f43f5e26}.gamification-section{background:var(--bg-surface)}.gamification-grid{gap:var(--space-12);align-items:center;display:grid}@media (min-width:1200px){.gamification-grid{grid-template-columns:1fr 1fr}}.gamification-content{max-width:32rem}.gamification-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--color-warning-bg);color:var(--color-warning);border-radius:var(--radius-full);margin-bottom:var(--space-4);font-size:.875rem;font-weight:600;display:inline-flex}.section-header__title--left{text-align:left}.gamification-description{margin-top:var(--space-4);color:var(--text-secondary);font-size:1.0625rem;line-height:1.7}.gamification-list{margin-top:var(--space-6);gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.gamification-list__item{align-items:center;gap:var(--space-3);color:var(--text-primary);display:flex}.gamification-list__check{background:var(--color-success-bg);width:1.5rem;height:1.5rem;color:var(--color-success);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;display:flex}.gamification-visual{justify-content:center;display:flex}@media (min-width:1200px){.gamification-visual{justify-content:flex-end}}.points-display__decoration{background:linear-gradient(135deg,var(--color-brand),#8b5cf6);border-radius:var(--radius-2xl);opacity:.1;filter:blur(40px);position:absolute;inset:-2rem}.gamification-card--points .points-display{padding:var(--space-10);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);text-align:center;min-width:320px;transition:box-shadow .3s;position:relative}.gamification-card--points:hover .points-display{box-shadow:var(--shadow-2xl),0 0 60px #8b5cf626}.points-display__icon{width:5rem;height:5rem;margin:0 auto var(--space-5);background:var(--color-warning-bg);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.points-display__icon svg{width:2.5rem;height:2.5rem;color:var(--color-warning)}.points-display__value{color:var(--text-primary);margin:0;font-size:3.5rem;font-weight:800;line-height:1}.points-display__label{margin-top:var(--space-2);color:var(--text-muted);font-size:.875rem}.points-display__badges{justify-content:center;gap:var(--space-2);margin-top:.5rem;display:flex}.points-display__badge{border-radius:var(--radius-full);cursor:pointer;justify-content:center;align-items:center;width:3rem;height:3rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.points-display__badge:hover{transform:scale(1.15);box-shadow:0 4px 12px #00000026}.points-display__badge:after{content:attr(aria-label);padding:var(--space-2)var(--space-3);background:var(--bg-elevated);color:var(--text-primary);white-space:nowrap;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--border-default);opacity:0;visibility:hidden;z-index:100;font-size:.75rem;font-weight:500;transition:opacity .2s,visibility .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.points-display__badge:hover:after{opacity:1;visibility:visible}.points-display__badge svg{width:1.25rem;height:1.25rem}.points-display__badge--star{color:#facc15;background:#facc1533}.points-display__badge--star:hover{background:#facc1559}.points-display__badge--flame{color:#f97316;background:#f9731633}.points-display__badge--flame:hover{background:#f9731659}.points-display__badge--zap{color:var(--color-brand);background:#3b82f633}.points-display__badge--zap:hover{background:#3b82f659}.points-display__badge--target{color:var(--color-success);background:#22c55e33}.points-display__badge--target:hover{background:#22c55e59}.gamification-stats{gap:var(--space-4);margin-bottom:var(--space-12);padding:var(--space-6);background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));border-radius:var(--radius-2xl);text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.gamification-stat{gap:var(--space-1);flex-direction:column;display:flex}.gamification-stat__value{color:#fff;font-size:2rem;font-weight:800;line-height:1}.gamification-stat__label{color:#ffffffd9;font-size:.875rem}@media (max-width:640px){.gamification-stats{gap:var(--space-2);padding:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(3,1fr)}.gamification-stat__value{font-size:1.25rem}.gamification-stat__label{font-size:.6875rem;line-height:1.3}}.gamification-visual{gap:var(--space-4);grid-template-columns:1fr;justify-items:center;display:grid;position:relative}@media (min-width:640px){.gamification-visual{width:100%;height:420px;display:block;position:relative}}@media (min-width:1200px){.gamification-visual{width:100%;height:480px;display:block;position:relative}}.gamification-card{transition:transform .3s,box-shadow .3s;position:relative}.gamification-card:hover{transform:translateY(-4px);z-index:10!important}.gamification-card--points{grid-column:1/-1;animation:6s ease-in-out infinite floatSlow}@media (min-width:640px){.gamification-card--points{z-index:1;position:absolute;top:0;left:0}}@media (min-width:1200px){.gamification-card--points{z-index:1;position:absolute;top:0;left:0}}.gamification-card--rewards{width:100%;max-width:280px;animation:5s ease-in-out -1s infinite floatMedium}@media (min-width:640px){.gamification-card--rewards{z-index:2;max-width:260px;position:absolute;top:140px;right:0}}@media (min-width:1200px){.gamification-card--rewards{z-index:2;max-width:280px;position:absolute;top:180px;right:0}}.gamification-card--task{width:100%;max-width:280px;animation:4s ease-in-out -2s infinite floatFast}@media (min-width:640px){.gamification-card--task{z-index:3;max-width:240px;position:absolute;bottom:0;left:-10px}}@media (min-width:1200px){.gamification-card--task{z-index:3;max-width:280px;position:absolute;bottom:0;left:-20px}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatMedium{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatFast{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.rewards-preview{padding:var(--space-5);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:box-shadow .3s}.gamification-card--rewards:hover .rewards-preview{box-shadow:var(--shadow-xl),0 0 40px #3b82f61a}.rewards-preview__title{align-items:center;gap:var(--space-2);color:var(--text-primary);margin-bottom:var(--space-4);font-size:.9375rem;font-weight:600;display:flex}.rewards-preview__title svg{color:var(--color-primary-500)}.rewards-preview__list{gap:var(--space-3);flex-direction:column;display:flex}.reward-item{align-items:center;gap:var(--space-3);padding:var(--space-2)var(--space-3);background:var(--bg-muted);border-radius:var(--radius-lg);cursor:pointer;font-size:.875rem;transition:background .2s,transform .2s;display:flex}.reward-item:hover{background:var(--bg-surface);transform:translate(4px)}.reward-item__emoji{font-size:1.25rem;font-family:var(--font-emoji)}.reward-item__name{color:var(--text-primary);flex:1}.reward-item__points{color:var(--color-warning);font-size:.8125rem;font-weight:600}.task-complete-preview{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:box-shadow .3s;display:flex}.gamification-card--task:hover .task-complete-preview{box-shadow:var(--shadow-xl),0 0 40px #22c55e26}.task-complete-preview__check{background:var(--color-success);color:#fff;border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;animation:2s ease-in-out infinite checkPulse;display:flex}@keyframes checkPulse{0%,to{transform:scale(1);box-shadow:0 0 #22c55e66}50%{transform:scale(1.05);box-shadow:0 0 0 8px #22c55e00}}.task-complete-preview__content{gap:var(--space-1);flex-direction:column;display:flex}.task-complete-preview__title{color:var(--text-primary);text-decoration:line-through;-webkit-text-decoration-color:var(--color-success);-webkit-text-decoration-color:var(--color-success);-webkit-text-decoration-color:var(--color-success);text-decoration-color:var(--color-success);font-weight:500}.task-complete-preview__points{color:var(--color-success);font-size:.875rem;font-weight:600}.pricing-section{background:var(--bg-muted)}.pricing-grid{gap:var(--space-6);display:grid}.pricing-grid--2{grid-template-columns:1fr;max-width:56rem;margin:0 auto}.pricing-grid--3{grid-template-columns:1fr}@media (min-width:640px){.pricing-grid--2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.pricing-grid--3{grid-template-columns:repeat(3,1fr)}}.pricing-card{padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);flex-direction:column;display:flex;position:relative}.pricing-card--featured{background:linear-gradient(135deg,var(--color-brand),var(--color-brand-dark));color:#fff;box-shadow:var(--shadow-xl);z-index:1;border-color:#0000;overflow:hidden;transform:scale(1.02)}.pricing-card__decoration{background:#ffffff1a;border-radius:50%;position:absolute}.pricing-card__decoration--1{width:200px;height:200px;top:-100px;right:-100px}.pricing-card__decoration--2{width:150px;height:150px;bottom:-75px;left:-75px}.pricing-card__badge{top:var(--space-4);right:var(--space-4);padding:var(--space-1)var(--space-3);color:#fff;border-radius:var(--radius-full);background:#fff3;font-size:.75rem;font-weight:600;position:absolute}.pricing-card__title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.pricing-card--featured .pricing-card__title{color:#fff}.pricing-card__description{margin-top:var(--space-1);color:var(--text-secondary);font-size:.875rem}.pricing-card--featured .pricing-card__description{color:#fffc}.pricing-card__price{margin-top:var(--space-6);align-items:baseline;gap:var(--space-1);display:flex}.pricing-card__price-value{color:var(--text-primary);font-size:2.5rem;font-weight:800;line-height:1}.pricing-card--featured .pricing-card__price-value{color:#fff}.pricing-card--featured .pricing-card__price-period{color:#ffffffb3}.pricing-card__annual{margin-top:var(--space-1);color:var(--text-muted);font-size:.8125rem}.pricing-card--featured .pricing-card__annual{color:#ffffffb3}.pricing-card__features{gap:var(--space-3);flex-direction:column;flex:1;margin-top:2rem;list-style:none;display:flex}.pricing-card__feature{align-items:center;gap:var(--space-3);color:var(--text-secondary);padding:0;font-size:.9375rem;display:flex}.pricing-card--featured .pricing-card__feature{color:#ffffffe6}.pricing-card__check{background:var(--color-success-bg);width:1.25rem;height:1.25rem;color:var(--color-success);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pricing-card__check svg{width:.75rem;height:.75rem}.pricing-card--featured .pricing-card__check{color:#fff;background:#fff3}.pricing-card__cta{margin-top:var(--space-6)}.self-hosted-section{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border-default)}.self-hosted-section--two-col{gap:var(--space-8);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (max-width:768px){.self-hosted-section--two-col{gap:var(--space-6);grid-template-columns:1fr}}.self-hosted-section__content{gap:var(--space-4);flex-direction:column;display:flex}.self-hosted-section__badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--color-brand-soft);color:var(--color-brand);border-radius:var(--radius-full);width:fit-content;font-size:.8125rem;font-weight:600;display:inline-flex}.self-hosted-section__title{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.self-hosted-section--two-col .self-hosted-section__title{text-align:left}.self-hosted-section__description{color:var(--text-secondary);margin:0;line-height:1.6}.self-hosted-section--two-col .self-hosted-section__description{text-align:left}.self-hosted-section__benefits{margin:var(--space-4)0 0;gap:var(--space-4);flex-direction:column;padding:0;list-style:none;display:flex}.self-hosted-section__benefit{align-items:flex-start;gap:var(--space-3);display:flex}.self-hosted-section__benefit>svg{color:var(--color-brand);flex-shrink:0;margin-top:2px}.self-hosted-section__benefit>div{gap:var(--space-1);flex-direction:column;display:flex}.self-hosted-section__benefit strong{color:var(--text-primary);font-size:.9375rem;font-weight:600}.self-hosted-section__benefit span{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.self-hosted-section__card-wrapper{justify-content:center;display:flex}.self-hosted-grid{gap:var(--space-4);max-width:40rem;margin:0 auto;display:grid}.self-hosted-card{padding:var(--space-5);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);text-align:center}.self-hosted-card__title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.self-hosted-card__price{color:var(--text-primary);margin-top:var(--space-2);font-size:1.75rem;font-weight:700}.self-hosted-card__period{color:var(--text-muted);margin:0;font-size:.8125rem}.self-hosted-card__features{gap:var(--space-3);flex-direction:column;margin-top:2rem;padding:0;font-size:.875rem;list-style:none;display:flex}.self-hosted-card__feature{align-items:center;gap:var(--space-3);color:var(--text-secondary);padding:0;display:flex}.self-hosted-card__check{background:var(--color-success-bg);width:1.25rem;height:1.25rem;color:var(--color-success);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;display:flex}.self-hosted-card__check svg{width:.75rem;height:.75rem}.self-hosted-card .btn{margin-top:var(--space-4)}.self-hosted-card .btn:hover:not(:disabled){background:var(--interactive-bg-hover,#1d4ed8);transform:translateY(-1px)}.self-hosted-card__guarantee{margin-top:var(--space-3);color:var(--text-muted);font-size:.8125rem}.comparison-section{background:var(--bg-page)}.comparison-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.comparison-table{border-collapse:collapse;background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-default);width:100%;overflow:hidden}.comparison-table th,.comparison-table td{padding:var(--space-4);text-align:center;border-bottom:1px solid var(--border-muted)}.comparison-table th{background:var(--bg-muted);color:var(--text-primary);font-size:.875rem;font-weight:600}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left;font-weight:500}.comparison-table th:nth-child(2){background:var(--interactive-muted);color:var(--color-brand)}.comparison-table td{color:var(--text-secondary);font-size:.9375rem}.comparison-table tr:last-child td{border-bottom:none}.comparison-check{color:var(--color-success);font-weight:600}.comparison-x{color:var(--text-muted)}.testimonials-section{background:var(--bg-page)}.testimonials-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:640px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.testimonials-grid{grid-template-columns:repeat(4,1fr)}}.testimonial-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-4);transition:transform var(--transition-base),box-shadow var(--transition-base);flex-direction:column;display:flex;position:relative}.testimonial-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.testimonial-card__quote-icon{color:var(--color-brand);opacity:.5}.testimonial-card__quote{color:var(--text-primary);flex:1;font-size:.9375rem;line-height:1.7}.testimonial-card__rating{gap:var(--space-1);color:#facc15;display:flex}.testimonial-card__footer{align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-default);display:flex}.testimonial-card__avatar{background:linear-gradient(135deg,var(--color-brand)0%,var(--color-primary-700)100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1rem;font-weight:600;display:flex}.testimonial-card__info{flex:1}.testimonial-card__name{color:var(--text-primary);font-size:.875rem;font-weight:600}.testimonial-card__location{color:var(--text-secondary);font-size:.8125rem}.testimonial-card__highlight{top:var(--space-4);right:var(--space-4);background:var(--color-brand-bg);color:var(--color-brand);padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;position:absolute}[data-theme=dark] .testimonial-card__highlight{background:#3b82f626}.faq-section{background:var(--bg-muted)}.faq-list{gap:var(--space-3);flex-direction:column;display:flex}.faq-item{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.faq-question{padding:var(--space-4)var(--space-5);color:var(--text-primary);cursor:pointer;justify-content:space-between;align-items:center;font-weight:600;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-question span{padding-right:var(--space-4);flex:1}.faq-icon{width:1.25rem;height:1.25rem;color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0}.faq-item[open] .faq-icon{transform:rotate(180deg)}.faq-answer{padding:0 var(--space-5)var(--space-4);color:var(--text-secondary);margin:0;line-height:1.7}.trust-section{background:var(--bg-surface);border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default)}.page-section--compact{padding:var(--space-8)var(--space-4)}.trust-badges{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:768px){.trust-badges{grid-template-columns:repeat(3,1fr)}}.trust-badge{align-items:center;gap:var(--space-4);justify-content:center;display:flex}@media (min-width:768px){.trust-badge{justify-content:flex-start}}.trust-badge__icon{width:2.5rem;height:2.5rem;color:var(--color-brand);flex-shrink:0}.trust-badge__content{text-align:left}.trust-badge__title{color:var(--text-primary);margin:0;font-weight:600}.trust-badge__text{color:var(--text-muted);margin:0;font-size:.875rem}.cta-section{background:linear-gradient(135deg,var(--color-brand),var(--color-brand-dark));color:#fff}.cta-section__title{margin:0;font-size:2rem;font-weight:700}@media (min-width:768px){.cta-section__title{font-size:2.5rem}}.cta-section__description{margin-top:var(--space-4);opacity:.9;max-width:32rem;margin-left:auto;margin-right:auto;font-size:1.125rem}.cta-section__button{margin-top:var(--space-8);padding:var(--space-4)var(--space-8);color:var(--color-brand);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:all var(--transition-fast);background:#fff;justify-content:center;align-items:center;font-size:1.125rem;font-weight:600;text-decoration:none;display:inline-flex}.cta-section__button:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.cta-section__note{margin-top:var(--space-4);opacity:.8;font-size:.875rem}.meals-page{padding:var(--space-6)}.meals-page__header{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.meals-page__tabs{margin-top:var(--space-6)}.recipe-modal__image{border-radius:var(--radius-lg);background:var(--bg-muted);width:100%;height:200px;margin-bottom:var(--space-4);overflow:hidden}.recipe-modal__meta{gap:var(--space-6);margin-bottom:var(--space-4);display:flex}.recipe-modal__meta-item{align-items:center;gap:var(--space-2);display:flex}.recipe-modal__meta-item svg{color:var(--text-muted)}.recipe-modal__meta-value{color:var(--text-primary);font-weight:600}.recipe-modal__meta-label{color:var(--text-muted);font-size:.875rem}.recipe-modal__section{margin-top:var(--space-6)}.recipe-modal__section-title{color:var(--text-primary);margin:0 0 var(--space-3);font-size:1rem;font-weight:600}.recipe-modal__ingredients{color:var(--text-secondary);gap:var(--space-2);flex-direction:column;font-size:.9375rem;list-style:inside;display:flex}.recipe-modal__ingredient{color:var(--text-secondary)}.recipe-modal__image-placeholder{background:linear-gradient(135deg,var(--bg-muted),var(--bg-surface));justify-content:center;align-items:center;width:100%;height:100%;font-size:4rem;display:flex}.recipe-modal__description{color:var(--text-secondary);margin-bottom:var(--space-4)}.recipe-modal__tags{gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.recipe-modal__tag{padding:var(--space-1)var(--space-3);background:var(--bg-muted);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.875rem;font-weight:500}.recipe-modal__instructions{gap:var(--space-2);flex-direction:column;list-style:inside decimal;display:flex}.recipe-modal__instruction{color:var(--text-secondary);padding-left:var(--space-2);font-size:.9375rem;line-height:1.6}.meal-modal__section{margin-bottom:var(--space-6)}.meal-modal__section-title{color:var(--text-primary);margin:0 0 var(--space-3);font-size:.875rem;font-weight:600}.meal-modal__custom-input{gap:var(--space-3);display:flex}.meal-modal__custom-input input{flex:1}.meal-modal__divider{align-items:center;gap:var(--space-4);margin:var(--space-6)0;display:flex}.meal-modal__divider:before,.meal-modal__divider:after{content:"";background:var(--border-default);flex:1;height:1px}.meal-modal__divider span{color:var(--text-muted);font-size:.8125rem}.meal-modal__recipes{gap:var(--space-2);flex-direction:column;max-height:300px;display:flex;overflow-y:auto}.meal-modal__recipe-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:0 0;display:flex}.meal-modal__recipe-item:hover{background:var(--bg-hover);border-color:var(--border-strong)}.meal-modal__recipe-icon{background:var(--color-warning-bg);width:2.5rem;height:2.5rem;color:var(--color-warning);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.meal-modal__recipe-info{flex:1;min-width:0}.meal-modal__recipe-name{color:var(--text-primary);margin:0;font-weight:500}.meal-modal__recipe-meta{color:var(--text-muted);margin:0;font-size:.8125rem}.meal-modal__recipe-tags{gap:var(--space-2);display:flex}.meal-modal__recipe-tag{padding:var(--space-1)var(--space-2);background:var(--bg-muted);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.75rem}.meal-modal__actions{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-default)}.family-page{padding:var(--space-6);gap:var(--space-6);flex-direction:column;display:flex}.family-page__header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.family-info{align-items:center;gap:var(--space-4);display:flex}.family-info__avatar{background:linear-gradient(135deg,var(--color-brand),var(--color-brand-dark));color:#fff;border-radius:var(--radius-xl);justify-content:center;align-items:center;width:4rem;height:4rem;font-size:1.5rem;font-weight:700;display:flex}.family-info__details{flex-direction:column;display:flex}.family-info__name{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.family-info__count{color:var(--text-muted);margin:0}.members-section{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl)}.members-section__header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;display:flex}.members-section__title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.members-section__list{flex-direction:column;display:flex}.member-item{align-items:center;gap:var(--space-4);padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--border-muted);transition:background var(--transition-fast);display:flex}.member-item:last-child{border-bottom:none}.member-item:hover{background:var(--bg-hover)}.member-item__info{flex:1;min-width:0}.member-item__name{align-items:center;gap:var(--space-2);color:var(--text-primary);font-weight:500;display:flex}.member-item__email{color:var(--text-muted);margin:0;font-size:.8125rem}.member-item__role{padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.member-item__role--admin{background:var(--color-warning-bg);color:var(--color-warning)}.member-item__role--parent{background:var(--interactive-muted);color:var(--color-brand)}.member-item__role--teen{background:var(--color-success-bg);color:var(--color-success)}.member-item__role--child{color:#ec4899;background:#ec489926}.member-item__role--caregiver{color:#8b5cf6;background:#8b5cf626}.member-item__points{text-align:right}.member-item__points-value{color:var(--color-warning);margin:0;font-size:1.125rem;font-weight:700}.member-item__points-label{color:var(--text-muted);margin:0;font-size:.6875rem}.invitations-section{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl)}.invitations-section__header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--border-default)}.invitations-section__title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.invitation-item{align-items:center;gap:var(--space-4);padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--border-muted);display:flex}.invitation-item:last-child{border-bottom:none}.invitation-item__icon{background:var(--bg-muted);border-radius:var(--radius-full);width:2.5rem;height:2.5rem;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.invitation-item__info{flex:1;min-width:0}.invitation-item__email{color:var(--text-primary);margin:0;font-weight:500}.invitation-item__role{color:var(--text-muted);margin:0;font-size:.8125rem}.invitation-item__status{padding:var(--space-1)var(--space-3);background:var(--color-warning-bg);color:var(--color-warning);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.invitation-item__actions{gap:var(--space-2);display:flex}.invitation-item__cancel{color:var(--color-error)}.invitation-item__cancel:hover{color:var(--color-error);background:var(--color-error-bg)}.landing-nav{z-index:50;background:var(--bg-surface);border-bottom:1px solid var(--border-default);position:sticky;top:0}.landing-nav__container{max-width:var(--container-max);padding:var(--space-4);height:var(--header-height);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.landing-hero{padding:var(--space-16)var(--space-4);text-align:center}.landing-hero__title{color:var(--text-primary);font-size:2.5rem;font-weight:800;line-height:1.2}@media (min-width:768px){.landing-hero__title{font-size:3.5rem}}.landing-hero__subtitle{margin-top:var(--space-4);color:var(--text-secondary);max-width:36rem;margin-left:auto;margin-right:auto;font-size:1.125rem}.landing-section{padding:var(--space-16)var(--space-4)}.landing-section--alt{background:var(--bg-muted)}.landing-section__title{color:var(--text-primary);text-align:center;margin-bottom:var(--space-4);font-size:2rem;font-weight:700}.landing-section__subtitle{color:var(--text-secondary);text-align:center;max-width:42rem;margin:0 auto var(--space-12);font-size:1.125rem}.landing-footer{padding:var(--space-8)var(--space-4);background:var(--bg-surface);border-top:1px solid var(--border-default)}.landing-footer__container{max-width:var(--container-max);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.landing-footer__copyright{color:var(--text-muted);font-size:.875rem}.site-footer{padding:var(--space-12)var(--space-4)var(--space-8);background:var(--bg-surface);border-top:1px solid var(--border-default);margin-top:0}.site-footer__content{align-items:center;gap:var(--space-6);max-width:var(--container-max);flex-direction:column;margin:0 auto;display:flex}@media (min-width:768px){.site-footer__content{justify-content:space-between;gap:var(--space-4);flex-direction:row}}.site-footer__logo{align-items:center;gap:var(--space-2);text-decoration:none;display:flex}.site-footer__logo-icon{background:linear-gradient(135deg,var(--color-brand),var(--color-brand-dark));border-radius:var(--radius-lg);color:#fff;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.875rem;font-weight:700;display:flex}.site-footer__logo-text{color:var(--text-primary);font-weight:600}.site-footer__nav{align-items:center;gap:var(--space-6);display:flex}.site-footer__link{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.875rem;text-decoration:none}.site-footer__link:hover{color:var(--text-primary)}.site-footer__theme{align-items:center;display:flex}.site-footer__copyright{color:var(--text-muted);font-size:.875rem}@media (max-width:480px){.site-footer{padding:var(--space-8)var(--space-4)var(--space-6)}.site-footer__content{gap:var(--space-4)}.site-footer__copyright{order:5;font-size:.75rem}}.zs-credits{justify-content:flex-end;display:flex}.zs-credits a{color:inherit;opacity:.6;transition:opacity var(--transition-fast);text-decoration:none}.zs-credits a:hover{opacity:1}.zs-credits span{color:var(--text-muted);align-items:center;gap:5px;font-size:10px;display:flex}.zs-credits svg{width:auto;height:16px}.notifications-page{padding:var(--space-6);max-width:56rem;margin:0 auto}.notifications-page__header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-default);flex-wrap:wrap;display:flex}.notifications-page__filters{gap:var(--space-2);display:flex}.notifications-page__filter-btn{padding:var(--space-2)var(--space-4);background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:500}.notifications-page__filter-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.notifications-page__filter-btn--active{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.notifications-page__filter-btn--active:hover{background:var(--color-brand-dark);color:#fff}.notifications-page__actions{gap:var(--space-2);display:flex}.notifications-page__list{gap:var(--space-2);flex-direction:column;display:flex}.notifications-page__item{align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);display:flex}.notifications-page__item:hover{background:var(--bg-hover);border-color:var(--border-strong)}.notifications-page__item--unread{background:var(--interactive-muted);border-color:var(--color-brand-soft)}.notifications-page__item--unread:hover{background:var(--bg-hover)}.notifications-page__item-icon{border-radius:var(--radius-xl);flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.notifications-page__item-icon--event{background:var(--color-info-bg);color:var(--color-info)}.notifications-page__item-icon--task{background:var(--color-success-bg);color:var(--color-success)}.notifications-page__item-icon--reward{background:var(--color-warning-bg);color:var(--color-warning)}.notifications-page__item-content{flex:1;min-width:0}.notifications-page__item-title{color:var(--text-primary);margin:0;font-weight:600}.notifications-page__item-message{color:var(--text-secondary);margin:var(--space-1)0 0;font-size:.9375rem}.notifications-page__item-time{color:var(--text-muted);margin:var(--space-2)0 0;font-size:.8125rem}.notifications-page__item-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.notifications-page__item-indicator{background:var(--color-brand);border-radius:var(--radius-full);width:.625rem;height:.625rem}.notifications-page__item-delete{border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;opacity:0;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.notifications-page__item:hover .notifications-page__item-delete{opacity:1}.notifications-page__item-delete:hover{background:var(--color-error-bg);color:var(--color-error)}.notifications-page__empty{padding:var(--space-16)var(--space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.notifications-page__empty-icon{width:4rem;height:4rem;color:var(--text-muted);margin-bottom:var(--space-4)}.notifications-page__empty-title{color:var(--text-primary);margin:0 0 var(--space-2);font-size:1.25rem;font-weight:600}.notifications-page__empty-text{color:var(--text-secondary);max-width:20rem;margin:0;font-size:.9375rem}@media (max-width:640px){.notifications-page{padding:var(--space-4)}.notifications-page__header{flex-direction:column;align-items:flex-start}.notifications-page__item{padding:var(--space-3)}.notifications-page__item-icon{width:2.5rem;height:2.5rem}.notifications-page__item-delete{opacity:1}}.rewards-page{padding:var(--space-6);gap:var(--space-6);flex-direction:column;display:flex}.rewards-page__summary{justify-content:space-between;align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.rewards-page__achievements{text-align:right}.rewards-page__achievements-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.75rem}.rewards-page__achievements-count{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.rewards-page__tabs-header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.points-display{gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--color-warning-bg);color:var(--color-warning);border-radius:24px;flex-direction:column;font-weight:600;display:flex}.leaderboard-period-tabs{background:var(--bg-muted);border-radius:var(--radius-lg);gap:2px;padding:2px;display:flex}.leaderboard-period-tab{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;padding:.375rem .75rem;font-size:.8125rem;font-weight:500}.leaderboard-period-tab:hover{color:var(--text-primary)}.leaderboard-period-tab--active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.leaderboard{gap:var(--space-8);flex-direction:column;display:flex}.leaderboard__podium{justify-content:center;align-items:flex-end;gap:var(--space-6);padding:var(--space-8)var(--space-4);min-height:280px;display:flex}@media (min-width:640px){.leaderboard__podium{gap:var(--space-10);padding:var(--space-10)var(--space-6);min-height:340px}}@media (min-width:1024px){.leaderboard__podium{gap:var(--space-12);min-height:380px}}.leaderboard__podium-place{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.leaderboard__podium-place--first{order:2}.leaderboard__podium-place--second{order:1}.leaderboard__podium-place--third{order:3}.leaderboard__winner-wrapper{position:relative}.leaderboard__winner-badge{border-radius:var(--radius-full);background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex;position:absolute;bottom:-.25rem;right:-.25rem;box-shadow:0 2px 8px #fbbf2466}@media (min-width:640px){.leaderboard__winner-badge{width:2rem;height:2rem}}.leaderboard__podium-avatar--gold{border:4px solid #fbbf24;box-shadow:0 0 24px #fbbf2466}.leaderboard__podium-avatar--silver{border:3px solid #9ca3af;box-shadow:0 0 20px #9ca3af4d}.leaderboard__podium-avatar--bronze{border:3px solid #d97706;box-shadow:0 0 20px #d977064d}.leaderboard__podium-place .avatar--lg{width:3.5rem;height:3.5rem;font-size:1.25rem}.leaderboard__podium-place .avatar--xl{width:4.5rem;height:4.5rem;font-size:1.5rem}@media (min-width:640px){.leaderboard__podium-place .avatar--lg{width:4.5rem;height:4.5rem;font-size:1.5rem}.leaderboard__podium-place .avatar--xl{width:5.5rem;height:5.5rem;font-size:1.75rem}}@media (min-width:1024px){.leaderboard__podium-place .avatar--lg{width:5rem;height:5rem;font-size:1.75rem}.leaderboard__podium-place .avatar--xl{width:6.5rem;height:6.5rem;font-size:2rem}}.leaderboard__podium-info{text-align:center}.leaderboard__podium-name{color:var(--text-primary);font-size:1rem;font-weight:600}.leaderboard__podium-name--winner{font-size:1.25rem}@media (min-width:640px){.leaderboard__podium-name{font-size:1.125rem}.leaderboard__podium-name--winner{font-size:1.375rem}}.leaderboard__podium-points{color:var(--text-secondary);font-size:.9375rem}.leaderboard__podium-points--winner{color:#fbbf24;font-size:1rem;font-weight:600}@media (min-width:640px){.leaderboard__podium-points{font-size:1rem}.leaderboard__podium-points--winner{font-size:1.125rem}}.leaderboard__podium-stand{color:#fff;border-radius:var(--radius-lg)var(--radius-lg)0 0;justify-content:center;align-items:center;width:3.5rem;font-size:1.5rem;font-weight:700;display:flex}@media (min-width:640px){.leaderboard__podium-stand{width:4.5rem;font-size:1.75rem}}@media (min-width:1024px){.leaderboard__podium-stand{width:5.5rem;font-size:2rem}}.leaderboard__podium-stand--gold{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);height:6rem}.leaderboard__podium-stand--silver{background:linear-gradient(135deg,#9ca3af 0%,#6b7280 100%);height:4.5rem}.leaderboard__podium-stand--bronze{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);height:3.5rem}@media (min-width:640px){.leaderboard__podium-stand--gold{height:7.5rem}.leaderboard__podium-stand--silver{height:5.5rem}.leaderboard__podium-stand--bronze{height:4rem}}@media (min-width:1024px){.leaderboard__podium-stand--gold{height:9rem}.leaderboard__podium-stand--silver{height:6.5rem}.leaderboard__podium-stand--bronze{height:5rem}}.leaderboard__rank-icon{width:1.25rem;height:1.25rem}.leaderboard__rank-icon--gold{color:#fbbf24}.leaderboard__rank-icon--silver{color:#9ca3af}.leaderboard__rank-icon--bronze{color:#d97706}.leaderboard__list{flex-direction:column;display:flex}.leaderboard__entry{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--border-muted);transition:background var(--transition-fast);display:flex}.leaderboard__entry:last-child{border-bottom:none}.leaderboard__entry:hover{background:var(--bg-muted)}.leaderboard__entry--current{background:var(--color-primary-alpha)}.leaderboard__entry-rank{justify-content:center;align-items:center;width:2rem;display:flex}.leaderboard__entry-rank-number{color:var(--text-muted);font-weight:600}.leaderboard__entry-info{flex:1;min-width:0}.leaderboard__entry-name{color:var(--text-primary);font-weight:500}.leaderboard__entry-tasks{color:var(--text-muted);font-size:.75rem}.leaderboard__entry-points{text-align:right}.leaderboard__entry-points-value{color:var(--color-warning);font-size:1.125rem;font-weight:700}.leaderboard__entry-points-label{color:var(--text-muted);font-size:.75rem}.points-display__wrapper{align-items:center;gap:var(--space-4);display:flex}.points-display__icon{border-radius:var(--radius-full);background:var(--color-warning-bg);justify-content:center;align-items:center;display:flex}.points-display__icon--sm{width:2rem;height:2rem}.points-display__icon--md{width:2.5rem;height:2.5rem}.points-display__icon--lg{width:3.5rem;height:3.5rem}.points-display__icon svg{color:var(--color-warning)}.points-display__value{color:var(--text-primary);font-weight:700}.points-display__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.points-display__streak{align-items:center;gap:var(--space-2);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);background:#f9731626;display:flex}.points-display__streak svg{color:#f97316;width:1.25rem;height:1.25rem}.points-display__streak span{color:#ea580c;font-weight:500}[data-theme=dark] .points-display__streak{background:#f9731633}[data-theme=dark] .points-display__streak span{color:#fb923c}.points-display__rank{align-items:center;gap:var(--space-2);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);background:var(--color-info-bg);display:flex}.points-display__rank svg{width:1.25rem;height:1.25rem;color:var(--color-info)}.points-display__rank span{color:var(--color-info);font-weight:500}.celebration{z-index:50;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.celebration__card{background:var(--bg-elevated);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-xl);text-align:center;max-width:24rem;margin:0 var(--space-4);position:relative}.celebration__icon-wrapper{width:6rem;height:6rem;margin:0 auto var(--space-4);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.celebration__title{color:var(--text-primary);font-size:1.5rem;font-weight:700}.celebration__message{margin-top:var(--space-2);color:var(--text-secondary)}.celebration__points{align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-2)var(--space-4);background:var(--color-warning-bg);border-radius:var(--radius-full);display:inline-flex}.celebration__points svg{width:1.25rem;height:1.25rem;color:var(--color-warning)}.celebration__points span{color:var(--color-warning);font-weight:700}.achievement-grid{gap:var(--space-4);padding:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}@media (min-width:640px){.achievement-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.achievement-badge{align-items:center;gap:var(--space-3);padding:var(--space-4);cursor:pointer;transition:transform var(--transition-fast);background:0 0;border:none;flex-direction:column;display:flex}.achievement-badge:hover{transform:scale(1.05)}.achievement-badge__wrapper{justify-content:center;align-items:center;display:flex;position:relative}.achievement-badge--sm .achievement-badge__wrapper{width:5rem;height:5rem}.achievement-badge--md .achievement-badge__wrapper{width:6.5rem;height:6.5rem}.achievement-badge--lg .achievement-badge__wrapper{width:8rem;height:8rem}.achievement-badge__circle{border-radius:var(--radius-full);transition:all var(--transition-fast);z-index:1;justify-content:center;align-items:center;display:flex}.achievement-badge__circle--sm{width:3.5rem;height:3.5rem}.achievement-badge__circle--md{width:4.5rem;height:4.5rem}.achievement-badge__circle--lg{width:5.5rem;height:5.5rem}.achievement-badge__circle--unlocked{background:linear-gradient(135deg,var(--color-warning-bg)0%,#fbbf244d 100%);border:3px solid var(--color-warning);box-shadow:0 0 20px #fbbf244d}.achievement-badge__circle--locked{background:var(--bg-muted);border:3px solid var(--border-default)}.achievement-badge__icon{font-size:1.75rem;line-height:1;font-family:var(--font-emoji)}.achievement-badge--sm .achievement-badge__icon{font-size:1.5rem}.achievement-badge--lg .achievement-badge__icon{font-size:2.25rem}.achievement-badge__lock{width:1.5rem;height:1.5rem;color:var(--text-muted)}.achievement-badge__progress-ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.achievement-badge__progress-ring circle:first-child{stroke:var(--border-muted)}.achievement-badge__progress-ring circle:last-child{stroke:var(--color-primary);transition:stroke-dasharray .5s}.achievement-badge__info{text-align:center;min-width:0;max-width:100%}.achievement-badge__name{word-wrap:break-word;overflow-wrap:break-word;margin:0;font-size:.8125rem;font-weight:600;line-height:1.3}.achievement-badge__name--unlocked{color:var(--text-primary)}.achievement-badge__name--locked{color:var(--text-muted)}.achievement-badge__progress-text{color:var(--color-primary);margin:0;margin-top:var(--space-1);font-size:.75rem;font-weight:500}.reward-sections{gap:var(--space-8);flex-direction:column;display:flex}.reward-section__title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0 0 var(--space-4)0;font-size:.875rem;font-weight:600}.reward-section__title--locked{color:var(--text-muted)}.reward-section--locked{padding:var(--space-5);background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-xl)}.reward-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.reward-card{gap:var(--space-3);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);transition:all var(--transition-fast);flex-direction:column;display:flex}.reward-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.reward-card--locked{background:var(--bg-muted);border-color:var(--border-default);opacity:.85}.reward-card--locked:hover{border-color:var(--border-default);box-shadow:none}.reward-card__icon{font-size:2rem;line-height:1;font-family:var(--font-emoji)}.reward-card__content{flex:1}.reward-card__title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.reward-card__title--locked{color:var(--text-muted)}.reward-card__description{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.reward-card__footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-muted);display:flex}.reward-card__points{color:var(--color-warning);align-items:center;gap:.25rem;display:flex}.reward-card__points svg{width:1.25rem;height:1.25rem}.reward-card__points-value{font-size:1rem;font-weight:700}.reward-card__points-label{font-size:.875rem;font-weight:500}.reward-card__progress{margin-top:var(--space-2)}.reward-card__progress-track{background:var(--bg-muted);border-radius:var(--radius-full);height:.25rem;overflow:hidden}.reward-card__progress-bar{background:var(--color-brand);border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.meal-planner{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden}.meal-planner__header{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.meal-planner__controls{align-items:center;gap:1rem;display:flex}.meal-planner__nav{align-items:center;gap:.25rem;display:flex}.meal-planner__nav-btn{border-radius:var(--radius-lg);width:2.75rem;height:2.75rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.meal-planner__nav-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.meal-planner__date-range{color:var(--text-primary);font-size:1.125rem;font-weight:600}.meal-planner__grid-wrapper{overflow-x:auto}.meal-planner__table{border-collapse:collapse;width:100%;min-width:800px}.meal-planner__header-row{background:var(--bg-muted)}.meal-planner__corner-cell{text-align:left;width:7rem;color:var(--text-muted);padding:1rem;font-size:.875rem;font-weight:500}.meal-planner__day-header{text-align:center;padding:1rem}.meal-planner__day-header--today{background:var(--color-brand-bg)}.meal-planner__day-name{color:var(--text-muted);font-size:.875rem}.meal-planner__day-number{color:var(--text-primary);font-size:1.25rem;font-weight:600}.meal-planner__day-number--today{color:var(--color-brand)}.meal-planner__row{border-top:1px solid var(--border-muted)}.meal-planner__label-cell{vertical-align:middle;padding:.75rem 1rem}.meal-planner__label{align-items:center;gap:.5rem;display:flex}.meal-planner__label-icon{font-size:1rem}.meal-planner__label-text{color:var(--text-secondary);font-size:.875rem;font-weight:500}.meal-planner__cell{vertical-align:top;border-left:1px solid var(--border-muted);padding:.5rem}td.meal-planner__cell{max-width:4rem}.meal-planner__cell--today{background:var(--color-brand-bg)}.meal-planner__meal{text-align:left;width:100%;color:var(--text-primary);background:var(--bg-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:.5rem .75rem;font-size:.8125rem;display:block}.meal-planner__meal:hover{background:var(--bg-hover)}.meal-planner__meal-text{text-overflow:unset;white-space:break-spaces;text-wrap:balance;display:block}.meal-planner__add-btn{width:100%;height:2.5rem;color:var(--text-muted);border:2px dashed var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.meal-planner__add-btn:hover{color:var(--color-brand);border-color:var(--color-brand);background:var(--color-brand-bg)}.meal-planner__add-label{font-size:.8125rem;font-weight:500}.meal-planner__day-selector,.meal-planner__mobile-view{display:none}@media (max-width:767px){.meal-planner__header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}.meal-planner__date-range{font-size:1rem}.meal-planner__grid-wrapper{display:none}.meal-planner__day-selector{border-bottom:1px solid var(--border-default);-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:space-between;gap:.25rem;padding:.75rem .5rem;display:flex;overflow-x:auto}.meal-planner__day-selector::-webkit-scrollbar{display:none}.meal-planner__day-pill{border-radius:var(--radius-lg);cursor:pointer;min-width:0;transition:all var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:.125rem;padding:.5rem .375rem;display:flex}.meal-planner__day-pill:hover{background:var(--bg-hover)}.meal-planner__day-pill--selected{background:var(--color-brand);color:#fff}.meal-planner__day-pill--selected:hover{background:var(--color-brand)}.meal-planner__day-pill-name{text-transform:uppercase;color:var(--text-muted);font-size:.6875rem;font-weight:500}.meal-planner__day-pill--selected .meal-planner__day-pill-name{color:#fffc}.meal-planner__day-pill-num{color:var(--text-primary);font-size:1rem;font-weight:600}.meal-planner__day-pill--today .meal-planner__day-pill-num{color:var(--color-brand)}.meal-planner__day-pill--selected .meal-planner__day-pill-num{color:#fff}.meal-planner__mobile-view{padding:1rem;display:block}.meal-planner__mobile-day-header{color:var(--text-primary);margin-bottom:.75rem;font-size:1rem;font-weight:600}.meal-planner__mobile-slot{border-bottom:1px solid var(--border-muted);flex-direction:column;gap:.5rem;padding:.75rem 0;display:flex}.meal-planner__mobile-slot:last-child{border-bottom:none}.meal-planner__mobile-slot-label{align-items:center;gap:.5rem;display:flex}.meal-planner__mobile-slot .meal-planner__add-btn{gap:.5rem;height:3rem}.meal-planner__mobile-slot .meal-planner__meal{padding:.75rem 1rem}}.recipe-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.recipe-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.recipe-card__image{aspect-ratio:16/10;background:var(--bg-muted);position:relative}.recipe-card__image img{object-fit:cover;width:100%;height:100%}.recipe-card__placeholder{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:3rem;display:flex}.recipe-card__favorite{width:2.25rem;height:2.25rem;color:var(--text-muted);background:var(--bg-surface);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:.75rem;right:.75rem}.recipe-card__favorite:hover,.recipe-card__favorite--active{color:var(--color-danger)}.recipe-card__tags{flex-wrap:wrap;gap:.375rem;display:flex;position:absolute;bottom:.75rem;left:.75rem}.recipe-card__tag{color:#fff;background:var(--color-brand);border-radius:var(--radius-full);padding:.25rem .5rem;font-size:.6875rem;font-weight:600}.recipe-card__content{flex-direction:column;gap:.5rem;padding:1rem;display:flex}.recipe-card__header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.recipe-card__title{color:var(--text-primary);flex:1;font-size:1rem;font-weight:600;line-height:1.3}.recipe-card__description{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.recipe-card__meta{align-items:center;gap:1rem;margin-top:.5rem;display:flex}.recipe-card__meta-item{color:var(--text-muted);align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.recipe-card__meta-item svg{width:1rem;height:1rem}.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.recipe-grid__empty{text-align:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:3rem}.recipe-grid__empty-icon{margin:0 auto 1rem;font-size:3rem}.recipe-grid__empty-title{color:var(--text-primary);font-size:1.125rem;font-weight:500}.recipe-grid__empty-subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}.grocery-list{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden}.grocery-list__header{border-bottom:1px solid var(--border-default);padding:1.25rem}.grocery-list__header-top{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.grocery-list__title-wrapper{align-items:center;gap:.75rem;display:flex}.grocery-list__icon{width:2.5rem;height:2.5rem;color:var(--color-brand);background:var(--color-brand-bg);border-radius:var(--radius-lg);justify-content:center;align-items:center;display:flex}.grocery-list__title{color:var(--text-primary);font-size:1.125rem;font-weight:600}.grocery-list__count{color:var(--text-muted);font-size:.875rem}.grocery-list__progress{background:var(--bg-muted);border-radius:var(--radius-full);height:.375rem;overflow:hidden}.grocery-list__progress-bar{background:var(--color-success);border-radius:var(--radius-full);height:100%}.grocery-list__add{border-bottom:1px solid var(--border-default);padding:1rem 1.25rem}.grocery-list__add-form{gap:.5rem;display:flex}.grocery-list__add-input{flex:1}.grocery-list__category-select{color:var(--text-primary);background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;padding:.5rem .75rem;font-size:.875rem}.grocery-list__category-select:focus{border-color:var(--color-brand);outline:none}.grocery-list__add-btn{flex-shrink:0}.grocery-list__categories{padding:.75rem 1.25rem 1.25rem}.grocery-list__category{margin-bottom:1rem}.grocery-list__category:last-child{margin-bottom:0}.grocery-list__category-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:flex}.grocery-list__category-icon{font-size:1rem}.grocery-list__items{flex-direction:column;gap:.375rem;display:flex}.grocery-list__item{background:var(--bg-muted);border-radius:var(--radius-lg);transition:all var(--transition-fast);align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.grocery-list__item:hover{background:var(--bg-hover)}.grocery-list__item--purchased{opacity:.6}.grocery-list__item-toggle{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:.75rem;display:flex}.grocery-list__checkbox{color:#0000;background:var(--bg-surface);border:2px solid var(--border-default);border-radius:var(--radius-sm);width:1.25rem;height:1.25rem;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.grocery-list__checkbox--checked{color:#fff;background:var(--color-success);border-color:var(--color-success)}.grocery-list__item-name{color:var(--text-primary);font-size:.875rem}.grocery-list__item-name--purchased{color:var(--text-muted);text-decoration:line-through}.grocery-list__delete-btn{width:2rem;height:2rem;color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;opacity:0;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.grocery-list__item:hover .grocery-list__delete-btn{opacity:1}.grocery-list__delete-btn:hover{color:var(--color-danger);background:var(--color-danger-bg)}.grocery-list__empty{text-align:center;padding:3rem}.grocery-list__empty-icon{width:3rem;height:3rem;color:var(--text-muted);margin:0 auto 1rem}.grocery-list__empty-title{color:var(--text-primary);font-size:1rem;font-weight:500}.grocery-list__empty-subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}.legal-page{background:var(--bg-page);flex-direction:column;min-height:100vh;display:flex}.legal-page__nav{padding:var(--space-4)var(--space-6);border-bottom:1px solid var(--border-default);background:var(--bg-surface)}.legal-page__back{align-items:center;gap:var(--space-2);color:var(--text-secondary);transition:color var(--transition-fast);font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.legal-page__back:hover{color:var(--text-primary)}.legal-page__content{padding:var(--space-8)var(--space-6);flex:1;width:100%;max-width:48rem;margin:0 auto}.legal-page__footer{padding:var(--space-6);border-top:1px solid var(--border-default);text-align:center;color:var(--text-muted);font-size:.875rem}.legal-document__title{color:var(--text-primary);margin-bottom:var(--space-2);font-size:2rem;font-weight:700}.legal-document__updated{color:var(--text-muted);margin-bottom:var(--space-8);font-size:.875rem}.legal-section{margin-bottom:var(--space-8)}.legal-section h2{color:var(--text-primary);margin-bottom:var(--space-3);font-size:1.25rem;font-weight:600}.legal-section h3{color:var(--text-primary);margin-top:var(--space-4);margin-bottom:var(--space-2);font-size:1rem;font-weight:600}.legal-section p{color:var(--text-secondary);margin-bottom:var(--space-3);line-height:1.7}.legal-section ul{margin:var(--space-3)0;padding-left:var(--space-6)}.legal-section li{color:var(--text-secondary);margin-bottom:var(--space-2);line-height:1.7}.legal-section strong{color:var(--text-primary);font-weight:600}.self-hosted-page{background:var(--bg-base);min-height:100vh}.self-hosted-hero{padding:var(--space-16)var(--space-4);text-align:center;background:linear-gradient(135deg,var(--color-primary-50)0%,var(--bg-base)100%)}:root[data-theme=dark] .self-hosted-hero{background:linear-gradient(135deg,var(--color-primary-900)0%,var(--bg-base)100%)}.self-hosted-hero__container{max-width:800px;margin:0 auto}.self-hosted-hero__badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--color-primary-100);color:var(--color-primary-700);border-radius:var(--radius-full);margin-bottom:var(--space-6);font-size:.875rem;font-weight:500;display:inline-flex}:root[data-theme=dark] .self-hosted-hero__badge{background:var(--color-primary-900);color:var(--color-primary-300)}.self-hosted-hero__badge--coming-soon{background:var(--color-warning-100);color:var(--color-warning-700)}:root[data-theme=dark] .self-hosted-hero__badge--coming-soon{background:var(--color-warning-900);color:var(--color-warning-300)}.self-hosted-hero__title{color:var(--text-primary);margin-bottom:var(--space-4);font-size:2.5rem;font-weight:700}@media (min-width:768px){.self-hosted-hero__title{font-size:3.5rem}}.self-hosted-hero__subtitle,.self-hosted-hero__description{color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-8);font-size:1.25rem;line-height:1.6}.self-hosted-hero__price{justify-content:center;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-6);display:flex}.self-hosted-hero__price-value{color:var(--text-primary);font-size:3.5rem;font-weight:700}.self-hosted-hero__price-period{color:var(--text-muted);font-size:1.125rem}.self-hosted-hero__cta{margin-bottom:var(--space-4)}.self-hosted-hero__note{color:var(--text-muted);font-size:.875rem}.self-hosted-included{background:var(--bg-muted)}.self-hosted-included__grid{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (min-width:768px){.self-hosted-included__grid{gap:var(--space-12);grid-template-columns:1fr 1fr}}.self-hosted-included__content{background:var(--bg-surface);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--border-default)}.self-hosted-included__title{color:var(--text-primary);margin-bottom:var(--space-4);font-size:1.25rem;font-weight:600}.self-hosted-included__list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.self-hosted-included__item{align-items:center;gap:var(--space-3);color:var(--text-secondary);font-size:.9375rem;display:flex}.self-hosted-included__item svg{color:var(--color-success);flex-shrink:0}.self-hosted-included__list--requirements .self-hosted-included__item{padding-left:var(--space-2)}.self-hosted-included__list--requirements .self-hosted-included__item:before{content:"";background:var(--color-primary-500);border-radius:50%;flex-shrink:0;width:6px;height:6px}.self-hosted-included__note{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-default);color:var(--text-muted);font-size:.875rem;font-style:italic}.self-hosted-cta{background:linear-gradient(135deg,var(--color-primary-600)0%,var(--color-primary-700)100%);color:#fff}.self-hosted-cta__title{margin-bottom:var(--space-3);font-size:2rem;font-weight:700}.self-hosted-cta__description{opacity:.9;margin-bottom:var(--space-6);font-size:1.125rem}.self-hosted-cta__price{margin-bottom:var(--space-6)}.self-hosted-cta__price-value{font-size:3rem;font-weight:700}.self-hosted-cta__guarantee{margin-top:var(--space-4);opacity:.8;font-size:.875rem}.self-hosted-features{padding:var(--space-16)var(--space-4)}.self-hosted-features__container{max-width:1200px;margin:0 auto}.self-hosted-features__title{text-align:center;color:var(--text-primary);margin-bottom:var(--space-12);font-size:1.75rem;font-weight:700}.self-hosted-features__grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.feature-card{padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);transition:all var(--transition-fast)}.feature-card:hover{border-color:var(--color-primary-500);box-shadow:var(--shadow-md)}.feature-card__icon{background:var(--color-primary-100);width:3rem;height:3rem;color:var(--color-primary-600);border-radius:var(--radius-lg);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}:root[data-theme=dark] .feature-card__icon{background:var(--color-primary-900);color:var(--color-primary-400)}.feature-card__title{color:var(--text-primary);margin-bottom:var(--space-2);font-size:1.125rem;font-weight:600}.feature-card__description{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.self-hosted-pricing{padding:var(--space-16)var(--space-4);background:var(--bg-muted)}.self-hosted-pricing__container{text-align:center;max-width:600px;margin:0 auto}.self-hosted-pricing__title{color:var(--text-primary);margin-bottom:var(--space-8);font-size:1.75rem;font-weight:700}.self-hosted-pricing .pricing-card{padding:var(--space-8);background:var(--bg-surface);border:2px solid var(--color-primary-500);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.self-hosted-pricing .pricing-card__name{color:var(--text-primary);margin-bottom:var(--space-2);font-size:1.5rem;font-weight:700}.pricing-card__price{margin-bottom:var(--space-2)}.pricing-card__price-value{color:var(--color-primary-600);font-size:3rem;font-weight:700}.pricing-card__price-period{color:var(--text-muted);font-size:1rem}.pricing-card__description{color:var(--text-secondary);margin-bottom:var(--space-6)}.pricing-card__features{margin:2rem 0 var(--space-8)0;text-align:left;padding:0;list-style:none}.pricing-card__feature{align-items:center;gap:var(--space-3);color:var(--text-secondary);padding:0;display:flex}.pricing-card__feature-icon{color:var(--color-success);flex-shrink:0}.pricing-card__button{width:100%;padding:var(--space-4);background:var(--color-primary-600);color:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:1.125rem;font-weight:600}.pricing-card__button:hover:not(:disabled){background:var(--color-primary-700)}.pricing-card__button:disabled{opacity:.7;cursor:not-allowed}.self-hosted-requirements{padding:var(--space-16)var(--space-4)}.self-hosted-requirements__container{max-width:800px;margin:0 auto}.self-hosted-requirements__title{text-align:center;color:var(--text-primary);margin-bottom:var(--space-8);font-size:1.75rem;font-weight:700}.requirements-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.requirement-item{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);display:flex}.requirement-item__icon{color:var(--color-primary-600)}.requirement-item__text{color:var(--text-primary);font-weight:500}.self-hosted-faq{padding:var(--space-16)var(--space-4);background:var(--bg-muted)}.self-hosted-faq__container{max-width:800px;margin:0 auto}.self-hosted-faq__title{text-align:center;color:var(--text-primary);margin-bottom:var(--space-8);font-size:1.75rem;font-weight:700}.faq-item{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin:0;overflow:hidden}.faq-item__question{width:100%;padding:var(--space-4)var(--space-5);text-align:left;color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600;display:flex}.faq-item__question:hover{background:var(--bg-muted)}.faq-item__icon{color:var(--text-muted);transition:transform var(--transition-fast)}.faq-item--open .faq-item__icon{transform:rotate(180deg)}.faq-item__answer{padding:0 var(--space-5)var(--space-4);color:var(--text-secondary);line-height:1.6}.success-page{min-height:100vh;padding:var(--space-8)var(--space-4);background:var(--bg-base);justify-content:center;align-items:center;display:flex}.success-page__loading,.success-page__error{text-align:center;color:var(--text-secondary)}.success-page__loading p,.success-page__error p{margin-top:var(--space-4)}.success-page__error h1{color:var(--text-primary);margin-bottom:var(--space-4);font-size:1.5rem}.success-page__container{text-align:center;width:100%;max-width:600px}.success-page__icon{background:var(--color-success-bg);width:5rem;height:5rem;color:var(--color-success);border-radius:var(--radius-full);margin-bottom:var(--space-6);justify-content:center;align-items:center;display:inline-flex}.success-page__title{color:var(--text-primary);margin-bottom:var(--space-2);font-size:2rem;font-weight:700}.success-page__subtitle{color:var(--text-secondary);margin-bottom:var(--space-8);font-size:1.125rem}.success-page__license{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);text-align:left}.success-page__license h2{color:var(--text-primary);margin-bottom:var(--space-4);font-size:1.125rem;font-weight:600}.success-page__license-key{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-muted);border-radius:var(--radius-lg);margin-bottom:var(--space-3);display:flex}.success-page__license-key code{color:var(--color-primary-600);letter-spacing:.05em;flex:1;font-family:monospace;font-size:1rem;font-weight:600}.success-page__copy-btn{padding:var(--space-2);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.success-page__copy-btn:hover{border-color:var(--color-primary-500);color:var(--color-primary-600)}.success-page__license-note{color:var(--text-muted);font-size:.875rem}.success-page__download{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);text-align:left}.success-page__download h2{color:var(--text-primary);margin-bottom:var(--space-2);font-size:1.125rem;font-weight:600}.success-page__download p{color:var(--text-secondary);margin-bottom:var(--space-4)}.success-page__download-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-4);background:var(--color-primary-600);color:#fff;border-radius:var(--radius-lg);transition:all var(--transition-fast);font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.success-page__download-btn:hover{background:var(--color-primary-700)}.success-page__download-note{color:var(--text-muted);margin-top:var(--space-3);font-size:.875rem}.success-page__next-steps{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);text-align:left}.success-page__next-steps h2{color:var(--text-primary);margin-bottom:var(--space-4);font-size:1.125rem;font-weight:600}.success-page__next-steps ol{padding-left:var(--space-6);margin:0}.success-page__next-steps li{color:var(--text-secondary);margin-bottom:var(--space-2);line-height:1.8}.success-page__next-steps code{background:var(--bg-muted);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);font-family:monospace;font-size:.875rem}.success-page__next-steps p{color:var(--text-muted);margin-top:var(--space-4);font-size:.875rem}.success-page__footer{text-align:center;color:var(--text-muted);font-size:.875rem}.success-page__footer p{margin-bottom:var(--space-3)}.success-page__home-link{color:var(--color-primary-600);font-weight:500;text-decoration:none}.success-page__home-link:hover{text-decoration:underline}.getting-started{background:var(--bg-surface);border-radius:var(--radius-xl);border:2px solid var(--color-brand);overflow:hidden}.getting-started__header{padding:var(--space-4)var(--space-5);background:var(--interactive-muted);justify-content:space-between;align-items:center;display:flex}.getting-started__header-left{align-items:center;gap:var(--space-3);display:flex}.getting-started__icon{background:var(--color-brand);color:#fff;border-radius:var(--radius-lg);justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.getting-started__title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.getting-started__subtitle{color:var(--text-secondary);margin:var(--space-1)0 0;font-size:.8125rem}.getting-started__dismiss{border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.getting-started__dismiss:hover{background:var(--bg-hover);color:var(--text-primary)}.getting-started__progress{background:var(--bg-muted);height:4px}.getting-started__progress-bar{background:var(--color-brand);height:100%;transition:width .3s}.getting-started__list{padding:var(--space-2);flex-direction:column;display:flex}.getting-started__item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);transition:background var(--transition-fast);text-decoration:none;display:flex}.getting-started__item:hover{background:var(--bg-hover)}.getting-started__item--complete{opacity:.6}.getting-started__check{border:2px solid var(--border-default);border-radius:var(--radius-full);width:1.75rem;height:1.75rem;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.getting-started__check--done{background:var(--color-success);border-color:var(--color-success);color:#fff}.getting-started__item-content{flex-direction:column;display:flex}.getting-started__item-label{color:var(--text-primary);font-size:.875rem;font-weight:500}.getting-started__item--complete .getting-started__item-label{text-decoration:line-through}.getting-started__item-desc{color:var(--text-muted);font-size:.75rem}.color-legend{align-items:center;gap:var(--space-3);padding:var(--space-2)0;margin-bottom:var(--space-2);min-height:2.5rem;display:flex}.color-legend__mode{flex-shrink:0;position:relative}.color-legend__mode-btn{align-items:center;gap:var(--space-1-5);padding:var(--space-1-5)var(--space-2-5);color:var(--text-secondary);background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-size:.8125rem;font-weight:500;display:flex}.color-legend__mode-btn:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.color-legend__dropdown{z-index:50;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:10rem;box-shadow:var(--shadow-lg);padding:var(--space-1);position:absolute;top:calc(100% + 4px);left:0}.color-legend__dropdown-item{text-align:left;width:100%;padding:var(--space-2)var(--space-3);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-size:.8125rem;display:block}.color-legend__dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.color-legend__dropdown-item--active{background:var(--bg-brand-subtle,var(--color-brand))}@supports (color:color-mix(in lab, red, red)){.color-legend__dropdown-item--active{background:var(--bg-brand-subtle,color-mix(in srgb,var(--color-brand)10%,transparent))}}.color-legend__dropdown-item--active{color:var(--color-brand);font-weight:500}.color-legend__chips{align-items:center;gap:var(--space-1-5);flex-wrap:wrap;display:flex;overflow:hidden}.color-legend__chip{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);color:var(--text-secondary);background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-size:.75rem;font-weight:500;display:flex}.color-legend__chip:hover{background:var(--bg-hover);border-color:var(--border-strong)}.color-legend__chip--hidden{opacity:.4;text-decoration:line-through}.color-legend__chip--manage{color:var(--text-muted);border-style:dashed}.color-legend__chip--manage:hover{color:var(--color-brand);border-color:var(--color-brand)}.color-legend__dot{border-radius:var(--radius-full);flex-shrink:0;width:.625rem;height:.625rem}.color-legend__label{line-height:1}.color-legend__hint{color:var(--text-muted);font-size:.75rem;font-style:italic}.category-manager__row{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-lg);display:flex}.category-manager__info{align-items:center;gap:var(--space-2);cursor:pointer;text-align:left;background:0 0;border:none;flex:1;min-width:0;padding:0;display:flex}.category-manager__info:hover .category-manager__name{color:var(--color-brand)}.category-manager__name{color:var(--text-primary);transition:color var(--transition-fast);font-size:.875rem;font-weight:500}.category-manager__count{color:var(--text-muted);flex-shrink:0;font-size:.75rem}.category-manager__edit-form{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.category-manager__name-input{font-size:.875rem}.category-manager__icon-btn{border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.category-manager__icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.category-manager__icon-btn--save:hover{color:var(--color-success)}.category-manager__icon-btn--delete:hover{color:var(--color-error)}.category-manager__add-form{padding:var(--space-3);background:var(--bg-muted);border:1px dashed var(--border-default);border-radius:var(--radius-lg)}@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-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-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}