@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-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-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-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:#fef2f2;--color-red-100:#ffe2e2;--color-red-200:#ffcaca;--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-orange-100:#ffedd5;--color-orange-300:#ffb96d;--color-orange-500:#fe6e00;--color-orange-800:#9f2d00;--color-amber-100:#fef3c6;--color-amber-300:#ffd236;--color-amber-800:#953d00;--color-yellow-100:#fef9c2;--color-yellow-300:#ffe02a;--color-yellow-400:#fac800;--color-yellow-500:#edb200;--color-yellow-800:#874b00;--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-teal-400:#00d3bd;--color-sky-100:#dff2fe;--color-sky-300:#77d4ff;--color-sky-800:#005986;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bedbff;--color-blue-300:#90c5ff;--color-blue-400:#54a2ff;--color-blue-600:#155dfc;--color-blue-700:#1447e6;--color-blue-800:#193cb8;--color-indigo-100:#e0e7ff;--color-indigo-600:#4f39f6;--color-indigo-800:#372aac;--color-purple-100:#f3e8ff;--color-purple-300:#d9b3ff;--color-purple-400:#c07eff;--color-purple-600:#9810fa;--color-purple-800:#6e11b0;--color-pink-100:#fce7f3;--color-pink-300:#fda5d5;--color-pink-800:#a2004c;--color-rose-100:#ffe4e6;--color-rose-300:#ffa2ae;--color-rose-800:#a30037;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cad5e2;--color-slate-400:#90a1b9;--color-slate-500:#62748e;--color-slate-600:#45556c;--color-slate-700:#314158;--color-slate-900:#0f172b;--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-white:#fff;--spacing:.25rem;--container-md:28rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-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;--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-200:lab(86.017% 19.8815 7.75869);--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-orange-100:lab(94.7127% 3.58394 14.3151);--color-orange-300:lab(80.8059% 21.7313 50.4455);--color-orange-500:lab(64.272% 57.1788 90.3583);--color-orange-800:lab(37.1566% 46.6433 50.5562);--color-amber-100:lab(95.916% -1.21653 23.111);--color-amber-300:lab(86.4156% 6.13147 78.3961);--color-amber-800:lab(37.8822% 37.1699 52.2718);--color-yellow-100:lab(97.3564% -4.51407 27.344);--color-yellow-300:lab(89.7033% -.480294 84.4917);--color-yellow-400:lab(83.2664% 8.65132 106.895);--color-yellow-500:lab(76.3898% 14.5258 98.4589);--color-yellow-800:lab(38.7484% 23.5833 51.4916);--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-teal-400:lab(76.0109% -53.3483 -2.27906);--color-sky-100:lab(94.3709% -4.56053 -8.23453);--color-sky-300:lab(80.3307% -20.2945 -31.385);--color-sky-800:lab(35.164% -9.57692 -34.4068);--color-blue-50:lab(96.492% -1.14644 -5.11479);--color-blue-100:lab(92.0301% -2.24757 -11.6453);--color-blue-200:lab(86.15% -4.04379 -21.0797);--color-blue-300:lab(77.5052% -6.4629 -36.42);--color-blue-400:lab(65.0361% -1.42065 -56.9802);--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-indigo-100:lab(91.6577% 1.04591 -12.7199);--color-indigo-600:lab(38.4009% 52.6132 -92.3857);--color-indigo-800:lab(26.6645% 37.9804 -68.6402);--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-600:lab(43.0295% 75.21 -86.5669);--color-purple-800:lab(30.6017% 56.7637 -64.4751);--color-pink-100:lab(93.5864% 9.01193 -3.15079);--color-pink-300:lab(77.8308% 38.525 -10.5394);--color-pink-800:lab(34.9559% 60.2885 5.99639);--color-rose-100:lab(92.8221% 9.86832 2.60075);--color-rose-300:lab(76.6339% 38.3549 9.68835);--color-rose-800:lab(34.6481% 60.802 20.1957);--color-slate-50:lab(98.1434% -.369519 -1.05966);--color-slate-100:lab(96.286% -.852436 -2.46847);--color-slate-200:lab(91.7353% -.998765 -4.76968);--color-slate-300:lab(84.7652% -1.94535 -7.93337);--color-slate-400:lab(65.5349% -2.25151 -14.5072);--color-slate-500:lab(48.0876% -2.03595 -16.5814);--color-slate-600:lab(35.5623% -1.74978 -15.4316);--color-slate-700:lab(26.9569% -1.47016 -15.6993);--color-slate-900:lab(7.78673% 1.82345 -15.0537);--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)}}}@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-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.top-4{top:calc(var(--spacing)*4)}.right-4{right:calc(var(--spacing)*4)}.bottom-4{bottom:calc(var(--spacing)*4)}.left-1\/2{left:50%}.left-4{left:calc(var(--spacing)*4)}.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)}.-mb-0\.5{margin-bottom:calc(var(--spacing)*-.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-3{margin-left:calc(var(--spacing)*3)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-12{height:calc(var(--spacing)*12)}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-12{width:calc(var(--spacing)*12)}.w-20{width:calc(var(--spacing)*20)}.w-full{width:100%}.max-w-7xl{max-width:var(--container-7xl)}.max-w-md{max-width:var(--container-md)}.min-w-\[300px\]{min-width:300px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-1{rotate:1deg}.rotate-2{rotate:2deg}.rotate-3{rotate:3deg}.rotate-4{rotate:4deg}.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-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,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}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-8{gap:calc(var(--spacing)*8)}: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)))}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.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-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-amber-300{border-color:var(--color-amber-300)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-300{border-color:var(--color-blue-300)}.border-gray-200{border-color:var(--color-gray-200)}.border-green-300{border-color:var(--color-green-300)}.border-orange-300{border-color:var(--color-orange-300)}.border-pink-300{border-color:var(--color-pink-300)}.border-purple-300{border-color:var(--color-purple-300)}.border-red-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-red-500{border-color:var(--color-red-500)}.border-rose-300{border-color:var(--color-rose-300)}.border-sky-300{border-color:var(--color-sky-300)}.border-slate-200{border-color:var(--color-slate-200)}.border-white{border-color:var(--color-white)}.border-yellow-300{border-color:var(--color-yellow-300)}.border-t-blue-600{border-top-color:var(--color-blue-600)}.border-t-transparent{border-top-color:#0000}.bg-amber-100{background-color:var(--color-amber-100)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-400{background-color:var(--color-blue-400)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-400{background-color:var(--color-purple-400)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-400{background-color:var(--color-red-400)}.bg-rose-100{background-color:var(--color-rose-100)}.bg-sky-100{background-color:var(--color-sky-100)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-400{background-color:var(--color-slate-400)}.bg-teal-400{background-color:var(--color-teal-400)}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-slate-50{--tw-gradient-from:var(--color-slate-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-slate-100{--tw-gradient-to:var(--color-slate-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.fill-red-500{fill:var(--color-red-500)}.fill-yellow-400{fill:var(--color-yellow-400)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.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-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pl-10{padding-left:calc(var(--spacing)*10)}.text-center{text-align:center}.text-right{text-align:right}.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-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)}.whitespace-pre-line{white-space:pre-line}.text-amber-800{color:var(--color-amber-800)}.text-blue-600{color:var(--color-blue-600)}.text-blue-800{color:var(--color-blue-800)}.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-green-600{color:var(--color-green-600)}.text-green-800{color:var(--color-green-800)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-800{color:var(--color-indigo-800)}.text-orange-800{color:var(--color-orange-800)}.text-pink-800{color:var(--color-pink-800)}.text-purple-800{color:var(--color-purple-800)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-rose-800{color:var(--color-rose-800)}.text-sky-800{color:var(--color-sky-800)}.text-slate-300{color:var(--color-slate-300)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-800{color:var(--color-yellow-800)}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-blue-700:hover{color:var(--color-blue-700)}.hover\:text-indigo-600:hover{color:var(--color-indigo-600)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-yellow-400:hover{color:var(--color-yellow-400)}.hover\:opacity-100:hover{opacity:1}}@media (min-width:48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:64rem){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}:root{--primary:#4a90e2;--primary-light:#6ba4e8;--primary-dark:#3a7bc8;--primary-hover:#5a9fe6;--secondary:#8b7fd8;--secondary-light:#a195e3;--secondary-dark:#7269c4;--accent:#50c9ce;--accent-light:#6fd5d9;--accent-dark:#3eb5ba;--emotion-joy:#ffd166;--emotion-sadness:#6a9fd8;--emotion-anger:#ef5350;--emotion-fear:#8b7fd8;--emotion-disgust:#66bb6a;--emotion-surprise:#ffa726;--success:#66bb6a;--warning:#ffa726;--danger:#ef5350;--info:#42a5f5;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-secondary:"Plus Jakarta Sans",sans-serif;--font-mono:"JetBrains Mono","Courier New",monospace;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1);--transition-bounce:.5s cubic-bezier(.34,1.56,.64,1);--shadow-sm:0 1px 3px #0000000d,0 1px 2px #00000008;--shadow-md:0 4px 6px #00000012,0 2px 4px #0000000d;--shadow-lg:0 10px 15px #00000014,0 4px 6px #0000000f;--shadow-xl:0 20px 25px #0000001a,0 8px 10px #00000014;--shadow-2xl:0 25px 50px #00000026;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--sidebar-width:280px;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f1f3f5;--bg-elevated:#fff;--bg-overlay:#00000080;--surface-primary:#fffffff2;--surface-secondary:#f8f9fae6;--surface-glass:#ffffffb3;--surface-hover:#4a90e214;--surface-active:#4a90e226;--text-primary:#1f2937;--text-secondary:#4b5563;--text-tertiary:#6b7280;--text-muted:#9ca3af;--text-inverse:#fff;--border-primary:#e5e7eb;--border-secondary:#d1d5db;--border-focus:#4a90e2;--border-hover:#9ca3af;--divider:#0000000f;--divider-strong:#0000001f;--state-hover:#4a90e21a;--state-active:#4a90e233;--state-disabled:#00000061;--shadow-color:0,0,0;--shadow-primary:0 4px 12px #4a90e226;--shadow-secondary:0 4px 12px #8b7fd826;--shadow-accent:0 4px 12px #50c9ce26;--glass-bg:#ffffffbf;--glass-border:#ffffff4d;--glass-shadow:0 8px 32px #00000014;--backdrop-blur:blur(16px);--backdrop-brightness:brightness(1.02);--emotion-joie:var(--emotion-joy);--emotion-tristesse:var(--emotion-sadness);--emotion-colere:var(--emotion-anger);--emotion-anxiete:var(--emotion-fear);--emotion-neutre:var(--emotion-disgust);--emotion-enthousiasme:var(--emotion-surprise)}html.dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-elevated:#1e293b;--bg-overlay:#000000b3;--surface-primary:#1e293bf2;--surface-secondary:#334155e6;--surface-glass:#1e293b80;--surface-hover:#4a90e226;--surface-active:#4a90e240;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--border-primary:#334155;--border-secondary:#475569;--border-focus:#4a90e2;--border-hover:#64748b;--divider:#ffffff14;--divider-strong:#ffffff29;--state-hover:#4a90e233;--state-active:#4a90e24d;--state-disabled:#ffffff61;--shadow-color:0,0,0;--shadow-primary:0 4px 12px #4a90e240;--shadow-secondary:0 4px 12px #8b7fd840;--shadow-accent:0 4px 12px #50c9ce40;--glass-bg:#1e293b99;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px #0006;--backdrop-blur:blur(20px);--backdrop-brightness:brightness(.95);--primary:#4a90e2;--secondary:#8b7fd8;--accent:#50c9ce;--emotion-joie:#ffcf5c;--emotion-tristesse:#5a8fc8;--emotion-colere:#e04946;--emotion-anxiete:#7b6fc4;--emotion-neutre:#5caa60;--emotion-enthousiasme:#ff9b1c}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-base),color var(--transition-base);line-height:1.6}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary)0%,var(--secondary)100%);border-radius:var(--radius-sm);border:2px solid var(--bg-secondary);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-light)0%,var(--secondary-light)100%)}@media (max-width:640px){html{font-size:14px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes pulse{50%{opacity:.5}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-slideUp{animation:slideUp var(--transition-base)ease}.animate-slideDown{animation:slideDown var(--transition-base)ease}.animate-scaleIn{animation:scaleIn var(--transition-base)ease}.animate-pulse{animation:2s ease-in-out infinite pulse}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-gradient{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-3{margin:var(--spacing-md)}.m-4{margin:var(--spacing-lg)}.m-5{margin:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);font-family:var(--font-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;outline:none;font-size:.95rem;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";transition:transform var(--transition-slow);background:linear-gradient(135deg,#0000 0%,#fff3 50%,#0000 100%);position:absolute;inset:0;transform:translate(-100%)}.btn:hover:before{transform:translate(100%)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.btn-tertiary{background:linear-gradient(135deg,var(--accent)0%,#43b8bd 100%);color:#fff;box-shadow:var(--shadow-accent)}.btn-tertiary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #50c9ce4d}.btn-tertiary:active{transform:translateY(0)}.btn-tertiary-outline{color:var(--accent);border:2px solid var(--accent);background:0 0}.btn-tertiary-outline:hover{border-color:var(--accent);box-shadow:var(--shadow-accent);background:#50c9ce1a;transform:translateY(-2px)}.btn-tertiary-outline:active{transform:translateY(0)}.btn-tertiary-soft{color:var(--accent);background:#50c9ce26;border:1px solid #50c9ce4d}.btn-tertiary-soft:hover{border-color:var(--accent);color:var(--accent);background:#50c9ce40}.btn-ghost:hover{background:var(--surface-hover);color:var(--text-primary)}.btn-icon{border-radius:var(--radius-md);background:var(--surface-secondary);width:2.5rem;height:2.5rem;color:var(--text-secondary);border:1px solid var(--border-primary);padding:0}.btn-icon:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.1)rotate(5deg)}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ef44444d}.btn-danger:active{transform:translateY(0)}.btn-success{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);box-shadow:0 4px 12px #22c55e26}.btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 24px #22c55e4d}.btn-success:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none!important}.btn:disabled:before{display:none}.btn-sm{padding:var(--spacing-sm)var(--spacing-md);font-size:.85rem}.btn-lg{padding:var(--spacing-lg)var(--spacing-xl);font-size:1rem}.btn-block{width:100%}.theme-toggle-btn{background:var(--surface-secondary);width:2.5rem;height:2.5rem;color:var(--text-primary);border:1px solid var(--border-secondary);cursor:pointer;border-radius:.5rem;outline:none;justify-content:center;align-items:center;padding:0;transition:all .25s;display:flex;position:relative;overflow:hidden}.theme-toggle-btn:before{display:none!important}.theme-toggle-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.1)rotate(5deg)}.theme-toggle-btn:active{transform:scale(.95)}.theme-toggle-btn svg{stroke:currentColor;flex-shrink:0;transition:transform .25s,opacity .25s;width:24px!important;height:24px!important}.theme-toggle-btn:hover svg{transform:rotate(20deg)scale(1.1)}.theme-toggle-btn:active svg{transform:rotate(-10deg)scale(.95)}@media (max-width:640px){.btn{padding:var(--spacing-sm)var(--spacing-md);font-size:.9rem}.btn-lg{padding:var(--spacing-md)var(--spacing-lg);font-size:.95rem}}.input,.textarea,.select{width:100%;padding:var(--spacing-md);font-family:var(--font-primary);color:var(--text-primary);background:var(--surface-secondary);border:1.5px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--transition-base);outline:none;font-size:.95rem}.input:hover,.textarea:hover,.select:hover{border-color:var(--border-hover);background:var(--surface-primary)}.input:focus,.textarea:focus,.select:focus{border-color:var(--primary);background:var(--surface-primary);box-shadow:0 0 0 3px #4a90e21a}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input-group{align-items:center;display:flex;position:relative}.input-group .input{padding-left:2.75rem}.input-icon{left:var(--spacing-md);color:var(--text-muted);pointer-events:none;position:absolute}.badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-full);white-space:nowrap;font-size:.8rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--primary);background:#4a90e226;border:1px solid #4a90e24d}.badge-success{color:var(--success);background:#66bb6a26;border:1px solid #66bb6a4d}.badge-warning{color:var(--warning);background:#ffa72626;border:1px solid #ffa7264d}.badge-danger{color:var(--danger);background:#ef535026;border:1px solid #ef53504d}.badge-emotion{padding:var(--spacing-sm)var(--spacing-md);font-size:.85rem;font-weight:700}.badge-joy{color:var(--emotion-joy);background:#ffd16633}.badge-sadness{color:var(--emotion-sadness);background:#6a9fd833}.badge-anger{color:var(--emotion-anger);background:#ef535033}.badge-fear{color:var(--emotion-fear);background:#8b7fd833}.badge-disgust{color:var(--emotion-disgust);background:#66bb6a33}.badge-surprise{color:var(--emotion-surprise);background:#ffa72633}.pagination{gap:var(--spacing-md);padding:var(--spacing-xl)0;flex-direction:column;align-items:center;display:flex}.pagination-btn{min-width:40px;height:40px;padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border-primary);background:var(--surface-primary);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:.95rem;font-weight:500;display:flex}.pagination-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.pagination-nav{min-width:40px;padding:var(--spacing-sm)}.pagination-nav svg{display:block}.pagination-number.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-color:var(--primary);box-shadow:var(--shadow-primary);font-weight:700}.pagination-number.active:hover{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;transform:none}.pagination-ellipsis{min-width:40px;height:40px;color:var(--text-muted);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.pagination-info{color:var(--text-secondary);font-size:.9rem}.pagination-compact{padding:var(--spacing-lg)0;justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:row;display:flex}.pagination-compact .pagination-container{gap:var(--spacing-md);align-items:center}.pagination-info-compact{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);background:var(--surface-secondary);border-radius:var(--radius-md);color:var(--text-secondary);justify-content:center;min-width:80px;height:40px;font-size:.95rem;display:flex}@media (max-width:640px){.pagination-container{gap:var(--spacing-xs)}.pagination-btn{min-width:36px;height:36px;padding:var(--spacing-xs)var(--spacing-sm);font-size:.875rem}.pagination-number{min-width:36px}.pagination-ellipsis{min-width:36px;height:36px}.pagination-nav:first-child,.pagination-nav:last-child{display:none}}@keyframes pageChange{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pagination-number.active{animation:.2s pageChange}.card{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{border-color:var(--primary);box-shadow:var(--shadow-md),var(--shadow-primary);transform:translateY(-2px)}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur)var(--backdrop-brightness);backdrop-filter:var(--backdrop-blur)var(--backdrop-brightness);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);padding:var(--spacing-xl);border-radius:var(--radius-xl)}.card-elevated{background:var(--bg-elevated);box-shadow:var(--shadow-lg);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur)var(--backdrop-brightness);backdrop-filter:var(--backdrop-blur)var(--backdrop-brightness);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-strong{background:var(--surface-glass);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);border:1.5px solid var(--glass-border);box-shadow:var(--shadow-xl)}@media (max-width:640px){.card,.card-glass,.card-elevated{padding:var(--spacing-lg)}}.journal-card{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);transition:all var(--transition-base,.25s ease);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:relative;overflow:hidden}.journal-card:before{content:"";background:radial-gradient(circle at top right,var(--state-hover),transparent 70%);opacity:0;transition:opacity var(--transition-base,.25s ease);pointer-events:none;z-index:0;position:absolute;inset:0}.journal-card:hover{border-color:var(--primary);box-shadow:var(--shadow-primary);transform:translateY(-8px)}.journal-card:hover:before{opacity:1}.journal-card__header{z-index:1;height:8px;position:relative}.journal-card__header--low{background:linear-gradient(90deg,#10b981,#059669)}.journal-card__header--medium{background:linear-gradient(90deg,#f59e0b,#d97706)}.journal-card__header--high{background:linear-gradient(90deg,#ef4444,#dc2626)}.journal-card__status-badge{top:var(--spacing-md,1rem);right:var(--spacing-lg,1.5rem);align-items:center;gap:var(--spacing-xs,.25rem);padding:.375rem var(--spacing-md,1rem);background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-full,9999px);box-shadow:var(--shadow-md);z-index:2;text-transform:capitalize;font-size:.8rem;font-weight:600;animation:.4s slideDown;display:inline-flex;position:absolute}.journal-card__status-icon{font-size:1rem;line-height:1}.journal-card__status-text{color:var(--text-primary);font-size:.8rem;font-weight:600}.journal-card__header--low+.journal-card__content .journal-card__status-badge{color:#10b981;background:linear-gradient(135deg,#10b9811a,#0596690d);border-color:#10b981}.journal-card__header--medium+.journal-card__content .journal-card__status-badge{color:#f59e0b;background:linear-gradient(135deg,#f59e0b1a,#d977060d);border-color:#f59e0b}.journal-card__header--high+.journal-card__content .journal-card__status-badge{color:#ef4444;background:linear-gradient(135deg,#ef44441a,#dc26260d);border-color:#ef4444}.journal-card__content{padding:var(--spacing-xl,2rem);padding-top:var(--spacing-2xl,3rem);gap:var(--spacing-md,1rem);z-index:1;flex-direction:column;flex:1;display:flex;position:relative}.journal-card__title{color:var(--text-primary);letter-spacing:-.01em;word-break:break-word;margin:0;font-size:1.35rem;font-weight:700;line-height:1.3}.journal-card__description{color:var(--text-secondary);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.journal-card__progress{gap:var(--spacing-xs,.25rem);margin-top:var(--spacing-sm,.5rem);flex-direction:column;display:flex}.journal-card__progress-bar{background:var(--bg-tertiary);border-radius:var(--radius-full,9999px);width:100%;height:8px;position:relative;overflow:hidden}.journal-card__progress-fill{border-radius:var(--radius-full,9999px);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.journal-card__progress-fill--low{background:linear-gradient(90deg,#10b981,#059669)}.journal-card__progress-fill--medium{background:linear-gradient(90deg,#f59e0b,#d97706)}.journal-card__progress-fill--high{background:linear-gradient(90deg,#ef4444,#dc2626)}.journal-card__progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.journal-card__progress-text{color:var(--text-secondary);font-size:.8rem;font-weight:600}.journal-card__trigger{padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem);background:var(--bg-secondary);border-left:3px solid var(--primary);border-radius:var(--radius-md,.5rem);margin-top:var(--spacing-sm,.5rem)}.journal-card__trigger-label{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.journal-card__trigger-text{color:var(--text-secondary);margin:var(--spacing-xs,.25rem)0 0 0;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.journal-card__meta{gap:var(--spacing-lg,1.5rem);padding-top:var(--spacing-md,1rem);flex-wrap:wrap;margin-top:auto;display:flex}.journal-card__meta-item{align-items:center;gap:var(--spacing-sm,.5rem);color:var(--text-secondary);font-size:.85rem;display:flex}.journal-card__meta-icon{width:16px;height:16px;color:var(--primary);flex-shrink:0}.journal-card__footer{padding:var(--spacing-lg,1.5rem)var(--spacing-xl,2rem);border-top:1px solid var(--border-primary);justify-content:space-between;align-items:center;gap:var(--spacing-md,1rem);background:var(--bg-secondary);z-index:1;display:flex;position:relative}.journal-card__btn{align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-sm,.5rem)var(--spacing-lg,1.5rem);border-radius:var(--radius-lg,.75rem);cursor:pointer;transition:all var(--transition-base,.25s ease);border:none;font-family:inherit;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.journal-card__btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.journal-card__btn:hover:before{transform:translate(100%)}.journal-card__btn--primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 2px 8px #4a90e24d}.journal-card__btn--primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4a90e266}.journal-card__btn--primary:active{transform:translateY(0)}.journal-card__btn-icon{flex-shrink:0;width:18px;height:18px}.journal-card__btn-chevron{width:16px;height:16px;transition:transform var(--transition-base,.25s ease);flex-shrink:0}.journal-card__btn--primary:hover .journal-card__btn-chevron{transform:translate(4px)}.journal-card__actions{gap:var(--spacing-sm,.5rem);display:flex}.journal-card__btn-icon{border:1.5px solid var(--border-primary);background:var(--surface-primary);border-radius:var(--radius-md,.5rem);cursor:pointer;width:36px;height:36px;transition:all var(--transition-base,.25s ease);color:var(--text-secondary);justify-content:center;align-items:center;padding:0;display:flex}.journal-card__btn-icon:hover{transform:translateY(-2px)}.journal-card__btn-icon--edit:hover{border-color:var(--primary);color:var(--primary);background:linear-gradient(135deg,#4a90e21a,#8b7fd80d);box-shadow:0 4px 12px #4a90e233}.journal-card__btn-icon--delete:hover{border-color:var(--danger);color:var(--danger);background:linear-gradient(135deg,#ef44441a,#dc26260d);box-shadow:0 4px 12px #ef444433}.journal-cards-grid{gap:var(--spacing-2xl,3rem);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-width:1200px;margin:0 auto;animation:.6s fadeIn;display:grid}@media (max-width:1024px){.journal-cards-grid{gap:var(--spacing-xl,2rem);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.journal-cards-grid{gap:var(--spacing-xl,2rem);grid-template-columns:1fr}.journal-card__content{padding:var(--spacing-lg,1.5rem);padding-top:var(--spacing-2xl,3rem)}.journal-card__footer{flex-direction:column;align-items:stretch}.journal-card__btn--primary{justify-content:center;width:100%}.journal-card__actions{justify-content:center}}@media (max-width:480px){.journal-card__status-badge{padding:.25rem var(--spacing-sm,.5rem);font-size:.75rem}.journal-card__status-icon{font-size:.875rem}.journal-card__title{font-size:1.125rem}.journal-card__content{padding:var(--spacing-md,1rem);padding-top:var(--spacing-xl,2rem)}.journal-card__meta{gap:var(--spacing-sm,.5rem);flex-direction:column}.journal-card__btn-icon{width:32px;height:32px}}.strategy-card{background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-primary);height:100%;min-height:420px;box-shadow:var(--shadow-primary);background-image:linear-gradient(135deg,var(--surface-glass)0%,var(--surface-glass)100%),linear-gradient(135deg,#4a90e214 0%,#8b7fd814 100%);background-blend-mode:overlay;border-radius:1rem;flex-direction:column;padding:1.5rem;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.strategy-card:hover{border-color:var(--border-focus);transform:translateY(-8px)scale(1.01);box-shadow:0 16px 32px -4px #4a90e233,0 8px 16px -4px #8b7fd81a}.strategy-card__title-section{flex:1;min-width:0}.strategy-card__title-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.strategy-card__title{color:var(--text-primary);word-break:break-word;letter-spacing:-.5px;flex:1;min-width:0;margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.strategy-card__description{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.btn-icon{background:var(--surface-hover);cursor:pointer;border:1px solid #0000;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;min-width:2.25rem;min-height:2.25rem;padding:.5rem;transition:all .2s;display:flex}.btn-icon:hover:not(:disabled){background:var(--state-hover);border-color:var(--border-focus);transform:scale(1.05)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.strategy-card__actions{flex-wrap:wrap;flex-shrink:0;gap:.25rem;display:flex}.strategy-card__badges{flex-wrap:wrap;gap:.625rem;margin-bottom:1rem;display:flex}.badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;border:1px solid #fff3;border-radius:9999px;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.badge:hover{transform:translateY(-2px)}.badge-physique{color:#dc2626;background:#ef44441f;border-color:#ef44444d}.badge-cognitive{color:#2563eb;background:#3b82f61f;border-color:#3b82f64d}.badge-sociale{color:#16a34a;background:#22c55e1f;border-color:#22c55e4d}.badge-creative{color:#9333ea;background:#a855f71f;border-color:#a855f74d}.badge-sensorielle{color:#db2777;background:#ec48991f;border-color:#ec48994d}.badge-respiration{color:#0891b2;background:#06b6d41f;border-color:#06b6d44d}.badge-emotion{background:var(--state-hover);color:var(--text-primary);border-color:var(--border-primary)}.strategy-card__meta{background:var(--surface-hover);color:var(--text-secondary);border:1px solid #0000;border-radius:.625rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.875rem;font-size:.875rem;transition:all .2s;display:flex}.strategy-card__meta:hover{border-color:var(--border-primary)}.strategy-card__meta-left{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.strategy-meta-item{align-items:center;gap:.5rem;font-weight:500;display:flex}.strategy-meta-item svg{opacity:.8;flex-shrink:0;width:1rem;height:1rem}.strategy-card__rating{color:#facc15;white-space:nowrap;background:#facc1526;border:1px solid #facc154d;border-radius:.625rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-weight:700;transition:all .2s;display:flex}.strategy-card__rating svg{filter:drop-shadow(0 2px 4px #facc154d);flex-shrink:0;width:1.125rem;height:1.125rem;fill:#facc15!important;color:#facc15!important}.strategy-card__rating:hover{background:#facc1540;border-color:#facc1580;transform:scale(1.05)}.rating-value{color:#facc15;font-size:.95rem;font-weight:700}.btn.btn-primary{color:#fff;cursor:pointer;letter-spacing:-.5px;background:linear-gradient(135deg,#4a90e2 0%,#8b7fd8 100%);border:none;border-radius:.75rem;width:100%;margin-top:auto;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 8px 20px -4px #4a90e24d}.btn.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn.btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 28px -4px #4a90e266,0 8px 16px -8px #8b7fd833}.btn.btn-primary:hover:not(:disabled):before{left:100%}.btn.btn-primary:active:not(:disabled){transform:translateY(-1px)}.btn.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.strategies-grid-3col{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}@media (max-width:1280px){.strategies-grid-3col{grid-template-columns:repeat(3,1fr);gap:1.25rem}.strategy-card{min-height:400px}}@media (max-width:1024px){.strategies-grid-3col{grid-template-columns:1fr;gap:1rem}.strategy-card{border-radius:.875rem;max-width:600px;min-height:auto;margin:0 auto;padding:1.25rem}.strategy-card:hover{transform:translateY(-4px)scale(1)}.strategy-card__header{gap:.75rem;margin-bottom:1rem}.strategy-card__title{font-size:1.125rem}.strategy-card__title-row,.strategy-card__actions{gap:.5rem}.btn-icon{min-width:2.5rem;min-height:2.5rem;padding:.5rem}.strategy-card__meta{gap:.5rem;padding:.75rem}.strategy-card__meta-left{gap:1rem}.badge{padding:.375rem .625rem;font-size:.75rem}}@media (max-width:640px){.strategies-grid-3col{gap:.875rem}.strategy-card{max-width:100%;padding:1rem}.strategy-card__title{font-size:1rem}.strategy-card__description{font-size:.8125rem}.btn-icon{min-width:2rem;min-height:2rem;padding:.375rem}.btn-icon svg{width:1rem;height:1rem}.strategy-card__meta{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.75rem}.strategy-card__meta-left{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.strategy-card__rating{padding:.5rem .625rem}.rating-value{font-size:.875rem}.btn.btn-primary{padding:.875rem 1rem;font-size:.9rem}.badge{padding:.3rem .5rem;font-size:.7rem}}@media (max-width:480px){.strategies-grid-3col{gap:.75rem}.strategy-card{border-radius:.75rem;padding:.875rem}.strategy-card:before{height:3px}.strategy-card__title{letter-spacing:-.3px;font-size:.95rem}.strategy-card__description{-webkit-line-clamp:3;font-size:.75rem}.strategy-card__title-row{gap:.375rem}.strategy-card__actions{gap:.25rem}.btn-icon{border-radius:.5rem;min-width:1.75rem;min-height:1.75rem;padding:.25rem}.btn-icon svg{width:.875rem;height:.875rem}.strategy-card__meta{padding:.625rem;font-size:.8125rem}.strategy-meta-item svg{width:.875rem;height:.875rem}.strategy-card__rating{padding:.375rem .5rem}.strategy-card__rating svg{width:1rem;height:1rem}.rating-value{font-size:.8125rem}.btn.btn-primary{border-radius:.625rem;padding:.75rem .875rem;font-size:.875rem}.badge{gap:.125rem;padding:.25rem .4rem;font-size:.65rem}details summary{font-size:.8125rem}details p{font-size:.75rem}}html.dark .strategy-card{background-image:linear-gradient(135deg,var(--surface-glass)0%,var(--surface-glass)100%),linear-gradient(135deg,#4a90e20a 0%,#8b7fd80a 100%)}html.dark .badge{border-color:#ffffff1a}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:2rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-2xl);background:var(--surface-primary);border:1px solid var(--border-primary);flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px #00000040}.modal-header{border-bottom:1.5px solid var(--border-primary);border-radius:var(--radius-2xl)var(--radius-2xl)0 0;background:linear-gradient(135deg,#4a90e214 0%,#8b7fd814 100%);justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:2.5rem 2.5rem 2rem;display:flex;position:relative;overflow:hidden}.modal-header:after{content:"";background:linear-gradient(45deg,#0000,#ffffff0d,#0000);width:200%;height:200%;animation:3s ease-in-out infinite sweep;position:absolute;top:-50%;left:-50%}@keyframes sweep{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}.modal-title{z-index:1;letter-spacing:-.5px;background:linear-gradient(135deg,var(--primary)0%,#8b7fd8 50%,#d946ef 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:900;line-height:1.2;animation:3s ease-in-out infinite titleGlow;position:relative}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 20px #4a90e24d)}50%{filter:drop-shadow(0 0 30px #8b7fd880)}}.modal-subtitle{color:var(--text-secondary);margin:var(--spacing-xs)0 0 0;z-index:1;font-size:.95rem;position:relative}.btn-icon{z-index:1;border-radius:var(--radius-lg);color:#fff;cursor:pointer;width:44px;height:44px;transition:all var(--transition-base);background:#fff3;border:1px solid #ffffff4d;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.25rem;display:flex;position:relative}.btn-icon:hover{background:#ffffff59;border-color:#fff;transform:rotate(90deg)scale(1.1)}.btn-icon:active{transform:rotate(90deg)scale(.95)}.modal-progress{background:var(--border-primary);flex-shrink:0;width:100%;height:4px}.modal-progress-bar{background:linear-gradient(90deg,var(--primary),var(--secondary));height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #4a90e299}.modal-footer{padding:var(--spacing-xl)var(--spacing-2xl);border-top:1px solid var(--border-primary);background:var(--bg-secondary);flex-shrink:0}.modal-footer-actions{gap:var(--spacing-md);flex-wrap:wrap;justify-content:flex-end;display:flex}.btn{padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:var(--spacing-sm);border:none;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4a90e266}.btn-primary:active{transform:translateY(0)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:linear-gradient(135deg,#4a90e20d,#00d4ff0d)}@media (max-width:768px){.modal-overlay{padding:1rem}.modal-content{border-radius:var(--radius-xl);max-width:100%}.modal-header{border-radius:var(--radius-xl)var(--radius-xl)0 0;padding:2rem 1.5rem 1.5rem}.modal-title{font-size:1.75rem}.modal-body,.modal-footer{padding:var(--spacing-lg)}.modal-footer-actions{flex-direction:column}.btn{justify-content:center;width:100%}}@media (max-width:480px){.modal-overlay{padding:.5rem}.modal-content{border-radius:var(--radius-lg)}.modal-header{border-radius:var(--radius-lg)var(--radius-lg)0 0;gap:var(--spacing-md);flex-direction:column;padding:1.5rem 1rem 1rem}.modal-title{font-size:1.5rem}.modal-body,.modal-footer{padding:var(--spacing-md)}.btn-icon{width:40px;height:40px;font-size:1.3rem}}.create-matrix-step{animation:.3s fadeIn}.step-title{color:var(--text-primary);margin:0 0 var(--spacing-sm)0;font-size:1.5rem;font-weight:700}.create-matrix-subtitle{color:var(--text-secondary);margin:0 0 var(--spacing-2xl)0;font-size:1rem}.form-helper{color:var(--text-muted);font-size:.85rem}.input,.textarea{padding:var(--spacing-md)var(--spacing-lg);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);background:var(--surface-primary);transition:all var(--transition-base);font-family:inherit;font-size:1rem}.input:focus,.textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4a90e21a}.input-error,.textarea.input-error{border-color:var(--danger)}.input-error:focus,.textarea.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.textarea{resize:vertical;min-height:100px}.form-error{color:var(--danger);font-size:.85rem;font-weight:500}.form-info-box{padding:var(--spacing-lg);border-left:4px solid var(--primary);border-radius:var(--radius-lg);gap:var(--spacing-lg);margin-top:var(--spacing-lg);background:linear-gradient(135deg,#4a90e21a,#00d4ff0d);display:flex}.info-icon{flex-shrink:0;font-size:1.5rem}.form-info-box strong{color:var(--text-primary);margin-bottom:var(--spacing-xs);display:block}.form-info-box p{color:var(--text-secondary);margin:0;font-size:.9rem}.slider{background:var(--border-primary);appearance:none;cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg,var(--primary),var(--secondary));cursor:pointer;width:20px;height:20px;transition:all var(--transition-base);border-radius:50%;box-shadow:0 2px 8px #4a90e266}.slider::-moz-range-thumb{background:linear-gradient(135deg,var(--primary),var(--secondary));cursor:pointer;width:20px;height:20px;transition:all var(--transition-base);border:none;border-radius:50%;box-shadow:0 2px 8px #4a90e266}.journal-level-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.journal-level-card{padding:var(--spacing-lg);border:2px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:center;background:var(--surface-primary)}.journal-level-card:hover{border-color:var(--primary);background:linear-gradient(135deg,#4a90e20d,#00d4ff0d)}.journal-level-icon{margin-bottom:var(--spacing-sm);font-size:2.5rem}.journal-level-card h4{margin:0 0 var(--spacing-xs)0;color:var(--text-primary);font-size:1.1rem;font-weight:700}.journal-level-time{color:var(--primary);margin:0 0 var(--spacing-xs)0;font-size:.85rem;font-weight:600}.journal-level-description{color:var(--text-secondary);margin:0;font-size:.8rem}.emotion-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(80px,1fr));display:grid}.emotion-button{padding:var(--spacing-lg);border:2px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--surface-primary);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:var(--spacing-sm);flex-direction:column;font-family:inherit;display:flex}.emotion-button:hover{border-color:var(--primary);background:linear-gradient(135deg,#4a90e20d,#00d4ff0d)}.emotion-button.selected{border-color:var(--primary);background:linear-gradient(135deg,#4a90e226,#00d4ff1a);box-shadow:0 0 20px #4a90e24d}.emotion-emoji{font-size:2rem}.emotion-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.matrice-cards-grid,.matrice-grid{gap:var(--spacing-2xl,3rem);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-width:1200px;margin:0 auto;animation:.6s fadeIn;display:grid}.page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);padding:var(--spacing-xl,2rem);flex-direction:column;width:100%;max-width:1400px;margin:0 auto;display:flex}@keyframes wave{0%{left:-100%}to{left:200%}}.page-header h1{z-index:1;color:var(--text-primary);letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary),var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;position:relative}@keyframes wave-stat{0%{left:-100%}to{left:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1024px){.matrice-cards-grid,.matrice-grid{gap:var(--spacing-xl,2rem);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page{padding:var(--spacing-lg,1.5rem)}.page-header{padding:var(--spacing-xl,2rem);margin-bottom:var(--spacing-2xl,3rem);flex-direction:column;align-items:flex-start}.page-header h1{font-size:1.5rem}.stats-grid{gap:var(--spacing-lg,1.5rem);margin-bottom:var(--spacing-2xl,3rem);grid-template-columns:1fr}.matrice-header{padding:var(--spacing-md,1rem)var(--spacing-lg,1.5rem)}.matrice-header-title h1{font-size:1.25rem}.matrice-main{padding:var(--spacing-xl,2rem)var(--spacing-lg,1.5rem)}.matrice-cards-grid,.matrice-grid{gap:var(--spacing-xl,2rem);grid-template-columns:1fr}.matrice-card__content{padding:var(--spacing-lg,1.5rem);padding-top:var(--spacing-2xl,3rem)}.matrice-card__footer{flex-direction:column;align-items:stretch}.matrice-card__btn--primary{justify-content:center;width:100%}.matrice-card__actions{justify-content:center}.matrice-filters-grid{grid-template-columns:1fr}.matrice-section-header{align-items:flex-start;gap:var(--spacing-md,1rem);flex-direction:column}}@media (max-width:480px){.page{padding:var(--spacing-md,1rem)}.page-header{padding:var(--spacing-lg,1.5rem);margin-bottom:var(--spacing-xl,2rem)}.page-header h1{font-size:1.25rem}.stats-grid{gap:var(--spacing-md,1rem);margin-bottom:var(--spacing-xl,2rem)}.stat-card{padding:var(--spacing-lg,1.5rem)}.stat-card__icon{width:2.5rem;height:2.5rem;font-size:1.25rem}.stat-card__value{font-size:1.5rem}.matrice-header-title h1,.matrice-card__title{font-size:1.125rem}.matrice-card__status-badge{padding:.25rem var(--spacing-sm,.5rem);font-size:.75rem}.matrice-card__meta{gap:var(--spacing-sm,.5rem);flex-direction:column}.pagination-btn{min-width:36px;height:36px;font-size:.85rem}.pagination-number{min-width:36px}.pagination-ellipsis{min-width:36px;height:36px}.pagination-info{font-size:.85rem}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--spacing-lg,1.5rem);background:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface-primary);border-radius:var(--radius-xl,1rem);width:100%;max-width:900px;max-height:90vh;box-shadow:var(--shadow-2xl,0 25px 50px -12px #00000040);flex-direction:column;animation:.4s slideUp;display:flex;overflow:hidden}.modal-header{padding:var(--spacing-xl,2rem);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg,1.5rem);display:flex}.btn-icon:hover{border-color:var(--danger);color:var(--danger);background:linear-gradient(135deg,#ef44441a,#dc26260d);transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.btn-icon:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-progress{background:var(--bg-tertiary);height:4px;position:relative;overflow:hidden}.modal-progress-bar{background:linear-gradient(90deg,var(--primary),var(--secondary));height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);position:relative}.modal-progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.modal-body{padding:var(--spacing-xl,2rem);flex:1;overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--bg-secondary)}.modal-body::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full,9999px)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--primary)}.modal-footer{padding:var(--spacing-lg,1.5rem)var(--spacing-xl,2rem);border-top:1px solid var(--border-primary);background:var(--bg-secondary)}.modal-footer-actions{justify-content:space-between;align-items:center;gap:var(--spacing-md,1rem);display:flex}.btn{align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-sm,.5rem)var(--spacing-lg,1.5rem);border-radius:var(--radius-lg,.75rem);cursor:pointer;transition:all var(--transition-base,.25s ease);border:none;font-family:inherit;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.create-matrix-step{gap:var(--spacing-xl,2rem);flex-direction:column;display:flex}.step-title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:700}.create-matrix-subtitle{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.5}.journal-level-grid{gap:var(--spacing-lg,1.5rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.journal-level-card{background:var(--surface-primary);border:2px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);cursor:pointer;transition:all var(--transition-base,.25s ease);gap:var(--spacing-md,1rem);flex-direction:column;display:flex;position:relative}.journal-level-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 20px #4a90e233}.journal-level-card.selected{border-color:var(--primary);background:linear-gradient(135deg,#4a90e20d,#8b7fd80d);box-shadow:0 4px 12px #4a90e24d}.journal-level-icon{font-size:2.5rem;line-height:1}.journal-level-card h4{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:700}.journal-level-time{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.875rem;font-weight:600}.journal-level-description{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.create-matrix-form{gap:var(--spacing-lg,1.5rem);flex-direction:column;display:flex}.form-helper{color:var(--text-secondary);margin-top:var(--spacing-xs,.25rem);font-size:.85rem}.form-error{color:var(--danger);margin-top:var(--spacing-xs,.25rem);font-size:.85rem}.textarea{width:100%;padding:var(--spacing-md,1rem);border:1.5px solid var(--border-primary);border-radius:var(--radius-md,.5rem);background:var(--bg-primary);color:var(--text-primary);resize:vertical;transition:all var(--transition-base,.25s ease);font-family:inherit;font-size:.95rem;line-height:1.5}.textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4a90e21a}.textarea.input-error{border-color:var(--danger)}.textarea.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.matrix-builder-columns{gap:var(--spacing-xl,2rem);grid-template-columns:repeat(2,1fr);display:grid}.matrix-builder-column{gap:var(--spacing-md,1rem);background:var(--bg-secondary);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg,.75rem);padding:var(--spacing-lg,1.5rem);flex-direction:column;display:flex}.matrix-builder-subtitle{color:var(--text-primary);align-items:center;gap:var(--spacing-sm,.5rem);margin:0;font-size:1rem;font-weight:700;display:flex}.matrix-builder-helper{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.4}.matrix-items-list{gap:var(--spacing-sm,.5rem);min-height:100px;max-height:300px;padding:var(--spacing-sm,.5rem);background:var(--bg-primary);border-radius:var(--radius-md,.5rem);flex-direction:column;display:flex;overflow-y:auto}.matrix-items-list::-webkit-scrollbar{width:6px}.matrix-items-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-full,9999px)}.matrix-items-list::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full,9999px)}.matrix-items-list::-webkit-scrollbar-thumb:hover{background:var(--primary)}.matrix-item{justify-content:space-between;align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem);background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md,.5rem);transition:all var(--transition-base,.25s ease);display:flex}.matrix-item:hover{border-color:var(--primary);box-shadow:0 2px 6px #4a90e21a}.matrix-item-name{color:var(--text-primary);word-break:break-word;flex:1;font-size:.9rem;line-height:1.4}.matrix-item-remove{width:24px;height:24px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm,.25rem);transition:all var(--transition-base,.25s ease);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.matrix-item-remove:hover{color:var(--danger);background:#ef44441a}.matrix-add-item{gap:var(--spacing-sm,.5rem);display:flex}.matrix-add-item .btn-secondary{padding:var(--spacing-sm,.5rem);flex-shrink:0;justify-content:center;min-width:40px}.mb-4{margin-bottom:var(--spacing-lg,1.5rem)}.mt-1{margin-top:var(--spacing-xs,.25rem)}.py-8{padding-top:var(--spacing-xl,2rem);padding-bottom:var(--spacing-xl,2rem)}.text-muted{color:var(--text-muted)}.text-center{text-align:center}@media (max-width:768px){.modal-content{border-radius:0;max-width:100%;max-height:100vh}.modal-overlay{padding:0}.matrix-builder-columns{gap:var(--spacing-lg,1.5rem);grid-template-columns:1fr}.journal-level-grid{grid-template-columns:1fr}.modal-footer-actions{flex-direction:column-reverse}.modal-footer-actions .btn{justify-content:center;width:100%}}@media (max-width:480px){.modal-header,.modal-body,.modal-footer{padding:var(--spacing-lg,1.5rem)}.step-title{font-size:1.25rem}.matrix-builder-column{padding:var(--spacing-md,1rem)}}.analytics-modal{max-width:900px}.analytics-tabs{gap:var(--spacing-md);padding:var(--spacing-xl)var(--spacing-2xl);border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);flex-shrink:0;min-height:80px;display:flex;overflow-x:auto}.analytics-tab{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg)var(--spacing-xl);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;font-size:1rem;font-weight:600;display:flex}.analytics-tab:hover{color:var(--primary)}.analytics-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:linear-gradient(#4a90e20d,#0000)}.analytics-tab-icon{font-size:1.2rem}.analytics-tab-badge{min-width:24px;height:24px;padding:0 var(--spacing-sm);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:var(--radius-full);margin-left:var(--spacing-xs);justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.analytics-body{min-height:400px}.analytics-empty{justify-content:center;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-3xl)var(--spacing-lg);text-align:center;color:var(--text-secondary);flex-direction:column;min-height:300px;display:flex}.analytics-empty-icon{font-size:4rem;animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.analytics-empty h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.analytics-empty p{color:var(--text-secondary);max-width:400px;margin:0;font-size:.95rem}.analytics-insights-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.analytics-insight-card{padding:var(--spacing-lg);border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--surface-primary);transition:all var(--transition-base);border-left:4px solid}.analytics-insight-card:hover{border-color:var(--primary);transform:translate(4px);box-shadow:0 0 20px #4a90e233}.analytics-insight-card.insight-pattern{border-left-color:#4a90e2}.analytics-insight-card.insight-correlation{border-left-color:#a855f7}.analytics-insight-card.insight-trigger{border-left-color:#f59e0b}.analytics-insight-card.insight-strategy{border-left-color:#10b981}.insight-header{align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex}.insight-icon-wrapper{border-radius:var(--radius-lg);background:linear-gradient(135deg,#4a90e226,#00d4ff1a);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.insight-icon{font-size:1.5rem}.insight-title-section{flex:1;min-width:0}.insight-title{color:var(--text-primary);margin:0 0 var(--spacing-xs)0;font-size:1.1rem;font-weight:700;line-height:1.3}.insight-date{align-items:center;gap:var(--spacing-xs);color:var(--text-muted);margin:0;font-size:.85rem;display:flex}.insight-impact{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);color:var(--success);background:linear-gradient(135deg,#10b98126,#34d3991a);flex-shrink:0;font-size:.95rem;font-weight:700;display:flex}.insight-description{color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:.95rem}.insight-data{color:var(--text-secondary);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:.85rem}.insight-actions{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.insight-action-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border-primary);background:var(--surface-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);font-size:.85rem;font-weight:500;display:flex}.insight-action-btn:hover{border-color:var(--primary);color:var(--primary);background:linear-gradient(135deg,#4a90e20d,#00d4ff0d)}.analytics-footer{padding:var(--spacing-lg)var(--spacing-2xl);border-top:1px solid var(--border-primary);background:var(--bg-secondary)}.analytics-info-box{padding:var(--spacing-lg);border-left:4px solid var(--primary);border-radius:var(--radius-lg);gap:var(--spacing-lg);background:linear-gradient(135deg,#4a90e21a,#00d4ff0d);display:flex}.analytics-info-box strong{color:var(--text-primary);margin-bottom:var(--spacing-xs);display:block}.analytics-info-box p{color:var(--text-secondary);margin:0;font-size:.9rem}.quick-action-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:2rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.quick-action-content{border-radius:var(--radius-2xl);background:var(--surface-primary);border:1px solid var(--border-primary);flex-direction:column;width:100%;max-width:800px;max-height:90vh;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px #00000040}.quick-action-header{border-bottom:1.5px solid var(--border-primary);background:linear-gradient(135deg,#4a90e214 0%,#8b7fd814 100%);justify-content:space-between;align-items:flex-start;gap:1.5rem;min-height:fit-content;padding:2rem 2.5rem;display:flex;position:relative;overflow:hidden}.quick-action-header:after{content:"";background:linear-gradient(45deg,#0000,#ffffff0d,#0000);width:200%;height:200%;animation:3s ease-in-out infinite sweep;position:absolute;top:-50%;left:-50%}.quick-action-title{z-index:1;margin:0 0 var(--spacing-xs)0;letter-spacing:-.5px;align-items:center;gap:var(--spacing-md);background:linear-gradient(135deg,var(--primary)0%,#8b7fd8 50%,#d946ef 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:900;line-height:1.2;display:flex;position:relative}.quick-action-subtitle{color:var(--text-secondary);z-index:1;margin:0;font-size:.95rem;position:relative}.quick-action-close{z-index:1;border-radius:var(--radius-lg);color:#fff;cursor:pointer;width:44px;height:44px;transition:all var(--transition-base);background:#fff3;border:1px solid #ffffff4d;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.quick-action-close:hover{background:#ffffff59;border-color:#fff;transform:rotate(90deg)scale(1.1)}.quick-action-grid{gap:var(--spacing-xl);padding:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.quick-action-card{padding:var(--spacing-xl);border:2px solid var(--border-primary);border-radius:var(--radius-xl);background:var(--surface-primary);cursor:pointer;text-align:left;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.quick-action-card:before{content:"";opacity:0;transition:opacity var(--transition-base);background:linear-gradient(135deg,#4a90e20d,#00d4ff0d);position:absolute;inset:0}.quick-action-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #4a90e240}.quick-action-card:hover:before{opacity:1}.quick-action-card--journal{border-color:#4a90e2}.quick-action-card--journal:hover{border-color:#4a90e2;box-shadow:0 20px 40px #4a90e24d}.quick-action-card--matrice{border-color:#a855f7}.quick-action-card--matrice:hover{border-color:#a855f7;box-shadow:0 20px 40px #a855f74d}.quick-action-card--analytics{border-color:#50c9ce}.quick-action-card--analytics:hover{border-color:#50c9ce;box-shadow:0 20px 40px #50c9ce4d}.quick-action-card-header{margin-bottom:var(--spacing-lg);z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.quick-action-icon-wrapper{border-radius:var(--radius-xl);width:64px;height:64px;color:var(--primary);transition:all var(--transition-base);background:linear-gradient(135deg,#4a90e226,#00d4ff1a);justify-content:center;align-items:center;display:flex}.quick-action-card:hover .quick-action-icon-wrapper{background:linear-gradient(135deg,#4a90e240,#00d4ff26);transform:scale(1.1)rotate(-5deg)}.quick-action-card--matrice .quick-action-icon-wrapper{color:#a855f7;background:linear-gradient(135deg,#a855f726,#d946ef1a)}.quick-action-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-full);color:var(--success);text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#10b98126,#34d3991a);font-size:.75rem;font-weight:700;display:flex}.quick-action-card-body{z-index:1;flex:1;position:relative}.quick-action-card-title{color:var(--text-primary);margin:0 0 var(--spacing-sm)0;font-size:1.5rem;font-weight:700;line-height:1.3}.quick-action-card-description{color:var(--text-secondary);margin:0 0 var(--spacing-lg)0;font-size:.95rem;line-height:1.6}.quick-action-features{gap:var(--spacing-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.quick-action-features li{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);padding:var(--spacing-xs)0;font-size:.85rem;display:flex}.quick-action-features li svg{color:var(--primary);flex-shrink:0}.quick-action-card--matrice .quick-action-features li svg{color:#a855f7}.quick-action-card-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-primary);color:var(--primary);z-index:1;justify-content:space-between;align-items:center;font-weight:600;display:flex;position:relative}.quick-action-card--matrice .quick-action-card-footer{color:#a855f7}.quick-action-card:hover .quick-action-card-footer{gap:var(--spacing-sm)}.quick-action-card-footer svg{transition:transform var(--transition-base)}.quick-action-card:hover .quick-action-card-footer svg{transform:translate(4px)}.quick-action-info{padding:var(--spacing-xl)var(--spacing-2xl);border-top:1px solid var(--border-primary);gap:var(--spacing-lg);background:linear-gradient(135deg,#4a90e21a,#00d4ff0d);align-items:flex-start;display:flex}.quick-action-info-icon{flex-shrink:0;font-size:1.5rem}.quick-action-info strong{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:.95rem;display:block}.quick-action-info p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}@media (max-width:768px){.quick-action-overlay{padding:1rem}.quick-action-content{border-radius:var(--radius-xl);max-width:100%}.quick-action-header{padding:2rem 1.5rem}.quick-action-title{font-size:1.5rem}.quick-action-grid{padding:var(--spacing-lg);gap:var(--spacing-lg);grid-template-columns:1fr}.quick-action-info{padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column}}@media (max-width:480px){.quick-action-overlay{padding:.5rem}.quick-action-content{border-radius:var(--radius-lg)}.quick-action-header{gap:var(--spacing-md);flex-direction:column;padding:1.5rem 1rem}.quick-action-title{font-size:1.25rem}.quick-action-close{position:absolute;top:1rem;right:1rem}.quick-action-grid{padding:var(--spacing-md)}.quick-action-card{padding:var(--spacing-lg)}.quick-action-icon-wrapper{width:56px;height:56px}.quick-action-card-title{font-size:1.25rem}}.quick-action-card--energy{border-color:#f59e0b}.quick-action-card--energy:hover{border-color:#f59e0b;box-shadow:0 20px 40px #f59e0b4d}.quick-action-card--energy .quick-action-icon-wrapper{color:#f59e0b;background:linear-gradient(135deg,#f59e0b26,#f973161a)}.quick-action-card--energy .quick-action-features li svg,.quick-action-card--energy .quick-action-card-footer{color:#f59e0b}.quick-action-card--context{border-color:#10b981}.quick-action-card--context:hover{border-color:#10b981;box-shadow:0 20px 40px #10b9814d}.quick-action-card--context .quick-action-icon-wrapper{color:#10b981;background:linear-gradient(135deg,#10b98126,#06b6d41a)}.quick-action-card--context .quick-action-features li svg,.quick-action-card--context .quick-action-card-footer{color:#10b981}.quick-action-card--sleep{border-color:#6366f1}.quick-action-card--sleep:hover{border-color:#6366f1;box-shadow:0 20px 40px #6366f14d}.quick-action-card--sleep .quick-action-icon-wrapper{color:#6366f1;background:linear-gradient(135deg,#6366f126,#8b5cf61a)}.quick-action-card--sleep .quick-action-features li svg,.quick-action-card--sleep .quick-action-card-footer{color:#6366f1}.energy-modal-container{gap:var(--spacing-lg);flex-direction:column;display:flex}.energy-level-display{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--surface-secondary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-sm);display:flex}.energy-indicator{opacity:.8;border-radius:50%;flex-shrink:0;width:24px;height:24px;box-shadow:0 0 12px}.energy-label{color:var(--text-primary);flex:1;font-size:1rem;font-weight:600}.energy-value{color:var(--primary);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:700}.energy-level-buttons{gap:var(--spacing-sm);margin-top:var(--spacing-md);grid-template-columns:repeat(5,1fr);display:grid}.energy-level-btn{padding:var(--spacing-md);border:2px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--surface-primary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);font-size:1rem;font-weight:700;position:relative;overflow:hidden}.energy-level-btn:before{content:"";opacity:0;transition:opacity var(--transition-base);background:linear-gradient(135deg,#0000,#ffffff1a);position:absolute;inset:0}.energy-level-btn:hover:not(:disabled){border-color:var(--primary);transform:translateY(-2px)}.energy-level-btn:hover:not(:disabled):before{opacity:1}.energy-level-btn.active{color:#fff;border-color:#0000;box-shadow:0 4px 12px #4a90e266}.energy-level-btn:disabled{opacity:.6;cursor:not-allowed}.energy-entry-display{flex-direction:column;gap:1.5rem;padding:1rem 0;display:flex}.energy-entry-card{transition:all var(--transition-base);background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem}.energy-entry-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.energy-entry-field{margin-bottom:1rem}.energy-entry-field:last-child{margin-bottom:0}.energy-entry-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.info-box{border-radius:.5rem;align-items:flex-start;gap:.75rem;padding:1rem;font-size:.875rem;animation:.3s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.info-box-blue{color:#1e40af;background-color:#eff6ff;border:1px solid #bfdbfe}.info-box-yellow{color:#92400e;background-color:#fef3c7;border:1px solid #fcd34d}.info-box-green{color:#065f46;background-color:#f0fdf4;border:1px solid #bbf7d0}.info-box strong{font-weight:600}.alert-icon-container{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;animation:2s ease-in-out infinite pulse;display:flex}.alert-icon-container.warning{background-color:#fef3c7}.alert-icon-container.info{background-color:#dbeafe}.centered-text-section{text-align:center}.centered-text-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.centered-text-description{color:#6b7280;font-size:.95rem;line-height:1.5}.modal-body{transition:all var(--transition-base)}.fade-enter{opacity:0;transform:translateY(10px)}.fade-enter-active{opacity:1;transition:all .3s ease-out;transform:translateY(0)}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:all .2s ease-in;transform:translateY(-10px)}.slider{appearance:none;width:100%;height:8px;transition:opacity var(--transition-base);background:linear-gradient(90deg,#ef4444 0%,#f59e0b 33%,#3b82f6 66%,#10b981 100%);border-radius:5px;outline:none}.slider:hover{opacity:.9}.slider:disabled{opacity:.5;cursor:not-allowed}.slider::-webkit-slider-thumb{appearance:none;cursor:pointer;border:3px solid var(--primary);width:24px;height:24px;transition:all var(--transition-base);background:#fff;border-radius:50%;box-shadow:0 2px 8px #0003}.slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.slider::-moz-range-thumb{cursor:pointer;border:3px solid var(--primary);width:24px;height:24px;transition:all var(--transition-base);background:#fff;border-radius:50%;box-shadow:0 2px 8px #0003}.slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.btn-with-icon{align-items:center;gap:.5rem;display:flex}.btn-with-icon svg{flex-shrink:0}.btn-edit{position:relative;overflow:hidden}.btn-edit:after{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-edit:hover:after{width:300px;height:300px}@media (max-width:640px){.energy-level-buttons{gap:var(--spacing-xs);grid-template-columns:repeat(5,1fr)}.energy-level-btn{padding:var(--spacing-sm);font-size:.9rem}.energy-entry-card{padding:1rem}.energy-entry-notes{padding:.5rem;font-size:.875rem}.centered-text-title{font-size:1rem}.centered-text-description{font-size:.875rem}.alert-icon-container{width:48px;height:48px}.info-box{padding:.75rem;font-size:.8rem}}@media (max-width:480px){.energy-level-display{gap:var(--spacing-sm);padding:var(--spacing-sm);flex-wrap:wrap}.energy-label{flex-basis:100%;font-size:.9rem}.energy-value{font-size:1.1rem}.energy-entry-display{gap:1rem}.modal-footer-actions{gap:var(--spacing-sm);flex-direction:column}.modal-footer-actions .btn{width:100%}}@media (prefers-color-scheme:dark){.energy-entry-card{background-color:#1f2937;border-color:#374151}.energy-entry-card:hover{border-color:#4b5563;box-shadow:0 2px 8px #0000004d}.energy-entry-label{color:#9ca3af}.energy-entry-notes{color:#d1d5db;border-color:#374151}.info-box-blue{color:#93c5fd;background-color:#1e3a5f;border-color:#2563eb}.info-box-yellow{color:#fcd34d;background-color:#451a03;border-color:#f59e0b}.info-box-green{color:#6ee7b7;background-color:#064e3b;border-color:#10b981}.centered-text-description{color:#9ca3af}.slider{background:linear-gradient(90deg,#dc2626 0%,#ea580c 33%,#2563eb 66%,#059669 100%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.energy-modal-container>*{animation:.4s ease-out backwards fadeInUp}.energy-modal-container>:first-child{animation-delay:50ms}.energy-modal-container>:nth-child(2){animation-delay:.1s}.energy-modal-container>:nth-child(3){animation-delay:.15s}.energy-modal-container>:nth-child(4){animation-delay:.2s}.energy-modal-container>:nth-child(5){animation-delay:.25s}.emotion-context-modal-container{gap:var(--spacing-lg);flex-direction:column;display:flex}.color-grid{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--surface-secondary);border-radius:var(--radius-lg);grid-template-columns:repeat(auto-fit,minmax(40px,1fr));display:grid}.color-option{border-radius:var(--radius-lg);cursor:pointer;width:48px;height:48px;transition:all var(--transition-base);border:3px solid #0000;position:relative}.color-option:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 12px #0003}.color-option.selected{box-shadow:0 0 0 2px var(--border-primary),0 4px 12px #0000004d;border-color:#fff}.color-option.selected:after{content:"✓";color:#fff;text-shadow:0 2px 4px #0000004d;font-size:1.2rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.color-option:disabled{opacity:.6;cursor:not-allowed}.icon-grid{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--surface-secondary);border-radius:var(--radius-lg);grid-template-columns:repeat(auto-fit,minmax(60px,1fr));display:grid}.icon-option{padding:var(--spacing-md);border:2px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--surface-primary);cursor:pointer;transition:all var(--transition-base);justify-content:center;align-items:center;font-size:2rem;display:flex}.icon-option:hover:not(:disabled){border-color:var(--primary);background:linear-gradient(135deg,#4a90e21a,#00d4ff0d);transform:scale(1.08)}.icon-option.selected{border-color:var(--primary);background:linear-gradient(135deg,#4a90e233,#00d4ff1a);box-shadow:0 0 20px #4a90e24d}.icon-option:disabled{opacity:.6;cursor:not-allowed}.context-preview{padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:linear-gradient(135deg,#4a90e21a,#00d4ff0d)}.context-preview-item{padding:var(--spacing-lg);border-radius:var(--radius-lg);align-items:center;gap:var(--spacing-md);color:#fff;font-weight:600;display:flex;box-shadow:0 4px 12px #00000026}.preview-icon{font-size:2rem}.preview-name{text-shadow:0 1px 2px #0003;font-size:1.1rem}@media (max-width:640px){.color-grid{grid-template-columns:repeat(4,1fr)}.icon-grid{grid-template-columns:repeat(2,1fr)}}.form-section{gap:var(--spacing-lg,1.5rem);flex-direction:column;display:flex}.form-label.required:after{content:" *";color:var(--danger)}.form-helper{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}.form-error-text{color:var(--danger);font-size:.85rem;font-weight:500;display:inline-block}.mb-3{margin-bottom:var(--spacing-md,1rem)}.emotion-grid{gap:var(--spacing-md,1rem);margin-top:var(--spacing-sm,.5rem);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.emotion-card{justify-content:center;align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-lg,1.5rem)var(--spacing-md,1rem);background:var(--surface-primary);border:2px solid var(--border-primary);border-radius:var(--radius-xl,1rem);cursor:pointer;transition:all var(--transition-base,.25s ease);flex-direction:column;min-height:120px;display:flex;position:relative;overflow:hidden}.emotion-card:before{content:"";background:radial-gradient(circle at center,var(--state-hover),transparent 70%);opacity:0;transition:opacity var(--transition-base,.25s ease);pointer-events:none;z-index:0;position:absolute;inset:0}.emotion-card:hover{border-color:var(--primary);transform:translateY(-6px);box-shadow:0 8px 20px #4a90e233}.emotion-card:hover:before{opacity:1}.emotion-card:active{transform:translateY(-2px)}.emotion-card-selected{border-color:var(--primary);background:linear-gradient(135deg,#4a90e21a,#8b7fd80d);box-shadow:0 4px 16px #4a90e24d}.emotion-card-selected:after{content:"✓";top:var(--spacing-xs,.25rem);right:var(--spacing-xs,.25rem);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:var(--radius-full,9999px);z-index:2;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;animation:.3s cubic-bezier(.68,-.55,.265,1.55) checkmarkPop;display:flex;position:absolute;box-shadow:0 2px 8px #4a90e266}@keyframes checkmarkPop{0%{opacity:0;transform:scale(0)rotate(-45deg)}50%{transform:scale(1.2)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.emotion-card-selected:hover{border-color:var(--secondary);box-shadow:0 8px 24px #8b7fd866}.emotion-icon{z-index:1;transition:transform var(--transition-base,.25s ease);font-size:2.5rem;line-height:1;position:relative}.emotion-card:hover .emotion-icon{transform:scale(1.15)}.emotion-card-selected .emotion-icon{filter:drop-shadow(0 2px 8px #4a90e24d);transform:scale(1.1)}.emotion-label{color:var(--text-primary);text-align:center;z-index:1;transition:color var(--transition-base,.25s ease);font-size:.9rem;font-weight:600;line-height:1.3;position:relative}.emotion-card:hover .emotion-label{color:var(--primary)}.emotion-card-selected .emotion-label{color:var(--primary);font-weight:700}.info-box{border:1.5px solid var(--primary);border-radius:var(--radius-lg,.75rem);padding:var(--spacing-md,1rem)var(--spacing-lg,1.5rem);margin-top:var(--spacing-md,1rem);background:linear-gradient(135deg,#4a90e20d,#8b7fd808)}.info-box-text{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.5}.info-box-text strong{color:var(--primary);font-size:1.125rem;font-weight:700}@media (max-width:768px){.emotion-grid{gap:var(--spacing-sm,.5rem);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.emotion-card{padding:var(--spacing-md,1rem)var(--spacing-sm,.5rem);min-height:100px}.emotion-icon{font-size:2rem}.emotion-label{font-size:.85rem}.emotion-card-selected:after{width:20px;height:20px;font-size:.7rem}}@media (max-width:480px){.emotion-grid{gap:var(--spacing-sm,.5rem);grid-template-columns:repeat(2,1fr)}.emotion-card{padding:var(--spacing-sm,.5rem);min-height:90px}.emotion-icon{font-size:1.75rem}.emotion-label{font-size:.8rem}.info-box{padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem)}.info-box-text{font-size:.875rem}.info-box-text strong{font-size:1rem}}@media (prefers-reduced-motion:reduce){.emotion-card,.emotion-card:before,.emotion-icon,.emotion-label{transition:none;animation:none}.emotion-card-selected:after{animation:none}}.emotion-card:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-color:var(--primary)}.emotion-card:focus-visible:before{opacity:.5}.emotion-card:disabled,.emotion-card[disabled]{opacity:.5;cursor:not-allowed;border-color:var(--border-primary);transform:none!important}.emotion-card:disabled:hover,.emotion-card[disabled]:hover{border-color:var(--border-primary);box-shadow:none;transform:none}.emotion-grid.loading .emotion-card{pointer-events:none;opacity:.6}.emotion-grid.loading .emotion-card:before{background:linear-gradient(90deg,#0000,#4a90e21a,#0000);animation:2s infinite shimmerEmotion}@keyframes shimmerEmotion{0%{transform:translate(-100%)}to{transform:translate(100%)}}.image-viewer-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000000e6;justify-content:center;align-items:center;padding:2rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.image-viewer-container{flex-direction:column;gap:1rem;width:100%;max-width:1200px;max-height:90vh;animation:.3s slideUp;display:flex}.image-viewer-header{justify-content:space-between;align-items:center;padding:0 1rem;display:flex}.image-viewer-header h3{color:#fff;margin:0;font-size:1.25rem;font-weight:600}.image-viewer-actions{gap:.5rem;display:flex}.image-viewer-btn{border-radius:var(--radius-md,8px);cursor:pointer;color:#fff;background:#ffffff1a;border:none;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.image-viewer-btn:hover{background:#fff3;transform:scale(1.05)}.image-viewer-btn:active{transform:scale(.95)}.image-viewer-btn--download:hover{background:#4a90e24d}.image-viewer-btn--delete:hover{background:#ef44444d}.image-viewer-btn--close:hover{background:#ffffff40}.image-viewer-content{border-radius:var(--radius-xl,16px);background:#00000080;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.image-viewer-image{object-fit:contain;border-radius:var(--radius-lg,12px);width:auto;max-width:100%;height:auto;max-height:80vh;box-shadow:0 20px 60px #00000080}@media (max-width:768px){.image-viewer-overlay{padding:1rem}.image-viewer-header h3{font-size:1rem}.image-viewer-btn{width:36px;height:36px}.image-viewer-image{max-height:70vh}}@media (prefers-color-scheme:dark){.image-viewer-overlay{background:#000000f2}}.modal-backdrop{background:var(--bg-overlay);-webkit-backdrop-filter:var(--backdrop-blur);z-index:10000;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-blur);text-align:center;border:1.5px solid #ef44444d;border-radius:1.25rem;width:100%;max-width:450px;padding:2rem;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUpScale;position:relative;box-shadow:0 20px 50px -12px #00000040,inset 0 0 0 1px #ef44441a}.modal:before{content:"";background:linear-gradient(90deg,#ef4444 0%,#dc2626 100%);border-radius:1.25rem 1.25rem 0 0;height:4px;position:absolute;top:0;left:0;right:0}@keyframes slideUpScale{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-icon{color:#ef4444;background:linear-gradient(135deg,#ef444426 0%,#dc26261a 100%);border:2px solid #ef44444d;border-radius:50%;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;margin:0 auto 1.5rem;animation:2s ease-in-out infinite pulseWarning;display:flex;box-shadow:0 8px 20px #ef444433,0 0 0 8px #ef44440d}.modal-icon svg{filter:drop-shadow(0 2px 8px #ef44444d)}@keyframes pulseWarning{0%,to{transform:scale(1);box-shadow:0 8px 20px #ef444433,0 0 0 8px #ef44440d}50%{transform:scale(1.05);box-shadow:0 12px 28px #ef44444d,0 0 0 12px #ef444414}}.modal h3{color:var(--text-primary);margin:0 0 .75rem;font-size:1.5rem;font-weight:700;line-height:1.3}.modal p{color:var(--text-secondary);margin:0 0 2rem;font-size:1rem;line-height:1.6}.modal-actions{justify-content:center;align-items:center;gap:.875rem;display:flex}.modal-actions button{flex:1;max-width:160px}html.dark .modal{border-color:#ef444466;box-shadow:0 20px 50px -12px #00000080,inset 0 0 0 1px #ef444433}html.dark .modal-icon{color:#f87171;background:linear-gradient(135deg,#ef444433 0%,#dc262626 100%);border-color:#ef444466;box-shadow:0 8px 20px #ef44444d,0 0 0 8px #ef444414}html.dark .modal-icon svg{filter:drop-shadow(0 2px 8px #ef444466)}@media (max-width:640px){.modal{border-radius:1rem;margin:1rem;padding:1.5rem}.modal:before{border-radius:1rem 1rem 0 0}.modal-icon{width:4rem;height:4rem;margin-bottom:1.25rem}.modal h3{font-size:1.25rem}.modal p{margin-bottom:1.5rem;font-size:.95rem}.modal-actions{flex-direction:column-reverse;gap:.75rem}.modal-actions button{width:100%;max-width:none}}.modal button:focus-visible{outline:3px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.modal,.modal-backdrop,.modal-icon{transition:none;animation:none}.modal button:hover{transform:none}}.alert{-webkit-backdrop-filter:blur(12px);z-index:9999;border:1px solid;border-radius:.75rem;align-items:center;gap:.75rem;min-width:320px;max-width:480px;padding:1rem 1.25rem;animation:.3s cubic-bezier(.34,1.56,.64,1) slideInRight;display:flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@keyframes slideInRight{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}.alert__content{flex:1;align-items:center;gap:.75rem;display:flex}.alert__icon{flex-shrink:0;width:1.25rem;height:1.25rem}.alert__icon--spin{animation:1s linear infinite spin}.alert__message{font-size:.9rem;font-weight:500;line-height:1.4}.alert__close{cursor:pointer;background:0 0;border:none;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.alert__close:hover{background:#0000001a}.alert--success{color:#065f46;background:#10b98126;border-color:#10b98166}.alert--success .alert__icon{color:#10b981}.alert--error{color:#991b1b;background:#ef444426;border-color:#ef444466}.alert--error .alert__icon{color:#ef4444}.alert--warning{color:#92400e;background:#f59e0b26;border-color:#f59e0b66}.alert--warning .alert__icon{color:#f59e0b}.alert--info{color:#1e3a8a;background:#3b82f626;border-color:#3b82f666}.alert--info .alert__icon{color:#3b82f6}.alert--loading{color:#3730a3;background:#6366f126;border-color:#6366f166}.alert--loading .alert__icon{color:#6366f1}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:10000;background:#0009;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-primary);border-radius:1rem;width:100%;max-width:500px;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;box-shadow:0 20px 50px -12px #00000040}.modal__header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal__title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.modal__close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.modal__close:hover{background:var(--state-hover);color:var(--text-primary)}.modal__body{padding:1.5rem}.modal--danger{border-color:#ef44444d}.confirm-dialog{background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-primary);text-align:center;border-radius:1rem;width:100%;max-width:450px;padding:2rem;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;box-shadow:0 20px 50px -12px #00000040}.confirm-dialog__icon{border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;margin:0 auto 1.5rem;display:flex}.confirm-dialog--danger .confirm-dialog__icon{color:#ef4444;background:#ef444426}.confirm-dialog--warning .confirm-dialog__icon{color:#f59e0b;background:#f59e0b26}.confirm-dialog--info .confirm-dialog__icon{color:#3b82f6;background:#3b82f626}.confirm-dialog__content{margin-bottom:2rem}.confirm-dialog__title{color:var(--text-primary);margin:0 0 .75rem;font-size:1.5rem;font-weight:700}.confirm-dialog__message{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.confirm-dialog__actions{justify-content:center;gap:.75rem;display:flex}.confirm-dialog__actions .btn{flex:1;max-width:150px}.prompt-dialog{background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-primary);border-radius:1rem;width:100%;max-width:500px;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;box-shadow:0 20px 50px -12px #00000040}.prompt-dialog__header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.prompt-dialog__title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.prompt-dialog__content{padding:1.5rem}.prompt-dialog__message{color:var(--text-secondary);margin:0 0 1.25rem;font-size:.95rem;line-height:1.6}.prompt-dialog__input{border:1px solid var(--border-primary);background:var(--surface-hover);width:100%;color:var(--text-primary);border-radius:.625rem;padding:.875rem 1rem;font-size:.95rem;transition:all .2s}.prompt-dialog__input:focus{border-color:var(--border-focus);background:var(--surface-glass);outline:none;box-shadow:0 0 0 3px #4a90e21a}.prompt-dialog__actions{border-top:1px solid var(--border-primary);justify-content:flex-end;gap:.75rem;padding:1.5rem;display:flex}.strategy-dialog{background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-primary);border-radius:1rem;width:100%;max-width:600px;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;box-shadow:0 20px 50px -12px #00000040}.strategy-dialog__header{border-bottom:1px solid var(--border-primary);background:linear-gradient(135deg,#4a90e214 0%,#8b7fd814 100%);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.strategy-dialog__title{color:var(--text-primary);margin:0;font-size:1.375rem;font-weight:700}.strategy-dialog__content{padding:2rem}.strategy-dialog__description{margin-bottom:2rem}.strategy-dialog__description p{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.7}.strategy-dialog__actions{justify-content:flex-end;gap:.75rem;display:flex}.rating-section{margin-bottom:2rem}.rating-section__label{color:var(--text-primary);text-align:center;margin:0 0 1.25rem;font-size:1rem;font-weight:600}.rating-stars{justify-content:center;gap:.5rem;margin-bottom:1rem;display:flex}.rating-star{cursor:pointer;filter:grayscale();opacity:.4;background:0 0;border:none;border-radius:.5rem;padding:.25rem;font-size:2.5rem;transition:all .2s}.rating-star:hover{filter:grayscale(0%);opacity:1;transform:scale(1.15)}.rating-star--active{filter:grayscale(0%);opacity:1;transform:scale(1.1)}.rating-value{text-align:center;color:var(--text-primary);margin:0;font-size:.95rem;font-weight:600}.btn{cursor:pointer;border:none;border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#4a90e2 0%,#8b7fd8 100%);box-shadow:0 4px 12px -2px #4a90e24d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary:hover:not(:disabled){background:var(--state-hover);border-color:var(--border-focus)}html.dark .alert--success{color:#10b981;background:#10b98133}html.dark .alert--error{color:#f87171;background:#ef444433}html.dark .alert--warning{color:#fbbf24;background:#f59e0b33}html.dark .alert--info{color:#60a5fa;background:#3b82f633}html.dark .alert--loading{color:#818cf8;background:#6366f133}@media (max-width:640px){.alert{min-width:auto;bottom:.5rem;left:.5rem;right:.5rem}.confirm-dialog,.prompt-dialog,.strategy-dialog,.modal{margin:1rem}.confirm-dialog__actions,.prompt-dialog__actions,.strategy-dialog__actions{flex-direction:column-reverse}.confirm-dialog__actions .btn,.prompt-dialog__actions .btn,.strategy-dialog__actions .btn{width:100%;max-width:none}.rating-stars{gap:.375rem}.rating-star{font-size:2rem}}.app-layout{background:var(--bg-primary);width:100%;min-height:100vh;display:flex;position:relative}.app-content{width:100%;min-width:0;min-height:100vh;transition:margin-left var(--transition-base);background:var(--bg-secondary);flex:1;margin-left:280px;position:relative;overflow-x:hidden}.sidebar-collapsed .app-content{margin-left:80px}@media (max-width:1024px){.app-content{margin-left:80px}.sidebar-collapsed .app-content{margin-left:0}}@media (max-width:768px){.app-layout{flex-direction:column}.app-content{width:100%;margin-left:0!important}}@media (prefers-reduced-motion:no-preference){.app-content{transition:margin-left .3s cubic-bezier(.4,0,.2,1)}}@media (prefers-reduced-motion:reduce){.app-content{transition:none}}.sidebar{background:var(--surface-primary);border-right:1px solid var(--border-primary);width:280px;z-index:var(--z-fixed);transition:width var(--transition-base),transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar.collapsed{width:80px}.sidebar-header{align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);border-bottom:1px solid var(--border-primary);min-height:80px;transition:all var(--transition-base);padding-right:60px;display:flex;position:relative}.sidebar.collapsed .sidebar-header{padding:var(--spacing-lg)var(--spacing-md);justify-content:center}.sidebar-logo-link{cursor:pointer;background:0 0;border:none;padding:0}.sidebar-logo-wrapper{border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;width:48px;height:48px;transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo-wrapper:hover{box-shadow:var(--shadow-primary);transform:scale(1.05)rotate(-5deg)}.sidebar-brand{font-size:1.5rem;font-weight:900;font-family:var(--font-secondary);white-space:nowrap;opacity:1;transition:opacity var(--transition-base)}.sidebar.collapsed .sidebar-brand{opacity:0;width:0;overflow:hidden}.sidebar-mobile-close{right:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-primary);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);background:0 0;justify-content:center;align-items:center;display:none;position:absolute;top:50%;transform:translateY(-50%)}.sidebar-mobile-close:hover{background:var(--surface-hover);color:var(--text-primary)}.sidebar-toggle{background:var(--surface-primary);border:2px solid var(--border-primary);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-base);z-index:calc(var(--z-fixed) + 1);box-shadow:var(--shadow-lg);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:24px;right:12px}.sidebar-toggle:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.1)}.sidebar-toggle svg{transition:transform var(--transition-base)}.sidebar.collapsed .sidebar-toggle{right:50%;transform:translate(50%)}.sidebar.collapsed .sidebar-toggle:hover{transform:translate(50%)scale(1.1)}.sidebar.collapsed .sidebar-toggle svg,.sidebar.collapsed .sidebar-toggle:hover svg{transform:rotate(180deg)}.sidebar-nav{padding:var(--spacing-lg)0;flex:1;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-sm)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--primary)}.sidebar-section{margin-bottom:var(--spacing-lg);padding:0 var(--spacing-md)}.sidebar-section:last-child{margin-bottom:0}.sidebar-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:var(--spacing-sm)var(--spacing-md);margin:0 0 var(--spacing-xs)0;white-space:nowrap;transition:opacity var(--transition-base);font-size:.75rem;font-weight:700}.sidebar.collapsed .sidebar-section-title{opacity:0;height:0;margin:0;padding:0;overflow:hidden}.sidebar-section ul{margin:0;padding:0;list-style:none}.sidebar-section li{margin-bottom:var(--spacing-xs)}.sidebar-link{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-base);white-space:nowrap;cursor:pointer;background:0 0;border:none;width:100%;font-size:.95rem;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar-link:before{content:"";background:var(--primary);width:3px;transition:transform var(--transition-base);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.sidebar-link:hover{background:var(--surface-hover);color:var(--text-primary)}.sidebar-link.active{color:var(--primary);background:linear-gradient(135deg,#4a90e226,#8b7fd826);font-weight:600}.sidebar-link.active:before{transform:scaleY(1)}.sidebar-icon{transition:transform var(--transition-base);flex-shrink:0}.sidebar-link:hover .sidebar-icon{transform:scale(1.1)}.sidebar-link.active .sidebar-icon{transform:scale(1.15)}.sidebar.collapsed .sidebar-link{padding:var(--spacing-md)var(--spacing-sm);justify-content:center}.sidebar.collapsed .sidebar-link span{opacity:0;width:0;overflow:hidden}.sidebar-link--highlight{border-left:3px solid var(--danger);background:linear-gradient(135deg,#ef444426,#f9731626)!important}.sidebar-link--highlight:hover{background:linear-gradient(135deg,#ef444440,#f9731640)!important}.sidebar-link--highlight .sidebar-icon{color:var(--danger)}.sidebar.collapsed .sidebar-link:after{content:attr(data-tooltip);background:var(--bg-elevated);color:var(--text-primary);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-base);box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);z-index:1000;font-size:.85rem;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)scale(.8)}.sidebar.collapsed .sidebar-link:hover:after{opacity:1;transform:translateY(-50%)scale(1)}.sidebar-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-primary);background:var(--surface-secondary)}.sidebar-footer-content{align-items:center;gap:var(--spacing-md);transition:all var(--transition-base);display:flex}.sidebar.collapsed .sidebar-footer-content{justify-content:center}.sidebar-avatar{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.sidebar-user-info{opacity:1;min-width:0;transition:opacity var(--transition-base);flex:1}.sidebar.collapsed .sidebar-user-info{opacity:0;width:0;overflow:hidden}.sidebar-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9rem;font-weight:600;overflow:hidden}.sidebar-user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.75rem;overflow:hidden}.btn-logout{border:1px solid var(--border-primary);color:var(--danger);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:8px;display:flex}.btn-logout:hover{border-color:var(--danger);background:#ef44441a;transform:scale(1.1)}.btn-logout svg{stroke:var(--danger);display:block}.sidebar-link-badge{border-radius:var(--radius-full);background:var(--danger);color:#fff;min-width:20px;height:20px;transition:all var(--transition-base);justify-content:center;align-items:center;padding:0 6px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:8px;right:8px}.sidebar.collapsed .sidebar-link-badge{top:4px;right:50%;transform:translate(50%)}.sidebar-divider{background:var(--divider);height:1px;margin:var(--spacing-lg)var(--spacing-md)}.sidebar.collapsed .sidebar-divider{margin:var(--spacing-lg)var(--spacing-sm)}.sidebar-quick-actions{padding:var(--spacing-md);border-top:1px solid var(--border-primary)}.sidebar.collapsed .sidebar-quick-actions{padding:var(--spacing-sm)}.sidebar-action-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-primary);border:none;font-weight:600;display:flex}.sidebar-action-btn:hover{box-shadow:var(--shadow-lg),var(--shadow-primary);transform:translateY(-2px)}.sidebar.collapsed .sidebar-action-btn span{display:none}.sidebar.collapsed .sidebar-action-btn{border-radius:50%;width:48px;height:48px;padding:0}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--z-fixed) - 1);opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;pointer-events:auto}.mobile-menu-btn{z-index:calc(var(--z-fixed) + 2);border-radius:var(--radius-md);background:var(--surface-primary);border:2px solid var(--border-primary);cursor:pointer;width:48px;height:48px;box-shadow:var(--shadow-md);transition:all var(--transition-base);color:var(--text-primary);justify-content:center;align-items:center;display:none;position:fixed;top:20px;left:20px}.mobile-menu-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.05)}@media (max-width:1024px){.mobile-menu-btn,.sidebar-mobile-close{display:flex}.sidebar-toggle{display:none!important}.sidebar{width:280px;box-shadow:none;transform:translate(-100%)}.sidebar.mobile-open{box-shadow:var(--shadow-xl);transform:translate(0)}.sidebar.collapsed{width:280px}.sidebar.collapsed .sidebar-brand,.sidebar.collapsed .sidebar-link span,.sidebar.collapsed .sidebar-section-title,.sidebar.collapsed .sidebar-user-info,.sidebar.collapsed .sidebar-action-btn span{opacity:1;width:auto;overflow:visible}.sidebar.collapsed .sidebar-header{padding:var(--spacing-xl);justify-content:space-between}.sidebar.collapsed .sidebar-link{padding:var(--spacing-md);justify-content:flex-start}.sidebar.collapsed .sidebar-action-btn{width:100%;height:auto;padding:var(--spacing-md);border-radius:var(--radius-md)}.sidebar.collapsed .sidebar-quick-actions{padding:var(--spacing-md)}.sidebar.collapsed .sidebar-divider{margin:var(--spacing-lg)var(--spacing-md)}.sidebar.collapsed .sidebar-link:after{display:none}}@media (min-width:1025px){.sidebar{transform:translate(0)!important}.sidebar-toggle{display:flex!important}.mobile-menu-btn{display:none!important}.sidebar-overlay{display:none}.sidebar-mobile-close{display:none!important}}@media (max-width:640px){.sidebar{width:100%;max-width:320px}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}.sidebar{transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-overlay{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.footer{background:var(--surface-primary);border-top:1px solid var(--border-primary);color:var(--text-secondary);margin-top:var(--spacing-3xl,4rem);padding:var(--spacing-2xl,3rem)0 var(--spacing-lg,1.5rem)}.footer-container{max-width:1400px;padding:0 var(--spacing-xl,2rem);margin:0 auto}.footer-content{gap:var(--spacing-xl,2rem);margin-bottom:var(--spacing-lg,1.5rem);padding-bottom:var(--spacing-lg,1.5rem);border-bottom:1px solid var(--border-primary);grid-template-columns:repeat(3,1fr);display:grid}.footer-section{gap:var(--spacing-md,1rem);flex-direction:column;display:flex}.footer-section:last-child{grid-column:2}.footer-brand h3{color:var(--text-primary);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:900}.footer-brand p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}.footer-social{gap:var(--spacing-md,1rem);margin-top:var(--spacing-md,1rem);display:flex}.footer-social-link{border-radius:var(--radius-md,.5rem);background:var(--state-hover);width:40px;height:40px;color:var(--primary);transition:all var(--transition-base,.25s ease);border:1px solid #0000;justify-content:center;align-items:center;display:flex}.footer-social-link:hover{background:var(--state-active);border-color:var(--primary);transform:translateY(-2px)}.footer-section h4{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin:0;font-size:.95rem;font-weight:700}.footer-links{gap:var(--spacing-sm,.5rem);flex-direction:column;align-items:center;margin:0;padding:0;list-style:none;display:flex}.footer-links li{display:block}.footer-links a{color:var(--text-secondary);transition:all var(--transition-fast,.15s ease);font-size:.9rem;text-decoration:none;display:inline-block}.footer-links a:hover{color:var(--primary);transform:translate(4px)}.footer-bottom{gap:var(--spacing-md,1rem);text-align:center;flex-direction:column;align-items:center;display:flex}.footer-copyright{color:var(--text-muted);justify-content:center;align-items:center;gap:.4rem;margin:0;font-size:.85rem;line-height:1.6;display:flex}.footer-heart{color:#ef4444;animation:1.5s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.footer-disclaimer{color:var(--text-muted);max-width:600px;margin:0;font-size:.8rem;font-style:italic;line-height:1.5}@media (max-width:1024px){.footer-content{gap:var(--spacing-lg,1.5rem);grid-template-columns:1fr 1fr}.footer-brand,.footer-section:last-child{grid-column:1/-1}}@media (max-width:768px){.footer{padding:var(--spacing-xl,2rem)0 var(--spacing-lg,1.5rem);margin-top:var(--spacing-2xl,3rem)}.footer-container{padding:0 var(--spacing-lg,1.5rem)}.footer-content{gap:var(--spacing-lg,1.5rem);margin-bottom:var(--spacing-xl,2rem);padding-bottom:var(--spacing-xl,2rem);grid-template-columns:1fr}.footer-brand{text-align:center}.footer-social{justify-content:center}.footer-section h4{text-align:center}.footer-links{align-items:center}.footer-links a:hover{transform:none}}@media (max-width:480px){.footer-copyright{flex-direction:column;gap:.25rem}.footer-brand p{font-size:.85rem}.footer-social-link{width:36px;height:36px}.footer-social-link svg{width:18px;height:18px}}.app-container{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex}.navbar{z-index:var(--z-sticky,50);background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-primary);padding:var(--spacing-lg,1.5rem)var(--spacing-xl,2rem);box-shadow:var(--glass-shadow);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;gap:var(--spacing-lg,1.5rem);width:100%;display:flex}.navbar-logo{align-items:center;gap:var(--spacing-md,1rem);cursor:pointer;transition:transform var(--transition-fast,.15s ease),color var(--transition-fast,.15s ease);color:var(--text-primary);white-space:nowrap;font-size:1.5rem;font-weight:900;text-decoration:none;display:flex}.navbar-logo:hover{color:var(--primary);transform:scale(1.05)}.navbar-logo img{object-fit:contain;filter:drop-shadow(0 0 8px #4a90e233);border-radius:10px;width:64px;height:64px}.navbar-actions{align-items:center;gap:var(--spacing-md,1rem);flex-wrap:nowrap;justify-content:flex-end;width:auto;display:flex}@media (max-width:768px){.navbar-actions{flex-wrap:wrap;justify-content:center;width:100%}}.navbar-skeleton{background:linear-gradient(90deg,var(--bg-secondary)25%,var(--bg-tertiary)50%,var(--bg-secondary)75%);border-radius:var(--radius-md,.5rem);background-size:200% 100%;width:150px;height:40px;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.hero-section{background:linear-gradient(135deg,var(--bg-primary)0%,var(--surface-secondary)100%);position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#4a90e21f 0%,#0000 70%);border-radius:50%;width:800px;height:800px;animation:20s ease-in-out infinite float;position:absolute;top:-50%;right:-20%}.hero-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#8b7fd81f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:15s ease-in-out infinite reverse float;position:absolute;bottom:-30%;left:-10%}.hero{z-index:1;text-align:center;padding:var(--spacing-3xl,4rem)var(--spacing-xl,2rem);max-width:1000px;margin:0 auto;position:relative}.hero-badge{justify-content:center;align-items:center;gap:var(--spacing-sm,.5rem);padding:.5rem var(--spacing-lg,2rem);border:1.5px solid var(--primary);border-radius:var(--radius-full,9999px);color:var(--primary);margin-bottom:var(--spacing-xl,2rem);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:linear-gradient(135deg,#4a90e226,#8b7fd826);font-size:.9rem;font-weight:600;animation:.6s slideDown;display:inline-flex}.hero h1{letter-spacing:-.02em;margin:0 0 var(--spacing-lg,2rem)0;color:var(--text-primary);font-size:clamp(2rem,6vw,3.5rem);font-weight:900;line-height:1.1;animation:.7s slideUp}.text-gradient{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:6s infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.hero p{color:var(--text-secondary);max-width:700px;margin:0 auto var(--spacing-3xl,4rem);font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.8;animation:.8s slideUp}.hero-actions{gap:var(--spacing-md,1rem);flex-wrap:wrap;justify-content:center;animation:.9s slideUp;display:flex}.stats-section{max-width:1200px;padding:var(--spacing-3xl,4rem)var(--spacing-xl,2rem);width:100%;margin:0 auto;animation:.8s fadeIn}.stats-grid{gap:var(--spacing-lg,1.5rem);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.stat-card{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);box-shadow:var(--shadow-sm);transition:all var(--transition-base,.25s ease);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg,var(--primary),var(--secondary));transform-origin:0;height:3px;transition:transform var(--transition-base,.25s ease);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.stat-card:hover:before{transform:scaleX(1)}.stat-icon{border-radius:var(--radius-lg,.75rem);width:3.5rem;height:3.5rem;margin-bottom:var(--spacing-md,1rem);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:var(--shadow-primary);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.stat-value{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:2.25rem;font-weight:800;line-height:1}.stat-value-small{font-size:1rem!important;font-weight:600!important}.stat-label{color:var(--text-secondary);margin:var(--spacing-xs,.25rem)0 0 0;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.recent-section{max-width:1200px;padding:var(--spacing-3xl,4rem)var(--spacing-xl,2rem);width:100%;margin:0 auto}.section-header{text-align:center;margin-bottom:var(--spacing-3xl,4rem)}.section-header h2{color:var(--text-primary);margin:0 0 var(--spacing-md,1rem)0;letter-spacing:-.02em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.section-header p{color:var(--text-secondary);max-width:700px;margin:0 auto;font-size:1.1rem;line-height:1.7}.recent-grid{gap:var(--spacing-xl,2rem);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.recent-card{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);cursor:pointer;transition:all var(--transition-base,.25s ease);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);flex-direction:column;display:flex;position:relative;overflow:hidden}.recent-card:before{content:"";background:linear-gradient(90deg,var(--primary),var(--secondary));transform-origin:0;height:3px;transition:transform var(--transition-base,.25s ease);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.recent-card:after{content:"";background:radial-gradient(circle at top right,var(--state-hover),transparent 70%);opacity:0;transition:opacity var(--transition-base,.25s ease);pointer-events:none;position:absolute;inset:0}.recent-card:hover{border-color:var(--primary);box-shadow:var(--shadow-primary);transform:translateY(-8px)}.recent-card:hover:before{transform:scaleX(1)}.recent-card:hover:after{opacity:1}.recent-card h3{color:var(--text-primary);margin:0 0 var(--spacing-sm,.5rem)0;letter-spacing:-.01em;font-size:1.35rem;font-weight:700}.recent-card p{color:var(--text-secondary);padding:var(--spacing-md,1rem)0;margin:0 0 auto;font-size:.95rem;line-height:1.6}.recent-link{align-items:center;gap:var(--spacing-sm,.5rem);color:var(--primary);transition:all var(--transition-base,.25s ease);width:fit-content;padding-top:var(--spacing-md,1rem);font-size:.95rem;font-weight:600;display:inline-flex}.recent-card:hover .recent-link{gap:var(--spacing-md,1rem);transform:translate(4px)}.modules-section{max-width:1400px;padding:var(--spacing-3xl,4rem)var(--spacing-xl,2rem);width:100%;margin:0 auto}.modules-grid{gap:var(--spacing-xl,2rem);grid-template-columns:repeat(auto-fit,minmax(340px,1fr));display:grid}.module-card{background:var(--surface-primary);border:2px solid var(--border-primary);border-radius:var(--radius-2xl,1.5rem);padding:var(--spacing-2xl,3rem);cursor:pointer;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);flex-direction:column;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.module-card:before{content:"";background:linear-gradient(90deg,var(--primary),var(--secondary),#00c9a7);transform-origin:0;height:4px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.module-card:after{content:"";background:radial-gradient(circle at top right,var(--state-hover),transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.module-card:hover{border-color:var(--primary);box-shadow:var(--shadow-primary),0 20px 40px #4a90e21a;transform:translateY(-12px)}.module-card:hover:before{transform:scaleX(1)}.module-card:hover:after{opacity:1}.module-icon{border-radius:var(--radius-lg,.75rem);width:4.5rem;height:4.5rem;margin-bottom:var(--spacing-lg,1.5rem);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:var(--shadow-primary);justify-content:center;align-items:center;font-size:2rem;display:flex}.module-card h3{color:var(--text-primary);margin:0 0 var(--spacing-md,1rem)0;letter-spacing:-.01em;font-size:1.35rem;font-weight:700}.module-card p{color:var(--text-secondary);margin:0 0 var(--spacing-lg,1.5rem)0;flex:1;font-size:1rem;line-height:1.7}.module-features{margin:0 0 var(--spacing-xl,2rem)0;gap:var(--spacing-sm,.5rem);flex-direction:column;padding:0;list-style:none;display:flex}.module-features li{align-items:center;gap:var(--spacing-sm,.5rem);color:var(--text-secondary);font-size:.95rem;line-height:1.6;display:flex}.feature-check{color:var(--primary);flex-shrink:0;font-size:1.2rem;font-weight:800}.module-cta{align-items:center;gap:var(--spacing-sm,.5rem);color:var(--primary);transition:all var(--transition-base,.25s ease);width:fit-content;font-size:.95rem;font-weight:600;display:inline-flex}.module-card:hover .module-cta{gap:var(--spacing-md,1rem);transform:translate(4px)}.text-center{text-align:center;color:var(--text-secondary);padding:var(--spacing-2xl,3rem)var(--spacing-xl,2rem);font-size:1.05rem;line-height:1.7}.animate-fadeIn{animation:.6s ease-out fadeIn}@media (max-width:768px){.navbar{padding:var(--spacing-md,1rem)var(--spacing-lg,1.5rem)}.navbar-logo{font-size:1.25rem}.hero{padding:var(--spacing-2xl,3rem)var(--spacing-lg,1.5rem)}.hero-actions{gap:var(--spacing-sm,.5rem)}.stats-grid{grid-template-columns:repeat(2,1fr)}.modules-grid,.recent-grid{grid-template-columns:1fr}.stats-section,.recent-section,.modules-section{padding:var(--spacing-2xl,3rem)var(--spacing-lg,1.5rem)}.section-header{margin-bottom:var(--spacing-2xl,3rem)}.section-header h2{font-size:1.75rem}}@media (max-width:480px){.navbar-logo{gap:var(--spacing-sm,.5rem);font-size:1.125rem}.hero{padding:var(--spacing-xl,2rem)var(--spacing-lg,1.5rem)}.hero h1{font-size:1.75rem}.hero p{margin-bottom:var(--spacing-2xl,3rem);font-size:.95rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:var(--spacing-lg,1.5rem)}.stat-icon{width:3rem;height:3rem}.stat-value{font-size:1.75rem}.recent-card,.module-card{padding:var(--spacing-lg,1.5rem)}.module-icon{width:3.5rem;height:3.5rem}.module-card h3,.recent-card h3{font-size:1.1rem}}.dashboard-header-new{background:linear-gradient(135deg,var(--primary),var(--secondary));padding:var(--spacing-2xl)var(--spacing-xl);margin-bottom:var(--spacing-2xl);box-shadow:var(--shadow-lg);color:#fff;animation:.5s slideDown}.dashboard-header-content{justify-content:space-between;align-items:flex-start;gap:var(--spacing-2xl);width:100%;margin-bottom:var(--spacing-2xl);flex-wrap:wrap;display:flex}.header-quote-section{width:100%;animation:.6s .2s both slideUp}.header-quote{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg,1rem);padding:var(--spacing-lg)var(--spacing-xl);align-items:flex-start;gap:var(--spacing-lg);transition:all var(--transition-base);background:#ffffff26;border:1px solid #ffffff40;display:flex;box-shadow:0 8px 32px #0000001a}.header-quote:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.quote-icon{flex-shrink:0;font-size:1.75rem;animation:3s ease-in-out infinite float}.quote-content{flex:1;min-width:0}.quote-text{color:#fffffff2;margin:0 0 var(--spacing-sm)0;font-size:clamp(.95rem,2vw,1.125rem);font-style:italic;font-weight:500;line-height:1.6}.quote-author{color:#fffc;margin:0;font-size:clamp(.8rem,1.5vw,.9rem);font-weight:500}.quote-skeleton{gap:var(--spacing-sm);padding:var(--spacing-lg)var(--spacing-xl);flex-direction:column;display:flex}.skeleton-line{border-radius:var(--radius-md);background:linear-gradient(90deg,#fff3,#ffffff59,#fff3) 0 0/200% 100%;height:20px;animation:1.5s infinite loading}.skeleton-short{width:60%;height:16px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.header-text h1{color:#fff;margin:0;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800;line-height:1.2}.header-text p{color:#fffffff2;margin:var(--spacing-sm)0 0 0;font-size:clamp(.95rem,2vw,1.125rem)}.header-stats{gap:var(--spacing-md);flex-wrap:wrap;flex-shrink:0;display:flex}.stat-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-lg)var(--spacing-xl);border-radius:var(--radius-lg);min-width:120px;transition:all var(--transition-base);background:#fff3;border:1px solid #ffffff4d}.stat-box:hover{background:#ffffff40;transform:translateY(-2px)}.stat-number{color:#fff;margin-bottom:var(--spacing-xs);font-size:1.75rem;font-weight:800;line-height:1}.stat-label{color:#ffffffe6;font-size:.8rem}.header-left{align-items:center;gap:var(--spacing-xl);flex:1;min-width:0;display:flex}.profile-avatar-wrapper{flex-shrink:0;position:relative}.profile-avatar{background:linear-gradient(135deg,var(--primary),var(--secondary));width:80px;height:80px;transition:all var(--transition-base);cursor:pointer;border:4px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 8px 16px #0003}.profile-avatar:hover{border-color:#fff9;transform:scale(1.05);box-shadow:0 12px 24px #0000004d}.profile-avatar img{object-fit:cover;width:100%;height:100%}.avatar-placeholder{color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));text-transform:uppercase;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.75rem;font-weight:700;display:flex}.avatar-upload-btn{border:3px solid var(--primary);cursor:pointer;width:32px;height:32px;transition:all var(--transition-base);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 4px 8px #0003}.avatar-upload-btn:hover{background:var(--primary);transform:scale(1.1)}.avatar-upload-btn:hover svg{color:#fff}.avatar-upload-btn svg{color:var(--primary);transition:color var(--transition-base)}.avatar-uploading{background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.welcome-badge{align-items:center;gap:var(--spacing-xs);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-full);color:#fff;margin-bottom:var(--spacing-md);background:#fff3;border:1px solid #ffffff4d;font-size:.875rem;font-weight:600;display:inline-flex}.welcome-badge svg{flex-shrink:0}@media (max-width:1024px){.dashboard-header-new{padding:var(--spacing-xl)var(--spacing-lg)}.dashboard-header-content{gap:var(--spacing-lg);flex-direction:column}.header-left{gap:var(--spacing-lg);width:100%}.header-stats{width:100%}.stat-box{min-width:unset;flex:1}.profile-avatar{width:70px;height:70px}.avatar-placeholder{font-size:1.5rem}.avatar-upload-btn{width:28px;height:28px}.avatar-upload-btn svg{width:14px;height:14px}.header-quote{padding:var(--spacing-lg)}.quote-text{font-size:1rem}.quote-author{font-size:.85rem}}@media (max-width:768px){.dashboard-header-new{padding:var(--spacing-lg)var(--spacing-md)}.dashboard-header-content{flex-direction:column;align-items:flex-start}.header-left{align-items:flex-start;gap:var(--spacing-md);flex-direction:row;width:100%}.header-stats{gap:var(--spacing-sm);flex-direction:row;width:100%}.stat-box{padding:var(--spacing-md)var(--spacing-lg);min-width:unset;flex:1}.stat-number{font-size:1.5rem}.stat-label{font-size:.7rem}.header-text h1{font-size:1.5rem}.header-text p{font-size:.9rem}.profile-avatar{width:64px;height:64px}.avatar-placeholder{font-size:1.25rem}.avatar-upload-btn{width:26px;height:26px}.avatar-upload-btn svg{width:12px;height:12px}.welcome-badge{padding:var(--spacing-xs)var(--spacing-sm);font-size:.8rem}.welcome-badge svg{width:16px;height:16px}.header-quote{padding:var(--spacing-md)var(--spacing-lg);gap:var(--spacing-md)}.quote-icon{font-size:1.5rem}.quote-text{font-size:.95rem}.quote-author{font-size:.8rem}}@media (max-width:480px){.dashboard-header-new{padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.dashboard-header-content{gap:var(--spacing-md);flex-direction:column}.header-left{text-align:center;align-items:center;gap:var(--spacing-md);flex-direction:column;width:100%}.profile-avatar{width:56px;height:56px}.avatar-placeholder{font-size:1.125rem}.header-text h1{font-size:1.25rem}.header-text p{font-size:.85rem}.header-stats{gap:var(--spacing-sm);flex-direction:column;width:100%}.stat-box{padding:var(--spacing-md)}.stat-number{font-size:1.25rem}.stat-label{font-size:.65rem}.header-quote{padding:var(--spacing-md);gap:var(--spacing-sm);text-align:center;flex-direction:column;align-items:center}.quote-icon{font-size:1.25rem}.quote-text{margin:0;font-size:.9rem}.quote-author{font-size:.75rem}.skeleton-line{height:18px}.skeleton-short{width:50%}}@media (max-width:360px){.header-left{flex-direction:column}.header-quote{padding:var(--spacing-sm)}.quote-text{font-size:.85rem}.quote-author{font-size:.7rem}}.about-page{background:var(--bg-primary);color:var(--text-primary)}.about-container{max-width:1200px;padding:0 var(--spacing-xl,2rem);margin:0 auto}.about-container--small{text-align:center;max-width:800px}.about-hero{background:linear-gradient(135deg,var(--bg-primary)0%,var(--surface-secondary)100%);padding:var(--spacing-3xl,4rem)var(--spacing-xl,2rem);justify-content:center;align-items:center;min-height:600px;display:flex;position:relative;overflow:hidden}.about-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#4a90e21f 0%,#0000 70%);border-radius:50%;width:800px;height:800px;animation:20s ease-in-out infinite float;position:absolute;top:-50%;right:-20%}.about-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#8b7fd81f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:15s ease-in-out infinite reverse float;position:absolute;bottom:-30%;left:-10%}.about-hero-content{z-index:1;text-align:center;max-width:900px;position:relative}.about-hero-title{letter-spacing:-.02em;margin:0 0 var(--spacing-lg,2rem)0;color:var(--text-primary);font-size:clamp(2rem,6vw,3.5rem);font-weight:900;line-height:1.1}.about-hero-subtitle{color:var(--text-secondary);max-width:700px;margin:0 auto var(--spacing-3xl,4rem);font-size:1.2rem;line-height:1.8}.about-hero-actions{gap:var(--spacing-md,1rem);flex-wrap:wrap;justify-content:center;display:flex}.about-section{padding:var(--spacing-3xl,4rem)var(--spacing-xl,2rem)}.about-section-header{text-align:center;margin-bottom:var(--spacing-3xl,4rem)}.about-section-header h2{color:var(--text-primary);margin:0 0 var(--spacing-md,1rem)0;letter-spacing:-.01em;font-size:clamp(2rem,4vw,2.5rem);font-weight:800}.about-section-header p{color:var(--text-secondary);max-width:700px;margin:0 auto;font-size:1.1rem;line-height:1.7}.about-problem{background:var(--surface-secondary)}.about-problems-grid{gap:var(--spacing-xl,2rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.about-problem-card{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-2xl,3rem);text-align:center;transition:all var(--transition-base,.25s ease)}.about-problem-card:hover{border-color:var(--primary);box-shadow:var(--shadow-primary);transform:translateY(-8px)}.about-problem-icon{margin-bottom:var(--spacing-md,1rem);font-size:3.5rem;display:inline-block}.about-problem-card h3{color:var(--text-primary);margin:0 0 var(--spacing-md,1rem)0;font-size:1.25rem;font-weight:700}.about-problem-card p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.about-module{gap:var(--spacing-3xl,4rem);margin-bottom:var(--spacing-3xl,4rem);grid-template-columns:1fr 1fr;align-items:center;display:grid}.about-module--right{direction:rtl}.about-module--right>*{direction:ltr}.about-module-content{padding:var(--spacing-xl,2rem)0}.about-module-icon{margin-bottom:var(--spacing-lg,1.5rem);font-size:3rem;display:inline-block}.about-module h3{color:var(--text-primary);margin:0 0 var(--spacing-md,1rem)0;letter-spacing:-.01em;font-size:2rem;font-weight:800}.about-module-description{color:var(--text-secondary);margin:0 0 var(--spacing-xl,2rem)0;font-size:1.1rem;line-height:1.6}.about-module-features{margin:0 0 var(--spacing-xl,2rem)0;gap:var(--spacing-md,1rem);flex-direction:column;padding:0;list-style:none;display:flex}.about-module-features li{align-items:flex-start;gap:var(--spacing-md,1rem);color:var(--text-secondary);font-size:.95rem;line-height:1.6;display:flex}.about-module-features svg{color:var(--primary);flex-shrink:0;margin-top:2px}.about-module-why{color:var(--text-secondary);background:var(--state-hover);padding:var(--spacing-lg,1.5rem);border-radius:var(--radius-lg,.75rem);border-left:4px solid var(--primary);margin:0;font-size:.95rem;line-height:1.6}.about-module-why strong{color:var(--primary)}.about-module-visual{background:linear-gradient(135deg,var(--state-hover),var(--state-active));border-radius:var(--radius-xl,1rem);border:2px solid var(--border-primary);justify-content:center;align-items:center;height:300px;display:flex}.about-matrix-demo{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:12px;width:200px;height:200px;display:grid}.matrix-cell{background:var(--surface-primary);border:2px solid var(--border-primary);border-radius:var(--radius-md,.5rem);transition:all var(--transition-base,.25s ease);justify-content:center;align-items:center;font-size:3rem;display:flex}.matrix-cell:hover{border-color:var(--primary);transform:scale(1.05)}.about-emotions-demo{flex-wrap:wrap;justify-content:center;gap:1.5rem;width:100%;padding:2rem;display:flex}.emotion-dot{transition:transform var(--transition-base,.25s ease);cursor:pointer;font-size:2.5rem}.emotion-dot:hover{transform:scale(1.3)rotate(10deg)}.about-tools-demo{grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;padding:2rem;display:grid}.tool-item{justify-content:center;align-items:center;font-size:3rem;display:flex}.about-science{background:var(--surface-secondary)}.about-science-grid{gap:var(--spacing-xl,2rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.about-science-card{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-2xl,3rem);text-align:center;transition:all var(--transition-base,.25s ease)}.about-science-card:hover{border-color:var(--primary);box-shadow:var(--shadow-primary);transform:translateY(-8px)}.about-science-card svg{color:var(--primary);margin-bottom:var(--spacing-md,1rem)}.about-science-card h3{color:var(--text-primary);margin:0 0 var(--spacing-md,1rem)0;font-size:1.1rem;font-weight:700}.about-science-card p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.about-features-grid{gap:var(--spacing-xl,2rem);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.about-feature-card{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);transition:all var(--transition-base,.25s ease);position:relative;overflow:hidden}.about-feature-card:before{content:"";background:linear-gradient(90deg,var(--primary),var(--secondary));transform-origin:0;height:3px;transition:transform var(--transition-base,.25s ease);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.about-feature-card:hover{border-color:var(--primary);box-shadow:var(--shadow-primary);transform:translateY(-6px)}.about-feature-card:hover:before{transform:scaleX(1)}.about-feature-card svg{color:var(--primary);margin-bottom:var(--spacing-md,1rem)}.about-feature-card h3{color:var(--text-primary);margin:0 0 var(--spacing-sm,.5rem)0;font-size:1.1rem;font-weight:700}.about-feature-card p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.about-how-it-works{background:var(--surface-secondary)}.about-steps{gap:var(--spacing-xl,2rem);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:center;display:grid}.about-step{background:var(--surface-primary);border:2px solid var(--primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);text-align:center;position:relative}.about-step-number{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;font-weight:800;display:flex;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.about-step h3{color:var(--text-primary);margin:var(--spacing-lg,1.5rem)0 var(--spacing-md,1rem)0;font-size:1.1rem;font-weight:700}.about-step p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}.about-step-arrow{color:var(--primary);justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex}@media (max-width:768px){.about-steps{gap:var(--spacing-lg,1.5rem)}.about-step-arrow{display:none}}.about-faq-grid{gap:var(--spacing-xl,2rem);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.about-faq-item{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);transition:all var(--transition-base,.25s ease)}.about-faq-item:hover{border-color:var(--primary);box-shadow:var(--shadow-primary)}.about-faq-item h4{color:var(--text-primary);margin:0 0 var(--spacing-md,1rem)0;font-size:1rem;font-weight:700}.about-faq-item p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}.about-final-cta{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:#fff;padding:var(--spacing-3xl,4rem)var(--spacing-xl,2rem)}.about-final-cta h2{margin:0 0 var(--spacing-md,1rem)0;color:#fff;font-size:clamp(2rem,4vw,2.5rem);font-weight:800}.about-final-cta p{color:#ffffffe6;margin:0 0 var(--spacing-2xl,3rem)0;font-size:1.1rem;line-height:1.7}.about-final-actions{align-items:center;gap:var(--spacing-lg,1.5rem);flex-direction:column;display:flex}.about-final-text{color:#fffc;margin:0;font-size:.9rem}@media (max-width:768px){.about-section{padding:var(--spacing-2xl,3rem)var(--spacing-lg,1.5rem)}.about-section-header{margin-bottom:var(--spacing-2xl,3rem)}.about-module{gap:var(--spacing-2xl,3rem);grid-template-columns:1fr}.about-module--right{direction:ltr}.about-hero{min-height:500px;padding:var(--spacing-2xl,3rem)var(--spacing-lg,1.5rem)}.about-hero-actions{flex-direction:column;align-items:stretch}.about-hero-actions .btn{width:100%}}@media (max-width:480px){.about-hero{min-height:400px;padding:var(--spacing-xl,2rem)1rem}.about-hero-title{font-size:1.75rem}.about-hero-subtitle{font-size:1rem}.about-section-header h2{font-size:1.75rem}.about-module h3{font-size:1.5rem}.about-steps{gap:var(--spacing-md,1rem)}.about-step{padding:var(--spacing-lg,1.5rem)}.about-faq-grid{gap:var(--spacing-lg,1.5rem);grid-template-columns:1fr}}.guide-page{background:var(--bg-primary);color:var(--text-primary)}.guide-container{max-width:1000px;padding:0 var(--spacing-xl,2rem);margin:0 auto}.guide-container--small{text-align:center;max-width:800px}.guide-hero{background:linear-gradient(135deg,var(--bg-primary)0%,var(--surface-secondary)100%);padding:var(--spacing-3xl,4rem)var(--spacing-xl,2rem);position:relative;overflow:hidden}.guide-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#4a90e21f 0%,#0000 70%);border-radius:50%;width:800px;height:800px;animation:20s ease-in-out infinite float;position:absolute;top:-50%;right:-20%}.guide-hero-content{z-index:1;text-align:center;max-width:900px;margin:0 auto;position:relative}.guide-hero-title{letter-spacing:-.02em;margin:0 0 var(--spacing-lg,2rem)0;color:var(--text-primary);font-size:clamp(2rem,5vw,3rem);font-weight:900;line-height:1.1}.guide-hero-subtitle{color:var(--text-secondary);margin:0 0 var(--spacing-2xl,3rem)0;font-size:1.2rem;line-height:1.7}.guide-section{padding:var(--spacing-3xl,4rem)var(--spacing-xl,2rem);border-bottom:1px solid var(--border-primary)}.guide-section--alt{background:var(--surface-secondary)}.guide-section-header{align-items:center;gap:var(--spacing-lg,2rem);margin-bottom:var(--spacing-2xl,3rem);display:flex}.guide-icon{color:var(--primary);flex-shrink:0}.guide-section-header h2{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:clamp(2rem,4vw,2.5rem);font-weight:800}.guide-content{gap:var(--spacing-lg,2rem);flex-direction:column;display:flex}.guide-content p{color:var(--text-secondary);margin:0;font-size:1.05rem;line-height:1.8}.guide-content h4{color:var(--text-primary);margin:var(--spacing-lg,2rem)0 var(--spacing-md,1rem)0;font-size:1.25rem;font-weight:700}.guide-content a{color:var(--primary);transition:color var(--transition-fast,.15s ease);font-weight:600;text-decoration:none}.guide-content a:hover{text-decoration:underline}.guide-list{gap:var(--spacing-md,1rem);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.guide-list li{align-items:flex-start;gap:var(--spacing-md,1rem);color:var(--text-secondary);padding-left:0;font-size:1.05rem;line-height:1.6;display:flex}.guide-list li:before{content:"✓";color:var(--primary);flex-shrink:0;font-weight:800}.guide-toc{background:var(--surface-secondary)}.guide-toc h2{color:var(--text-primary);margin:0 0 var(--spacing-2xl,3rem)0;text-align:center;font-size:2rem;font-weight:800}.guide-toc-grid{gap:var(--spacing-lg,2rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.guide-toc-link{padding:var(--spacing-lg,2rem);background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);color:var(--text-primary);transition:all var(--transition-base,.25s ease);text-align:center;font-weight:600;text-decoration:none;display:block}.guide-toc-link:hover{border-color:var(--primary);box-shadow:var(--shadow-primary);transform:translateY(-4px)}.guide-callout{padding:var(--spacing-xl,2rem);border-radius:var(--radius-xl,1rem);border-left:4px solid #0000}.guide-callout h4{margin-top:0}.guide-callout--info{border-left-color:var(--primary);background:#4a90e21a}.guide-callout--success{background:#10b9811a;border-left-color:#10b981}.guide-callout--warning{background:#f59e0b1a;border-left-color:#f59e0b}.guide-pillars{gap:var(--spacing-xl,2rem);margin-bottom:var(--spacing-2xl,3rem);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.guide-pillar{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);text-align:center;transition:all var(--transition-base,.25s ease)}.guide-pillar:hover{border-color:var(--primary);box-shadow:var(--shadow-primary);transform:translateY(-4px)}.guide-pillar-icon{margin-bottom:var(--spacing-md,1rem);font-size:3rem}.guide-pillar h3{color:var(--text-primary);margin:0 0 var(--spacing-md,1rem)0;font-size:1.35rem;font-weight:700}.guide-pillar p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.guide-triad{gap:var(--spacing-lg,2rem);margin:var(--spacing-2xl,3rem)0;flex-direction:column;display:flex}.guide-triad-box{background:var(--surface-primary);border:2px solid var(--primary);border-radius:var(--radius-lg,.75rem);padding:var(--spacing-lg,2rem);text-align:center}.guide-triad-box h4{color:var(--primary);margin-top:0;font-size:1.25rem}.guide-triad-box p{margin:var(--spacing-sm,.5rem)0;font-size:.95rem}.guide-example{color:var(--text-muted);margin:0;font-size:.9rem;font-style:italic}.guide-triad-connector{text-align:center;color:var(--primary);font-size:1.5rem}.guide-example-box{background:var(--state-hover);border:1px solid var(--border-primary);border-radius:var(--radius-lg,.75rem);padding:var(--spacing-xl,2rem);margin:var(--spacing-xl,2rem)0}.guide-example-box h4{color:var(--primary);margin-top:0}.guide-example-box p{margin:var(--spacing-md,1rem)0;font-size:.95rem;line-height:1.7}.guide-distortions{gap:var(--spacing-lg,2rem);margin:var(--spacing-2xl,3rem)0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.guide-distortion-card{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg,.75rem);padding:var(--spacing-lg,2rem);transition:all var(--transition-base,.25s ease)}.guide-distortion-card:hover{border-color:var(--primary);box-shadow:var(--shadow-primary)}.guide-distortion-card h4{color:var(--text-primary);margin-top:0;font-size:1.1rem}.guide-distortion-card p{margin:var(--spacing-sm,.5rem)0;font-size:.9rem;line-height:1.6}.guide-steps{gap:var(--spacing-xl,2rem);margin:var(--spacing-2xl,3rem)0;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.guide-step{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg,.75rem);padding:var(--spacing-xl,2rem);padding-top:var(--spacing-2xl,3rem);position:relative}.guide-step-number{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;font-weight:800;display:flex;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.guide-step h4{text-align:center;margin-top:0}.guide-step p{text-align:center;font-size:.95rem}.guide-conclusion{text-align:center;padding:var(--spacing-3xl,4rem)var(--spacing-xl,2rem)}.guide-conclusion h2{margin:0 0 var(--spacing-lg,2rem)0;font-size:2.5rem;font-weight:800}.guide-conclusion>.guide-container{max-width:800px}.guide-cta-grid{gap:var(--spacing-xl,2rem);margin:var(--spacing-2xl,3rem)0;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.guide-cta-card{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg,.75rem);padding:var(--spacing-xl,2rem);transition:all var(--transition-base,.25s ease)}.guide-cta-card:hover{border-color:var(--primary);box-shadow:var(--shadow-primary)}.guide-cta-card h3{color:var(--text-primary);margin:0 0 var(--spacing-md,1rem)0;font-size:1.2rem}.guide-cta-card p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}@media (max-width:768px){.guide-section{padding:var(--spacing-2xl,3rem)var(--spacing-lg,1.5rem)}.guide-section-header{text-align:center;gap:var(--spacing-md,1rem);flex-direction:column}.guide-hero{padding:var(--spacing-2xl,3rem)var(--spacing-lg,1.5rem)}.guide-hero-title{font-size:2rem}.guide-toc-grid,.guide-distortions,.guide-steps{grid-template-columns:1fr}}@media (max-width:480px){.guide-container{padding:0 var(--spacing-lg,1.5rem)}.guide-hero-title{font-size:1.5rem}.guide-hero-subtitle{font-size:1rem}.guide-section-header h2{font-size:1.5rem}.guide-pillar-icon{font-size:2.5rem}.guide-example-box{padding:var(--spacing-lg,1.5rem)}}.guide-journal-page{background:var(--bg-primary,#fff);min-height:100vh}.journal-container{max-width:1200px;padding:0 var(--spacing-xl,1.5rem);margin:0 auto}.journal-container--small{max-width:800px}.journal-hero{padding:var(--spacing-3xl,4rem)0;background:linear-gradient(135deg,#4a90e21a 0%,#8b7fd81a 100%);position:relative;overflow:hidden}.journal-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#4a90e226 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:20s ease-in-out infinite float;position:absolute;top:-50%;right:-20%}.journal-hero-content{text-align:center;z-index:1;animation:.8s slideUp;position:relative}.journal-hero-title{color:var(--text-primary,#111827);margin:0 0 var(--spacing-lg,1.5rem)0;font-size:clamp(2rem,5vw,3rem);font-weight:900;line-height:1.1}.journal-hero-subtitle{color:var(--text-secondary,#6b7280);max-width:700px;margin:0 auto var(--spacing-2xl,2rem);font-size:clamp(1rem,2vw,1.25rem);line-height:1.7}.journal-section{padding:var(--spacing-3xl,4rem)0}.journal-section--alt{background:var(--bg-secondary,#f9fafb)}.journal-section-header{text-align:center;margin-bottom:var(--spacing-2xl,2rem);animation:.6s fadeIn}.journal-section-header h2{color:var(--text-primary,#111827);margin:var(--spacing-md,1rem)0 0 0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.journal-icon{color:var(--primary,#4f46e5);margin-bottom:var(--spacing-sm,.5rem)}.journal-content{animation:.8s slideUp}.journal-intro{color:var(--text-primary,#111827);text-align:center;max-width:800px;margin:0 auto var(--spacing-2xl,2rem);font-size:1.125rem;font-weight:500;line-height:1.8}.journal-callout{padding:var(--spacing-xl,1.5rem);border-radius:var(--radius-lg,.75rem);margin:var(--spacing-2xl,2rem)0;border-left:4px solid}.journal-callout h4{margin:0 0 var(--spacing-sm,.5rem)0;font-size:1.125rem;font-weight:700}.journal-callout p{margin:0;line-height:1.7}.journal-callout--info{background:#3b82f61a;border-left-color:#3b82f6}.journal-callout--info h4{color:#1e40af}.journal-callout--success{background:#22c55e1a;border-left-color:#22c55e}.journal-callout--success h4{color:#15803d}.journal-callout--warning{background:#f59e0b1a;border-left-color:#f59e0b}.journal-callout--warning h4{color:#b45309}.benefits-grid{gap:var(--spacing-xl,1.5rem);margin:var(--spacing-2xl,2rem)0;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.benefit-card{background:var(--surface-primary,white);padding:var(--spacing-xl,1.5rem);border-radius:var(--radius-xl,1rem);border:2px solid var(--border-primary,#e5e7eb);text-align:center;transition:all .3s}.benefit-card:hover{box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a);border-color:var(--primary,#4f46e5);transform:translateY(-4px)}.benefit-icon{margin-bottom:var(--spacing-md,1rem);font-size:3rem}.benefit-card h3{color:var(--text-primary,#111827);margin:0 0 var(--spacing-sm,.5rem)0;font-size:1.25rem;font-weight:700}.benefit-card p{color:var(--text-secondary,#6b7280);margin:0;line-height:1.6}.levels-container{gap:var(--spacing-xl,1.5rem);margin:var(--spacing-2xl,2rem)0;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.level-card{background:var(--surface-primary,white);border-radius:var(--radius-xl,1rem);border:2px solid var(--border-primary,#e5e7eb);flex-direction:column;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;overflow:hidden}.level-card:hover{box-shadow:var(--shadow-2xl,0 25px 50px -12px #00000040);transform:translateY(-8px)}.level-card--fast{border-top:4px solid #10b981}.level-card--standard{border-top:4px solid #3b82f6}.level-card--complete{border-top:4px solid #8b5cf6}.level-header{padding:var(--spacing-lg,1.25rem);gap:var(--spacing-sm,.5rem);text-align:center;background:linear-gradient(135deg,#00000005,#0000000a);flex-direction:column;align-items:center;display:flex}.level-badge{border-radius:var(--radius-full,9999px);text-transform:uppercase;letter-spacing:.05em;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.level-badge--fast{color:#059669;background:#10b9811a}.level-badge--standard{color:#2563eb;background:#3b82f61a}.level-badge--complete{color:#7c3aed;background:#8b5cf61a}.level-header h3{color:var(--text-primary,#111827);margin:0;font-size:1.5rem;font-weight:700}.level-time{color:var(--text-secondary,#6b7280);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.level-content{padding:var(--spacing-xl,1.5rem);gap:var(--spacing-md,1rem);flex-direction:column;flex:1;display:flex}.level-content h4{color:var(--text-primary,#111827);margin:0;font-size:1rem;font-weight:700}.level-content ul{color:var(--text-secondary,#6b7280);margin:0;padding-left:1.5rem;line-height:1.7}.level-fields{flex-wrap:wrap;gap:.5rem;display:flex}.field-tag{border-radius:var(--radius-full,9999px);color:var(--text-primary,#374151);background:#0000000d;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.level-example{padding:var(--spacing-md,1rem);border-radius:var(--radius-md,.5rem);border-left:3px solid var(--primary,#4f46e5);background:#00000005;font-size:.875rem;line-height:1.6}.level-example strong{color:var(--text-primary,#111827);margin-bottom:.5rem;display:block}.level-example p{color:var(--text-secondary,#6b7280);margin:0}.how-to-sections{gap:var(--spacing-xl,1.5rem);margin:var(--spacing-2xl,2rem)0;flex-direction:column;display:flex}.how-to-card{background:var(--surface-primary,white);border-radius:var(--radius-xl,1rem);border:2px solid var(--border-primary,#e5e7eb);transition:all .3s;overflow:hidden}.how-to-card:hover{border-color:var(--primary,#4f46e5);box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a)}.how-to-header{padding:var(--spacing-lg,1.25rem);align-items:center;gap:var(--spacing-md,1rem);background:linear-gradient(135deg,#4f46e50d,#8b5cf60d);display:flex}.how-to-icon{font-size:2rem}.how-to-header h3{color:var(--text-primary,#111827);margin:0;font-size:1.25rem;font-weight:700}.how-to-content{padding:var(--spacing-xl,1.5rem)}.how-to-content p,.how-to-content ul{color:var(--text-secondary,#6b7280);line-height:1.7}.how-to-content ul{padding-left:1.5rem}.how-to-tip{padding:var(--spacing-md,1rem);border-radius:var(--radius-md,.5rem);margin-top:var(--spacing-md,1rem);background:#3b82f61a;border-left:3px solid #3b82f6;font-size:.875rem}.how-to-tip strong{color:#1e40af}.how-to-example{padding:var(--spacing-md,1rem);border-radius:var(--radius-md,.5rem);margin-top:var(--spacing-md,1rem);background:#00000005;font-size:.875rem;line-height:1.6}.how-to-example strong{color:var(--text-primary,#111827);margin-bottom:.5rem;display:block}.intensity-scale{gap:var(--spacing-md,1rem);margin:var(--spacing-md,1rem)0;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));display:grid}.intensity-item{text-align:center;padding:var(--spacing-md,1rem);border-radius:var(--radius-md,.5rem);border:2px solid var(--border-primary,#e5e7eb);background:#00000005}.intensity-value{color:var(--primary,#4f46e5);margin-bottom:.25rem;font-size:1.5rem;font-weight:800;display:block}.intensity-label{text-transform:uppercase;color:var(--text-secondary,#6b7280);letter-spacing:.05em;font-size:.75rem;font-weight:600;display:block}.sensations-grid{margin:var(--spacing-md,1rem)0;flex-wrap:wrap;gap:.5rem;display:flex}.sensation-tag{border-radius:var(--radius-full,9999px);color:#7c3aed;background:#8b5cf61a;border:1px solid #8b5cf633;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.practices-grid{gap:var(--spacing-xl,1.5rem);margin:var(--spacing-2xl,2rem)0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.practice-card{background:var(--surface-primary,white);padding:var(--spacing-xl,1.5rem);border-radius:var(--radius-xl,1rem);border:2px solid}.practice-card--do{background:linear-gradient(135deg,#22c55e0d,#0000);border-color:#22c55e}.practice-card--dont{background:linear-gradient(135deg,#ef44440d,#0000);border-color:#ef4444}.practice-card h3{margin:0 0 var(--spacing-md,1rem)0;font-size:1.25rem;font-weight:700}.practice-card--do h3{color:#15803d}.practice-card--dont h3{color:#b91c1c}.practice-card ul{color:var(--text-secondary,#6b7280);margin:0;padding-left:1.5rem;line-height:1.8}.practice-card li{margin-bottom:var(--spacing-sm,.5rem)}.practice-card strong{color:var(--text-primary,#111827)}.analyses-grid{gap:var(--spacing-lg,1.25rem);margin:var(--spacing-2xl,2rem)0;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.analysis-card{background:var(--surface-primary,white);padding:var(--spacing-xl,1.5rem);border-radius:var(--radius-xl,1rem);border:2px solid var(--border-primary,#e5e7eb);text-align:center;transition:all .3s}.analysis-card:hover{box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a);border-color:var(--primary,#4f46e5);transform:translateY(-4px)}.analysis-icon{margin-bottom:var(--spacing-md,1rem);font-size:3rem}.analysis-card h3{color:var(--text-primary,#111827);margin:0 0 var(--spacing-sm,.5rem)0;font-size:1.25rem;font-weight:700}.analysis-card p{color:var(--text-secondary,#6b7280);margin:0 0 var(--spacing-md,1rem)0;line-height:1.6}.analysis-example{padding:var(--spacing-md,1rem);border-radius:var(--radius-md,.5rem);color:var(--primary,#4f46e5);background:#4f46e50d;font-size:.875rem;font-style:italic;font-weight:500}.journal-final-cta{padding:var(--spacing-3xl,4rem)0;text-align:center;background:linear-gradient(135deg,#4f46e51a 0%,#8b5cf61a 100%)}.cta-icon{color:var(--primary,#4f46e5);margin-bottom:var(--spacing-lg,1.25rem)}.journal-final-cta h2{color:var(--text-primary,#111827);margin:0 0 var(--spacing-md,1rem)0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.journal-final-cta>p{color:var(--text-secondary,#6b7280);max-width:600px;margin:0 auto var(--spacing-2xl,2rem);font-size:1.125rem;line-height:1.7}.cta-actions{align-items:center;gap:var(--spacing-md,1rem);flex-direction:column;display:flex}.cta-subtext{color:var(--text-muted,#9ca3af);margin:0;font-size:.875rem}@media (max-width:768px){.journal-hero,.journal-section{padding:var(--spacing-2xl,2rem)0}.levels-container,.benefits-grid,.analyses-grid,.practices-grid{grid-template-columns:1fr}.intensity-scale{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.journal-hero-title{font-size:1.75rem}.journal-section-header h2{font-size:1.5rem}.level-header h3{font-size:1.25rem}}.guide-matrice-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary)}.matrice-container{max-width:1200px;padding:0 var(--spacing-xl,2rem);margin:0 auto}.matrice-container--small{text-align:center;max-width:800px}.matrice-hero{background:linear-gradient(135deg,var(--bg-primary)0%,var(--surface-secondary)100%);padding:var(--spacing-3xl,4rem)var(--spacing-xl,2rem);position:relative;overflow:hidden}.matrice-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#4a90e21f 0%,#0000 70%);border-radius:50%;width:800px;height:800px;animation:20s ease-in-out infinite float;position:absolute;top:-50%;right:-20%}.matrice-hero-content{z-index:1;text-align:center;max-width:900px;margin:0 auto;position:relative}.matrice-hero-badge{border-radius:var(--radius-full,9999px);color:var(--primary);margin-bottom:var(--spacing-lg,1.5rem);text-transform:uppercase;letter-spacing:.05em;background:#4a90e21a;border:1px solid #4a90e233;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.matrice-hero-title{letter-spacing:-.02em;margin:0 0 var(--spacing-lg,2rem)0;color:var(--text-primary);font-size:clamp(2rem,5vw,3rem);font-weight:900;line-height:1.1}.matrice-hero-subtitle{color:var(--text-secondary);margin:0 0 var(--spacing-2xl,3rem)0;font-size:1.2rem;line-height:1.7}.matrice-section{padding:var(--spacing-3xl,4rem)var(--spacing-xl,2rem);border-bottom:1px solid var(--border-primary)}.matrice-section--alt{background:var(--surface-secondary)}.matrice-section-header{align-items:center;gap:var(--spacing-lg,2rem);margin-bottom:var(--spacing-2xl,3rem);display:flex}.matrice-icon{color:var(--primary);flex-shrink:0}.matrice-section-header h2{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:clamp(2rem,4vw,2.5rem);font-weight:800}.matrice-content{gap:var(--spacing-lg,2rem);flex-direction:column;display:flex}.matrice-content p{color:var(--text-secondary);margin:0;font-size:1.05rem;line-height:1.8}.matrice-content h3{color:var(--text-primary);margin:var(--spacing-xl,2rem)0 var(--spacing-md,1rem)0;font-size:1.5rem;font-weight:700}.matrice-content h4{color:var(--text-primary);margin:var(--spacing-lg,2rem)0 var(--spacing-md,1rem)0;font-size:1.25rem;font-weight:700}.matrice-content a{color:var(--primary);transition:color var(--transition-fast,.15s ease);font-weight:600;text-decoration:none}.matrice-content a:hover{text-decoration:underline}.matrice-toc{background:var(--surface-secondary)}.matrice-toc h2{color:var(--text-primary);margin:0 0 var(--spacing-2xl,3rem)0;text-align:center;font-size:2rem;font-weight:800}.matrice-toc-grid{gap:var(--spacing-lg,2rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.matrice-toc-link{padding:var(--spacing-lg,2rem);background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);color:var(--text-primary);transition:all var(--transition-base,.25s ease);text-align:center;font-weight:600;text-decoration:none;display:block}.matrice-toc-link:hover{border-color:var(--primary);box-shadow:var(--shadow-primary);transform:translateY(-4px)}.matrice-callout{padding:var(--spacing-xl,2rem);border-radius:var(--radius-xl,1rem);margin:var(--spacing-2xl,3rem)0;border-left:4px solid #0000}.matrice-callout h4{align-items:center;gap:.5rem;margin-top:0;display:flex}.matrice-callout--info{border-left-color:var(--primary);background:#4a90e21a}.matrice-callout--success{background:#10b9811a;border-left-color:#10b981}.matrice-callout--warning{background:#f59e0b1a;border-left-color:#f59e0b}.matrice-benefits-grid{gap:var(--spacing-xl,2rem);margin:var(--spacing-2xl,3rem)0;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.matrice-benefit-card{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);text-align:center;transition:all var(--transition-base,.25s ease)}.matrice-benefit-card:hover{border-color:var(--primary);box-shadow:var(--shadow-primary);transform:translateY(-4px)}.matrice-benefit-icon{margin-bottom:var(--spacing-md,1rem);font-size:3rem}.matrice-benefit-card h3{color:var(--text-primary);margin:0 0 var(--spacing-md,1rem)0;font-size:1.35rem;font-weight:700}.matrice-benefit-card p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.matrice-preview-container{max-width:900px;margin:var(--spacing-2xl,3rem)auto;padding:var(--spacing-xl,2rem);background:var(--surface-primary);border-radius:var(--radius-2xl,1.5rem);border:2px solid var(--border-primary);box-shadow:var(--shadow-lg)}.matrice-preview-title{text-align:center;color:var(--text-primary);margin:0 0 var(--spacing-xl,2rem)0;font-size:1.5rem;font-weight:800}.matrice-preview-grid{gap:var(--spacing-lg,2rem);grid-template-columns:repeat(2,1fr);display:grid}.matrice-quadrant{background:var(--surface-secondary);border-radius:var(--radius-lg,.75rem);padding:var(--spacing-lg,1.5rem);border:2px solid var(--border-primary);cursor:pointer;transition:all .3s}.matrice-quadrant:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.matrice-quadrant--positive{border-top:4px solid #22c55e}.matrice-quadrant--negative{border-top:4px solid #ef4444}.matrice-quadrant--warning{border-top:4px solid #f59e0b}.matrice-quadrant--success{border-top:4px solid #3b82f6}.matrice-quadrant--active{border-color:var(--primary);box-shadow:var(--shadow-primary);transform:scale(1.02)}.matrice-quadrant-header{align-items:center;gap:var(--spacing-sm,.5rem);margin-bottom:var(--spacing-md,1rem);display:flex}.matrice-quadrant-icon{font-size:1.5rem}.matrice-quadrant h3{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:700}.matrice-quadrant-items{gap:var(--spacing-sm,.5rem);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.matrice-quadrant-items li{padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem);background:var(--surface-primary);border-radius:var(--radius-md,.5rem);color:var(--text-secondary);align-items:start;gap:.5rem;font-size:.9rem;display:flex}.matrice-quadrant-items li:before{content:"•";color:var(--primary);flex-shrink:0;font-weight:800}.matrice-quadrant-note{margin-top:var(--spacing-md,1rem);padding:var(--spacing-md,1rem);border-radius:var(--radius-md,.5rem);color:var(--text-muted);text-align:center;background:#4a90e20d;font-size:.875rem}.matrice-steps{gap:var(--spacing-xl,2rem);margin:var(--spacing-2xl,3rem)0;flex-direction:column;display:flex}.matrice-step{gap:var(--spacing-lg,1.5rem);align-items:start;display:flex}.matrice-step-number{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;width:50px;height:50px;box-shadow:var(--shadow-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:800;display:flex}.matrice-step-content{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-lg,1.5rem);flex:1}.matrice-step-content h3{color:var(--text-primary);margin:0 0 var(--spacing-md,1rem)0;font-size:1.25rem;font-weight:700}.matrice-step-content p{color:var(--text-secondary);margin:0 0 var(--spacing-md,1rem)0;line-height:1.7}.matrice-step-examples{margin-top:var(--spacing-md,1rem);padding:var(--spacing-md,1rem);background:var(--surface-secondary);border-radius:var(--radius-md,.5rem)}.matrice-step-examples ul{margin:var(--spacing-sm,.5rem)0 0 0;padding-left:1.5rem}.matrice-step-examples li{margin-bottom:var(--spacing-sm,.5rem);color:var(--text-secondary);font-size:.9rem}.matrice-scenarios-grid{gap:var(--spacing-xl,2rem);margin:var(--spacing-2xl,3rem)0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.matrice-scenario-card{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);transition:all var(--transition-base,.25s ease)}.matrice-scenario-card:hover{border-color:var(--primary);box-shadow:var(--shadow-primary);transform:translateY(-4px)}.matrice-scenario-icon{margin-bottom:var(--spacing-md,1rem);font-size:3rem;display:block}.matrice-scenario-card h3{color:var(--text-primary);margin:0 0 var(--spacing-sm,.5rem)0;font-size:1.25rem;font-weight:700}.matrice-scenario-card p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.matrice-analysis-grid{gap:var(--spacing-lg,2rem);margin:var(--spacing-2xl,3rem)0;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.matrice-analysis-card{background:var(--surface-primary);border:2px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);text-align:center}.matrice-analysis-icon{margin-bottom:var(--spacing-md,1rem);font-size:2.5rem;display:block}.matrice-analysis-card h3{color:var(--text-primary);margin:0 0 var(--spacing-sm,.5rem)0;font-size:1.125rem;font-weight:700}.matrice-analysis-card p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}.matrice-practices-grid{gap:var(--spacing-xl,2rem);margin:var(--spacing-2xl,3rem)0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.matrice-practice-card{background:var(--surface-primary);padding:var(--spacing-xl,2rem);border-radius:var(--radius-xl,1rem);border:2px solid}.matrice-practice-card--do{background:linear-gradient(135deg,#22c55e0d,#0000);border-color:#22c55e}.matrice-practice-card--dont{background:linear-gradient(135deg,#ef44440d,#0000);border-color:#ef4444}.matrice-practice-card h3{margin:0 0 var(--spacing-md,1rem)0;font-size:1.25rem;font-weight:700}.matrice-practice-card--do h3{color:#15803d}.matrice-practice-card--dont h3{color:#b91c1c}.matrice-practice-card ul{color:var(--text-secondary);margin:0;padding-left:1.5rem;line-height:1.8}.matrice-practice-card li{margin-bottom:var(--spacing-sm,.5rem)}.matrice-practice-card strong{color:var(--text-primary)}.matrice-final-cta{padding:var(--spacing-3xl,4rem)0;text-align:center;background:linear-gradient(135deg,#4a90e21a 0%,#8b7fd81a 100%)}.matrice-cta-icon{color:var(--primary);margin-bottom:var(--spacing-lg,1.5rem)}.matrice-final-cta h2{color:var(--text-primary);margin:0 0 var(--spacing-md,1rem)0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.matrice-final-cta>p{color:var(--text-secondary);max-width:600px;margin:0 auto var(--spacing-2xl,2rem);font-size:1.125rem;line-height:1.7}.matrice-cta-actions{align-items:center;gap:var(--spacing-md,1rem);flex-direction:column;display:flex}.matrice-cta-subtext{color:var(--text-muted);margin:0;font-size:.875rem}@media (max-width:768px){.matrice-section{padding:var(--spacing-2xl,3rem)var(--spacing-lg,1.5rem)}.matrice-section-header{text-align:center;gap:var(--spacing-md,1rem);flex-direction:column}.matrice-hero{padding:var(--spacing-2xl,3rem)var(--spacing-lg,1.5rem)}.matrice-hero-title{font-size:2rem}.matrice-toc-grid,.matrice-preview-grid,.matrice-scenarios-grid,.matrice-practices-grid{grid-template-columns:1fr}.matrice-step{gap:var(--spacing-md,1rem);flex-direction:column}.matrice-step-number{width:40px;height:40px;font-size:1.25rem}}@media (max-width:480px){.matrice-container{padding:0 var(--spacing-lg,1.5rem)}.matrice-hero-title{font-size:1.5rem}.matrice-hero-subtitle{font-size:1rem}.matrice-section-header h2{font-size:1.5rem}.matrice-benefit-icon,.matrice-scenario-icon{font-size:2.5rem}}.toolbox-section{margin-bottom:var(--spacing-3xl);animation:.6s slideUp}.toolbox-header{margin-bottom:var(--spacing-2xl)}.toolbox-title-group{align-items:flex-start;gap:var(--spacing-lg);animation:.6s .1s both slideUp;display:flex}.toolbox-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.toolbox-subtitle{color:var(--text-secondary);margin-top:var(--spacing-sm);font-size:1rem;line-height:1.5}.toolbox-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.toolbox-card{gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl);transition:all var(--transition-base);cursor:pointer;z-index:1;flex-direction:column;animation:.6s slideUp;display:flex;position:relative;overflow:hidden}.toolbox-card:hover{border-color:var(--primary);transform:translateY(-8px);box-shadow:0 12px 32px #4a90e226}.toolbox-badge{top:var(--spacing-md);right:var(--spacing-md);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);padding:.35rem .75rem;font-size:.65rem;font-weight:700;animation:.4s .2s both scaleIn;position:absolute;box-shadow:0 4px 12px #4a90e233}.toolbox-card-icon{border-radius:var(--radius-lg);background:var(--surface-hover);width:56px;height:56px;color:var(--primary);transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.toolbox-card:hover .toolbox-card-icon{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;transform:scale(1.15)rotate(10deg)}.toolbox-card-content{flex:1}.toolbox-card-title{color:var(--text-primary);margin:0 0 var(--spacing-sm)0;font-size:1.1rem;font-weight:700;line-height:1.3}.toolbox-card-description{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.toolbox-card-footer{gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-primary);flex-direction:column;margin-top:auto;display:flex}.toolbox-card-footer .btn{justify-content:space-between;width:100%}.toolbox-card-guide{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-base);background:0 0;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.toolbox-card-guide:hover{background:var(--surface-hover);color:var(--primary)}.toolbox-card--primary{border-color:#4a90e233}.toolbox-card--primary:hover{border-color:var(--primary)}.toolbox-card--secondary{border-color:#8b7fd833}.toolbox-card--secondary:hover{border-color:var(--secondary);box-shadow:0 12px 32px #8b7fd826}.toolbox-card--secondary .toolbox-card-icon{color:var(--secondary);background:linear-gradient(135deg,#8b7fd81a,#8b7fd80d)}.toolbox-card--secondary:hover .toolbox-card-icon{background:var(--secondary)}.toolbox-card--accent{border-color:#50c9ce33}.toolbox-card--accent:hover{border-color:var(--accent);box-shadow:0 12px 32px #50c9ce26}.toolbox-card--accent .toolbox-card-icon{color:var(--accent);background:linear-gradient(135deg,#50c9ce1a,#50c9ce0d)}.toolbox-card--accent:hover .toolbox-card-icon{background:var(--accent)}.toolbox-card--success{border-color:#22c55e33}.toolbox-card--success:hover{border-color:#22c55e;box-shadow:0 12px 32px #22c55e26}.toolbox-card--success .toolbox-card-icon{color:#22c55e;background:linear-gradient(135deg,#22c55e1a,#22c55e0d)}.toolbox-card--success:hover .toolbox-card-icon{background:#22c55e}.toolbox-card-gradient{opacity:0;transition:opacity var(--transition-base);pointer-events:none;z-index:-1;background:linear-gradient(135deg,#0000 0%,#ffffff1a 50%,#0000 100%);position:absolute;inset:0}.toolbox-card:hover .toolbox-card-gradient{opacity:1}.toolbox-cta{justify-content:space-between;align-items:center;gap:var(--spacing-2xl);padding:var(--spacing-2xl);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl);background:linear-gradient(135deg,#4a90e214 0%,#8b7fd814 100%);animation:.6s .3s both slideUp;display:flex}.toolbox-cta-content{flex:1}.toolbox-cta-content h3{color:var(--text-primary);margin:0 0 var(--spacing-sm)0;font-size:1.2rem;font-weight:700}.toolbox-cta-content p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.toolbox-cta-content strong{color:var(--primary);font-weight:700}.toolbox-cta-actions{gap:var(--spacing-md);flex-shrink:0;display:flex}.toolbox-cta-actions .btn{white-space:nowrap}@media (max-width:1024px){.toolbox-grid{grid-template-columns:repeat(2,1fr)}.toolbox-cta{flex-direction:column;align-items:flex-start}.toolbox-cta-actions{width:100%}.toolbox-cta-actions .btn{flex:1}}@media (max-width:768px){.toolbox-grid{grid-template-columns:1fr}.toolbox-title-group{gap:var(--spacing-md)}.toolbox-card{padding:var(--spacing-lg)}.toolbox-card-title{font-size:1rem}.toolbox-cta{padding:var(--spacing-lg);align-items:flex-start;gap:var(--spacing-lg);flex-direction:column}.toolbox-cta-content h3{font-size:1.1rem}.toolbox-cta-actions{flex-direction:column;width:100%}.toolbox-cta-actions .btn{width:100%}}@media (max-width:480px){.toolbox-grid{gap:var(--spacing-md)}.toolbox-card{padding:var(--spacing-md)}.toolbox-badge{padding:.3rem .5rem;font-size:.6rem}.toolbox-card-icon{width:48px;height:48px}.toolbox-cta{padding:var(--spacing-md)}.toolbox-cta-content h3{font-size:1rem}.toolbox-card-footer{gap:var(--spacing-xs)}}.guide-outils-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary)}.outils-container{max-width:1200px;padding:0 var(--spacing-xl,2rem);margin:0 auto}.outils-container--small{text-align:center;max-width:800px}.outils-hero{background:linear-gradient(135deg,var(--bg-primary)0%,var(--surface-secondary)100%);padding:var(--spacing-3xl,4rem)var(--spacing-xl,2rem);position:relative;overflow:hidden}.outils-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f11f 0%,#0000 70%);border-radius:50%;width:800px;height:800px;animation:20s ease-in-out infinite float;position:absolute;top:-50%;right:-20%}.outils-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#22c55e14 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:25s ease-in-out infinite reverse float;position:absolute;bottom:-30%;left:-10%}.outils-hero-content{z-index:1;text-align:center;max-width:900px;margin:0 auto;position:relative}.outils-hero-badge{border-radius:var(--radius-full,9999px);color:var(--primary);margin-bottom:var(--spacing-lg,1.5rem);text-transform:uppercase;letter-spacing:.05em;background:#6366f11a;border:1px solid #6366f133;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.outils-hero-title{letter-spacing:-.02em;margin:0 0 var(--spacing-lg,2rem)0;color:var(--text-primary);font-size:clamp(2rem,5vw,3rem);font-weight:900;line-height:1.1}.outils-hero-subtitle{color:var(--text-secondary);margin:0 0 var(--spacing-2xl,3rem)0;font-size:1.2rem;line-height:1.7}.outils-section{padding:var(--spacing-3xl,4rem)var(--spacing-xl,2rem);border-bottom:1px solid var(--border-primary)}.outils-section--alt{background:var(--surface-secondary)}.outils-section-header{align-items:center;gap:var(--spacing-lg,2rem);margin-bottom:var(--spacing-2xl,3rem);display:flex}.outils-icon{color:var(--primary);flex-shrink:0}.outils-section-header h2{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:clamp(2rem,4vw,2.5rem);font-weight:800}.outils-content{gap:var(--spacing-lg,2rem);flex-direction:column;display:flex}.outils-content p{color:var(--text-secondary);margin:0;font-size:1.05rem;line-height:1.8}.outils-content h3{color:var(--text-primary);margin:var(--spacing-xl,2rem)0 var(--spacing-md,1rem)0;font-size:1.5rem;font-weight:700}.outils-content h4{color:var(--text-primary);margin:var(--spacing-lg,2rem)0 var(--spacing-md,1rem)0;font-size:1.25rem;font-weight:700}.outils-content a{color:var(--primary);transition:color var(--transition-fast,.15s ease);font-weight:600;text-decoration:none}.outils-content a:hover{text-decoration:underline}.outils-toc{background:var(--surface-secondary)}.outils-toc h2{color:var(--text-primary);margin:0 0 var(--spacing-2xl,3rem)0;text-align:center;font-size:2rem;font-weight:800}.outils-toc-grid{gap:var(--spacing-lg,2rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.outils-toc-link{padding:var(--spacing-lg,2rem);background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);color:var(--text-primary);transition:all var(--transition-base,.25s ease);text-align:center;font-weight:600;text-decoration:none;display:block}.outils-toc-link:hover{border-color:var(--primary);box-shadow:var(--shadow-primary);transform:translateY(-4px)}.outils-callout{padding:var(--spacing-xl,2rem);border-radius:var(--radius-xl,1rem);margin:var(--spacing-2xl,3rem)0;border-left:4px solid #0000}.outils-callout h4{align-items:center;gap:.5rem;margin-top:0;font-size:1.125rem;font-weight:700;display:flex}.outils-callout p{margin-bottom:var(--spacing-sm,.5rem);line-height:1.7}.outils-callout--info{background:#6366f11a;border-left-color:#6366f1}.outils-callout--success{background:#22c55e1a;border-left-color:#22c55e}.outils-callout--warning{background:#f59e0b1a;border-left-color:#f59e0b}.outils-callout--danger{background:#ef44441a;border-left-color:#ef4444}.outils-pillar-grid{gap:var(--spacing-xl,2rem);margin:var(--spacing-2xl,3rem)0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.outils-pillar-card{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);transition:all var(--transition-base,.25s ease)}.outils-pillar-card:hover{border-color:var(--primary);box-shadow:var(--shadow-primary);transform:translateY(-4px)}.outils-pillar-icon{margin-bottom:var(--spacing-md,1rem);font-size:3rem;display:block}.outils-pillar-card h3{color:var(--text-primary);margin:0 0 var(--spacing-md,1rem)0;font-size:1.35rem;font-weight:700}.outils-pillar-card p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.outils-benefits-grid{gap:var(--spacing-xl,2rem);margin:var(--spacing-2xl,3rem)0;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.outils-benefit-card{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);text-align:center;transition:all var(--transition-base,.25s ease)}.outils-benefit-card:hover{border-color:var(--primary);box-shadow:var(--shadow-primary);transform:translateY(-4px)}.outils-benefit-icon{margin-bottom:var(--spacing-md,1rem);font-size:3rem}.outils-benefit-card h3{color:var(--text-primary);margin:0 0 var(--spacing-md,1rem)0;font-size:1.35rem;font-weight:700}.outils-benefit-card p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.outils-category-card{background:var(--surface-primary);border:2px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);margin-bottom:var(--spacing-xl,2rem);transition:all var(--transition-base,.25s ease)}.outils-category-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.outils-category-card--physique{background:linear-gradient(135deg,#22c55e0d,#0000);border-left:4px solid #22c55e}.outils-category-card--respiration{background:linear-gradient(135deg,#3b82f60d,#0000);border-left:4px solid #3b82f6}.outils-category-card--cognitive{background:linear-gradient(135deg,#6366f10d,#0000);border-left:4px solid #6366f1}.outils-category-card--sensorielle{background:linear-gradient(135deg,#f59e0b0d,#0000);border-left:4px solid #f59e0b}.outils-category-card--sociale{background:linear-gradient(135deg,#ec48990d,#0000);border-left:4px solid #ec4899}.outils-category-header{align-items:center;gap:var(--spacing-md,1rem);margin-bottom:var(--spacing-lg,1.5rem);display:flex}.outils-category-icon{font-size:2rem}.outils-category-card h3{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.outils-category-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg,1.5rem);font-size:1rem;line-height:1.7}.outils-usage-grid{gap:var(--spacing-xl,2rem);margin:var(--spacing-2xl,3rem)0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.outils-usage-card{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);transition:all var(--transition-base,.25s ease)}.outils-usage-card:hover{border-color:var(--primary);box-shadow:var(--shadow-primary);transform:translateY(-4px)}.outils-usage-icon{margin-bottom:var(--spacing-md,1rem);font-size:3rem;display:block}.outils-usage-card h3{color:var(--text-primary);margin:0 0 var(--spacing-sm,.5rem)0;font-size:1.25rem;font-weight:700}.outils-usage-card p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.outils-metrics-grid{gap:var(--spacing-lg,2rem);margin:var(--spacing-2xl,3rem)0;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.outils-metric-card{background:var(--surface-primary);border:2px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);text-align:center}.outils-metric-icon{margin-bottom:var(--spacing-md,1rem);font-size:2.5rem;display:block}.outils-metric-card h3{color:var(--text-primary);margin:0 0 var(--spacing-sm,.5rem)0;font-size:1.125rem;font-weight:700}.outils-metric-card p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}.outils-practices-grid{gap:var(--spacing-xl,2rem);margin:var(--spacing-2xl,3rem)0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.outils-practice-item{background:var(--surface-primary);padding:var(--spacing-xl,2rem);border-radius:var(--radius-xl,1rem);border:2px solid}.outils-practice-item--do{background:linear-gradient(135deg,#22c55e0d,#0000);border-color:#22c55e}.outils-practice-item--dont{background:linear-gradient(135deg,#ef44440d,#0000);border-color:#ef4444}.outils-practice-item h3{margin:0 0 var(--spacing-md,1rem)0;font-size:1.25rem;font-weight:700}.outils-practice-item--do h3{color:#15803d}.outils-practice-item--dont h3{color:#b91c1c}.outils-practice-item ul{color:var(--text-secondary);margin:0;padding-left:1.5rem;line-height:1.8}.outils-practice-item li{margin-bottom:var(--spacing-sm,.5rem)}.outils-practice-item strong{color:var(--text-primary)}.outils-strategy-tags{gap:var(--spacing-sm,.5rem);margin-top:var(--spacing-md,1rem);flex-wrap:wrap;display:flex}.outils-strategy-tag{background:var(--surface-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-full,9999px);color:var(--text-secondary);transition:all var(--transition-fast,.15s ease);padding:.4rem .8rem;font-size:.875rem;font-weight:600}.outils-strategy-tag:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.outils-technique-list{gap:var(--spacing-md,1rem);margin:var(--spacing-lg,1.5rem)0;flex-direction:column;display:flex}.outils-technique-item{padding:var(--spacing-md,1rem);background:var(--surface-secondary);border-left:3px solid var(--primary);border-radius:var(--radius-md,.5rem)}.outils-technique-item h4{color:var(--text-primary);margin:0 0 var(--spacing-xs,.25rem)0;font-size:1.1rem;font-weight:700}.outils-technique-item p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}.outils-final-cta{padding:var(--spacing-3xl,4rem)0;text-align:center;background:linear-gradient(135deg,#6366f11a 0%,#22c55e1a 100%)}.outils-cta-icon{color:var(--primary);margin-bottom:var(--spacing-lg,1.5rem)}.outils-final-cta h2{color:var(--text-primary);margin:0 0 var(--spacing-md,1rem)0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.outils-final-cta>p{color:var(--text-secondary);max-width:600px;margin:0 auto var(--spacing-2xl,2rem);font-size:1.125rem;line-height:1.7}.outils-cta-actions{align-items:center;gap:var(--spacing-md,1rem);flex-direction:column;display:flex}.outils-cta-subtext{color:var(--text-muted);margin:0;font-size:.875rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.outils-section{padding:var(--spacing-2xl,3rem)var(--spacing-lg,1.5rem)}.outils-section-header{text-align:center;gap:var(--spacing-md,1rem);flex-direction:column}.outils-hero{padding:var(--spacing-2xl,3rem)var(--spacing-lg,1.5rem)}.outils-hero-title{font-size:2rem}.outils-toc-grid,.outils-pillar-grid,.outils-benefits-grid,.outils-usage-grid,.outils-practices-grid{grid-template-columns:1fr}.outils-benefit-icon,.outils-pillar-icon,.outils-usage-icon{font-size:2.5rem}}@media (max-width:480px){.outils-container{padding:0 var(--spacing-lg,1.5rem)}.outils-hero-title{font-size:1.5rem}.outils-hero-subtitle{font-size:1rem}.outils-section-header h2{font-size:1.5rem}.outils-category-card,.outils-benefit-card,.outils-pillar-card,.outils-usage-card,.outils-metric-card,.outils-practice-item{padding:var(--spacing-md,1rem)}}.profile-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);animation:.5s fadeIn}.profile-loading{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.profile-loading .spinner{animation:.6s scaleIn}.profile-header{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);padding:var(--spacing-3xl)var(--spacing-xl);color:#fff;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.profile-header:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:20s ease-in-out infinite float;position:absolute;top:-50%;right:-20%}.profile-header-content{z-index:1;align-items:center;gap:var(--spacing-2xl);flex-wrap:wrap;max-width:1200px;margin:0 auto;display:flex;position:relative}.profile-avatar{flex-shrink:0;position:relative}.avatar-circle{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff3,#ffffff1a);border:3px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:2.5rem;font-weight:800;animation:.6s slideUp;display:flex;box-shadow:0 8px 32px #0003}.avatar-edit{width:44px;height:44px;color:var(--primary);cursor:pointer;box-shadow:var(--shadow-lg);transition:all var(--transition-base);background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.25rem;display:flex;position:absolute;bottom:0;right:0}.avatar-edit:hover{transform:scale(1.1);box-shadow:0 8px 24px #00000040}.profile-header-info{flex:1;min-width:250px;animation:.6s .1s both slideUp}.profile-header-info h1{margin:0 0 var(--spacing-sm)0;letter-spacing:-.5px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:900;line-height:1.1}.profile-email{opacity:.95;margin:0 0 var(--spacing-md)0;font-size:1rem}.profile-join-date{align-items:center;gap:var(--spacing-sm);opacity:.9;margin:0;font-size:.95rem;display:flex}.profile-stats-mini{gap:var(--spacing-lg);flex-shrink:0;animation:.6s .2s both slideUp;display:flex}.stat-mini{align-items:center;gap:var(--spacing-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-lg);transition:all var(--transition-base);background:#ffffff26;border:1px solid #fff3;font-weight:600;display:flex}.stat-mini:hover{background:#ffffff40;transform:translateY(-2px)}.profile-alert{margin:var(--spacing-xl)auto;max-width:1200px;padding:var(--spacing-lg)var(--spacing-xl);border-radius:var(--radius-lg);align-items:center;gap:var(--spacing-md);box-shadow:var(--shadow-md);font-weight:600;animation:.4s slideDown;display:flex}.profile-alert--success{color:#15803d;background:#22c55e1a;border-left:4px solid #22c55e}.profile-alert--error{color:#b91c1c;background:#ef44441a;border-left:4px solid #ef4444}.profile-alert svg{flex-shrink:0}.profile-tabs{max-width:1200px;padding:0 var(--spacing-xl);border-bottom:2px solid var(--border-primary);-webkit-overflow-scrolling:touch;gap:0;margin:0 auto;display:flex;overflow-x:auto}.profile-tab{padding:var(--spacing-lg)var(--spacing-xl);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:var(--spacing-sm);white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;font-size:.95rem;font-weight:600;display:flex;position:relative;top:2px}.profile-tab:hover{color:var(--text-primary)}.profile-tab--active{color:var(--primary);border-bottom-color:var(--primary)}.profile-content{max-width:1200px;padding:var(--spacing-3xl)var(--spacing-xl);margin:0 auto;animation:.6s slideUp}.profile-section{animation:.5s fadeIn}.profile-section-header{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.profile-section-header h2{letter-spacing:-.5px;margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.profile-form{gap:var(--spacing-2xl);flex-direction:column;display:flex}.form-group label{align-items:center;gap:var(--spacing-sm);color:var(--text-primary);font-size:.95rem;font-weight:600;display:flex}.profile-input{padding:var(--spacing-md)var(--spacing-lg);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);background:var(--surface-primary);transition:all var(--transition-base);font-family:inherit;font-size:.95rem}.profile-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4a90e21a}.profile-input:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed}.form-hint{color:var(--text-muted);margin-top:var(--spacing-xs);font-size:.85rem}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-toggle{right:var(--spacing-lg);color:var(--text-muted);cursor:pointer;transition:color var(--transition-base);padding:var(--spacing-sm);background:0 0;border:none;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute}.password-toggle:hover{color:var(--text-secondary)}.form-actions{gap:var(--spacing-md);margin-top:var(--spacing-xl);flex-wrap:wrap;display:flex}.profile-stats-section{margin-top:var(--spacing-3xl);padding-top:var(--spacing-3xl);border-top:2px solid var(--border-primary)}.profile-stats-section h3{margin:0 0 var(--spacing-2xl)0;font-size:1.5rem;font-weight:700}.profile-stats-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base);align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.stat-icon{font-size:2.5rem}.stat-value{color:var(--primary);font-size:2rem;font-weight:900}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.preferences-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.preference-item{padding:var(--spacing-lg);background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-base);justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.preference-item:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.preference-item--nested{background:var(--bg-secondary);border:1px solid var(--border-primary);padding:var(--spacing-md)var(--spacing-lg);margin-left:var(--spacing-2xl)}.preference-info{align-items:flex-start;gap:var(--spacing-md);flex:1;min-width:200px;display:flex}.preference-info h4{margin:0 0 var(--spacing-sm)0;font-size:1rem;font-weight:700}.preference-info p{color:var(--text-secondary);margin:0;font-size:.9rem}.toggle-switch{cursor:pointer;flex-shrink:0;display:inline-flex;position:relative}.toggle-switch input{display:none}.toggle-slider{background:var(--border-primary);width:56px;height:32px;transition:background var(--transition-base);border:1.5px solid #0000;border-radius:9999px;display:inline-block;position:relative}.toggle-slider:before{content:"";width:26px;height:26px;transition:all var(--transition-base);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle-switch input:checked+.toggle-slider{background:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{left:26px}.time-input{padding:var(--spacing-md)var(--spacing-lg);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);background:var(--surface-primary);transition:all var(--transition-base);cursor:pointer;font-family:inherit;font-size:.95rem}.time-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4a90e21a}.data-section{gap:var(--spacing-2xl);flex-direction:column;display:flex}.data-card{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;animation:.6s slideUp;display:flex}.data-card svg{color:var(--primary)}.data-card h3{letter-spacing:-.5px;margin:0;font-size:1.5rem;font-weight:800}.data-card p{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.6}.data-actions{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.data-action-card{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-base);gap:var(--spacing-md);flex-direction:column;display:flex}.data-action-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.data-action-card--danger{background:linear-gradient(135deg,#ef44440d,#0000);border-color:#ef4444}.data-action-card--danger:hover{border-color:#dc2626;box-shadow:0 8px 24px #ef444433}.data-action-card h4{margin:0;font-size:1.25rem;font-weight:700}.data-action-card p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.btn{padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:var(--spacing-sm);border:none;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--surface-primary);color:var(--text-primary);border:1.5px solid var(--border-primary)}.btn-secondary:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:linear-gradient(135deg,#4a90e20d,#00d4ff0d)}.btn-ghost{color:var(--text-secondary);background:0 0;border:none}.btn-ghost:hover{color:var(--primary)}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.profile-avatar-section{align-items:center;gap:var(--spacing-2xl);padding:var(--spacing-2xl);background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);animation:.5s slideUp;display:flex}.profile-avatar-container{flex-shrink:0;width:140px;height:140px;position:relative}.profile-avatar-large{border:3px solid var(--glass-border);width:100%;height:100%;box-shadow:var(--glass-shadow);transition:all var(--transition-base);background:linear-gradient(135deg,#ffffff40,#ffffff0d);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.profile-avatar-large:hover{box-shadow:var(--shadow-lg);transform:scale(1.03)}.profile-avatar-image{object-fit:cover;width:100%;height:100%}.profile-avatar-placeholder{color:var(--text-inverse);background:linear-gradient(135deg,var(--primary),var(--secondary));justify-content:center;align-items:center;width:100%;height:100%;font-size:2.75rem;font-weight:900;display:flex}.avatar-uploading{background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.avatar-uploading .spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}.profile-avatar-upload-btn{background:var(--surface-primary);border:1.5px solid var(--border-primary);width:44px;height:44px;color:var(--primary);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-base);z-index:2;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:6px;right:6px}.profile-avatar-upload-btn:hover{background:linear-gradient(135deg,#4a90e21a,#8b7fd81a);transform:scale(1.1)}.profile-avatar-delete-btn{color:#fff;cursor:pointer;width:34px;height:34px;box-shadow:var(--shadow-md);transition:all var(--transition-base);z-index:2;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:6px;right:6px}.profile-avatar-delete-btn:hover{transform:scale(1.1);box-shadow:0 8px 24px #ef444466}.profile-avatar-info{gap:var(--spacing-sm);flex-direction:column;display:flex}.profile-avatar-info h3{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:800}.profile-avatar-info p{color:var(--text-secondary);margin:0;font-size:.95rem}.avatar-hint{color:var(--text-muted);max-width:420px;font-size:.85rem;line-height:1.5}@media (max-width:768px){.profile-avatar-section{text-align:center;flex-direction:column}.profile-avatar-info{align-items:center}.avatar-hint{max-width:100%}}@media (max-width:480px){.profile-avatar-container{width:110px;height:110px}.profile-avatar-placeholder{font-size:2rem}}@media (max-width:1024px){.profile-header-content{align-items:flex-start;gap:var(--spacing-xl);flex-direction:column}.profile-stats-mini{justify-content:flex-start;width:100%}.profile-stats-grid{grid-template-columns:repeat(2,1fr)}.data-actions{grid-template-columns:1fr}}@media (max-width:768px){.profile-header{padding:var(--spacing-2xl)var(--spacing-lg)}.profile-header-content{gap:var(--spacing-lg)}.avatar-circle{width:100px;height:100px;font-size:2rem}.profile-content{padding:var(--spacing-2xl)var(--spacing-lg)}.profile-tabs{padding:0 var(--spacing-lg);gap:var(--spacing-sm)}.profile-tab{padding:var(--spacing-md)var(--spacing-lg);font-size:.85rem}.profile-section-header{flex-direction:column;align-items:flex-start}.stat-card{padding:var(--spacing-lg)}.preference-item{flex-direction:column;align-items:flex-start}.preference-item--nested{width:100%;margin-left:0}.form-actions{flex-direction:column}.btn{justify-content:center;width:100%}.profile-stats-grid{grid-template-columns:1fr}}@media (max-width:480px){.profile-header{padding:var(--spacing-xl)var(--spacing-md)}.avatar-circle{width:80px;height:80px;font-size:1.75rem}.profile-header-info h1{font-size:1.5rem}.profile-content{padding:var(--spacing-lg)var(--spacing-md)}.profile-section-header h2{font-size:1.25rem}.profile-tabs{padding:0 var(--spacing-md);gap:0}.profile-tab{padding:var(--spacing-md)var(--spacing-sm);font-size:.8rem}.profile-form{gap:var(--spacing-lg)}.form-group label{font-size:.9rem}.stat-mini{padding:var(--spacing-sm)var(--spacing-md);font-size:.85rem}.stat-icon{font-size:1.25rem}.data-action-card{padding:var(--spacing-lg)}.modal-overlay{padding:1rem}}.verify-email-page{min-height:100vh;padding:var(--spacing-xl,2rem);background:linear-gradient(135deg,var(--bg-primary)0%,var(--surface-secondary)100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.verify-email-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#4a90e21a 0%,#0000 70%);border-radius:50%;width:800px;height:800px;animation:20s ease-in-out infinite float;position:absolute;top:-50%;right:-20%}.verify-email-page:after{content:"";pointer-events:none;background:radial-gradient(circle,#8b7fd81a 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:15s ease-in-out infinite reverse float;position:absolute;bottom:-30%;left:-10%}.verify-email-container{z-index:1;width:100%;max-width:500px;position:relative}.verify-email-card{text-align:center;padding:var(--spacing-3xl,4rem)var(--spacing-2xl,3rem);animation:.4s ease-out slideUp}.verify-email-card--success{border:2px solid #22c55e4d}.verify-email-card--error{border:2px solid #ef44444d}.verify-email-icon{width:96px;height:96px;margin:0 auto var(--spacing-xl,2rem);transition:all var(--transition-base,.25s ease);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.verify-email-icon--info,.verify-email-icon--loading{color:var(--primary);background:linear-gradient(135deg,#4a90e21a,#4a90e233);border:2px solid #4a90e24d}.verify-email-icon--success{color:#22c55e;background:linear-gradient(135deg,#22c55e1a,#22c55e33);border:2px solid #22c55e4d;animation:.6s ease-out successPulse}.verify-email-icon--error{color:#ef4444;background:linear-gradient(135deg,#ef44441a,#ef444433);border:2px solid #ef44444d;animation:.5s ease-out errorShake}@keyframes successPulse{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.verify-email-spinner{animation:1s linear infinite spin}.verify-email-title{color:var(--text-primary);margin:0 0 var(--spacing-md,1rem)0;letter-spacing:-.02em;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800}.verify-email-description{color:var(--text-secondary);margin:0 0 var(--spacing-xl,2rem)0;font-size:1.1rem;line-height:1.6}.verify-email-info,.verify-email-success-box{background:var(--state-hover);border:1px solid var(--border-primary);border-radius:var(--radius-lg,.75rem);padding:var(--spacing-lg,1.5rem);margin:var(--spacing-xl,2rem)0;text-align:left}.verify-email-info p,.verify-email-success-box p{color:var(--text-secondary);margin:var(--spacing-sm,.5rem)0;align-items:center;gap:var(--spacing-sm,.5rem);font-size:.95rem;display:flex}.verify-email-success-box{background:#22c55e0d;border-color:#22c55e4d}.verify-email-error-box{border-radius:var(--radius-lg,.75rem);padding:var(--spacing-lg,1.5rem);margin:var(--spacing-xl,2rem)0;text-align:left;background:#ef44440d;border:1px solid #ef44444d}.verify-email-error-box p{color:var(--text-secondary);margin:0 0 var(--spacing-sm,.5rem)0;font-size:.95rem}.verify-email-error-box ul{margin:var(--spacing-sm,.5rem)0 0 var(--spacing-lg,1.5rem);padding:0}.verify-email-error-box li{color:var(--text-secondary);margin:var(--spacing-xs,.25rem)0;font-size:.9rem}.verify-email-progress{margin:var(--spacing-xl,2rem)0}.verify-email-progress-bar{background:var(--state-hover);border-radius:999px;width:100%;height:6px;overflow:hidden}.verify-email-progress-fill{background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:999px;height:100%;animation:2s ease-in-out infinite progressAnimation}@keyframes progressAnimation{0%{width:0%}50%{width:70%}to{width:100%}}.verify-email-actions{gap:var(--spacing-md,1rem);margin:var(--spacing-xl,2rem)0;flex-direction:column;display:flex}.verify-email-actions .btn{justify-content:center;align-items:center;gap:var(--spacing-sm,.5rem);width:100%;display:flex}.verify-email-footer,.verify-email-redirect{color:var(--text-secondary);margin:var(--spacing-lg,1.5rem)0 0 0;font-size:.9rem}.verify-email-redirect{color:var(--text-tertiary);font-style:italic}.verify-email-link{color:var(--primary);transition:all var(--transition-base,.25s ease);font-weight:600;text-decoration:none}.verify-email-link:hover{color:var(--primary-hover);text-decoration:underline}@media (max-width:640px){.verify-email-page{padding:var(--spacing-lg,1.5rem)}.verify-email-card{padding:var(--spacing-2xl,3rem)var(--spacing-xl,2rem)}.verify-email-icon{width:80px;height:80px}.verify-email-icon svg{width:40px;height:40px}.verify-email-title{font-size:1.5rem}.verify-email-description{font-size:1rem}}@media (max-width:480px){.verify-email-card{padding:var(--spacing-xl,2rem)var(--spacing-lg,1.5rem)}.verify-email-icon{width:72px;height:72px}.verify-email-icon svg{width:36px;height:36px}}.reset-page{min-height:100vh;padding:var(--spacing-xl,2rem);background:linear-gradient(135deg,var(--bg-primary)0%,var(--surface-secondary)100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.reset-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#4a90e226 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:15s ease-in-out infinite float;position:absolute;top:-20%;right:-10%}.reset-page:after{content:"";pointer-events:none;background:radial-gradient(circle,#8b7fd826 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:20s ease-in-out infinite reverse float;position:absolute;bottom:-20%;left:-10%}.reset-card{z-index:1;background:var(--glass-bg);width:100%;max-width:480px;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1.5px solid var(--glass-border);border-radius:var(--radius-2xl,1.5rem);padding:var(--spacing-3xl,4rem)var(--spacing-2xl,3rem);box-shadow:var(--glass-shadow),var(--shadow-lg);animation:.6s slideUp;position:relative}.reset-header{text-align:center;margin-bottom:var(--spacing-2xl,3rem)}.reset-shield-icon{width:64px;height:64px;margin:0 auto var(--spacing-lg,1.5rem);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--radius-xl,1rem);color:#fff;box-shadow:var(--shadow-primary);justify-content:center;align-items:center;animation:2s ease-in-out infinite pulse;display:flex}.reset-title{color:var(--text-primary);margin:0 0 var(--spacing-sm,.5rem)0;letter-spacing:-.02em;font-size:1.75rem;font-weight:800}.reset-subtitle{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.6}.reset-form{gap:var(--spacing-lg,1.5rem);flex-direction:column;display:flex}.form-label{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:600}.input-with-icon{align-items:center;display:flex;position:relative}.reset-input{width:100%;padding:var(--spacing-md,1rem)var(--spacing-lg,1.5rem);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg,.75rem);color:var(--text-primary);background:var(--surface-primary);transition:all var(--transition-base,.25s ease);padding-right:3rem;font-family:inherit;font-size:1rem}.reset-input:focus{border-color:var(--primary);background:var(--bg-primary);outline:none;box-shadow:0 0 0 3px #4a90e21f}.reset-input.error{border-color:var(--danger)}.reset-input.error:focus{box-shadow:0 0 0 3px #ef44441f}.input-icon-button{right:var(--spacing-md,1rem);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs,.25rem);transition:color var(--transition-fast,.15s ease);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.input-icon-button:hover{color:var(--primary)}.form-error{color:var(--danger);margin:0;font-size:.85rem;font-weight:500}.reset-error-banner{padding:var(--spacing-md,1rem)var(--spacing-lg,1.5rem);border-left:4px solid var(--danger);border-radius:var(--radius-lg,.75rem);background:linear-gradient(135deg,#ef44441a,#dc26260d);animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.reset-error-banner p{color:var(--danger);margin:0;font-size:.95rem;font-weight:500}.reset-security-info{padding:var(--spacing-lg,1.5rem);border-left:4px solid var(--primary);border-radius:var(--radius-lg,.75rem);background:linear-gradient(135deg,#4a90e214,#8b7fd80d)}.security-info-title{color:var(--text-primary);margin:0 0 var(--spacing-md,1rem)0;font-size:.95rem;font-weight:700}.security-info-list{gap:var(--spacing-sm,.5rem);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.security-info-list li{color:var(--text-secondary);padding-left:var(--spacing-lg,1.5rem);transition:all var(--transition-fast,.15s ease);font-size:.9rem;position:relative}.security-info-list li:before{content:"○";color:var(--text-muted);font-weight:700;position:absolute;left:0}.security-info-list li.criterion-met{color:var(--success);font-weight:600}.security-info-list li.criterion-met:before{content:"✓";color:var(--success)}.reset-button{margin-top:var(--spacing-md,1rem);padding:var(--spacing-md,1rem)var(--spacing-xl,2rem);border-radius:var(--radius-lg,.75rem);transition:all var(--transition-base,.25s ease);font-size:1rem;font-weight:600}.reset-button:disabled{opacity:.5;cursor:not-allowed}.reset-back-link{align-items:center;gap:var(--spacing-sm,.5rem);color:var(--text-secondary);transition:all var(--transition-fast,.15s ease);margin-top:var(--spacing-md,1rem);justify-content:center;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.reset-back-link:hover{color:var(--primary);gap:var(--spacing-md,1rem)}.reset-success{text-align:center;animation:.6s fadeIn}.reset-success-icon{margin:0 auto var(--spacing-xl,2rem);color:var(--success);animation:.5s cubic-bezier(.34,1.56,.64,1) scaleIn}.reset-success-title{color:var(--text-primary);margin:0 0 var(--spacing-lg,1.5rem)0;letter-spacing:-.02em;font-size:1.75rem;font-weight:800}.reset-success-message{color:var(--text-secondary);margin:0 0 var(--spacing-2xl,3rem)0;font-size:1rem;line-height:1.7}.reset-success-actions{gap:var(--spacing-md,1rem);flex-direction:column;align-items:center;display:flex}.reset-error-state{text-align:center;animation:.6s fadeIn}.reset-error-icon{margin:0 auto var(--spacing-xl,2rem);font-size:4rem;animation:.6s shake}.reset-error-title{color:var(--text-primary);margin:0 0 var(--spacing-lg,1.5rem)0;letter-spacing:-.02em;font-size:1.75rem;font-weight:800}.reset-error-message{color:var(--text-secondary);margin:0 0 var(--spacing-2xl,3rem)0;font-size:1rem;line-height:1.7}.reset-error-actions{gap:var(--spacing-md,1rem);flex-direction:column;align-items:stretch;display:flex}.reset-error-actions .reset-back-link{margin-top:var(--spacing-sm,.5rem)}@media (max-width:640px){.reset-card{padding:var(--spacing-2xl,3rem)var(--spacing-xl,2rem)}.reset-title{font-size:1.5rem}.reset-shield-icon{width:56px;height:56px}.reset-security-info{padding:var(--spacing-md,1rem)}}@media (max-width:480px){.reset-page{padding:var(--spacing-lg,1.5rem)}.reset-card{padding:var(--spacing-xl,2rem)var(--spacing-lg,1.5rem)}.reset-title{font-size:1.35rem}.reset-subtitle{font-size:.95rem}.reset-shield-icon{width:48px;height:48px}}.page-404{min-height:100vh;padding:var(--spacing-xl,2rem);background:var(--bg-primary);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.page-404__background{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.page-404__background:before{content:"";background:radial-gradient(circle,#4a90e226 0%,#0000 70%);border-radius:50%;width:800px;height:800px;animation:20s ease-in-out infinite float;position:absolute;top:-50%;right:-20%}.page-404__background:after{content:"";background:radial-gradient(circle,#8b7fd826 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:15s ease-in-out infinite reverse float;position:absolute;bottom:-30%;left:-10%}.page-404__cloud{filter:blur(40px);pointer-events:none;background:linear-gradient(135deg,#4a90e21a,#8b7fd814);border-radius:50%;animation:30s ease-in-out infinite drift;position:absolute}.page-404__cloud--1{width:300px;height:300px;animation-delay:0s;top:10%;left:10%}.page-404__cloud--2{width:250px;height:250px;animation-delay:5s;top:60%;right:15%}.page-404__cloud--3{width:200px;height:200px;animation-delay:10s;bottom:20%;left:20%}@keyframes drift{0%,to{opacity:.3;transform:translate(0)}50%{opacity:.6;transform:translate(30px,-20px)}}.page-404__container{z-index:1;text-align:center;background:var(--surface-primary);width:100%;max-width:700px;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1.5px solid var(--border-primary);border-radius:var(--radius-2xl,1.5rem);padding:var(--spacing-3xl,4rem);box-shadow:var(--shadow-lg);animation:.8s slideUp;position:relative}.page-404__icon{width:120px;height:120px;margin:0 auto var(--spacing-xl,2rem);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;justify-content:center;align-items:center;font-size:3.5rem;animation:4s ease-in-out infinite breathe;display:flex;box-shadow:0 10px 30px #4a90e24d}@keyframes breathe{0%,to{transform:scale(1);box-shadow:0 10px 30px #4a90e24d}50%{transform:scale(1.1);box-shadow:0 15px 40px #4a90e280}}.page-404__code{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-text-fill-color:transparent;letter-spacing:-.02em;margin:0 0 var(--spacing-md,1rem)0;-webkit-background-clip:text;background-clip:text;font-size:5rem;font-weight:900;animation:1s .2s both fadeIn}.page-404__title{color:var(--text-primary);margin:0 0 var(--spacing-md,1rem)0;font-size:2rem;font-weight:700;animation:1s .3s both fadeIn}.page-404__message{color:var(--text-secondary);margin:0 0 var(--spacing-2xl,3rem)0;font-size:1.1rem;line-height:1.7;animation:1s .4s both fadeIn}.page-404__quote{border-left:4px solid var(--primary);border-radius:var(--radius-lg,.75rem);padding:var(--spacing-lg,1.5rem);margin-bottom:var(--spacing-2xl,3rem);background:linear-gradient(135deg,#4a90e214,#8b7fd80d);animation:1s .5s both fadeIn}.page-404__quote-text{color:var(--text-secondary);margin:0 0 var(--spacing-sm,.5rem)0;font-size:1rem;font-style:italic;line-height:1.6}.page-404__quote-author{color:var(--primary);margin:0;font-size:.9rem;font-weight:600}.page-404__buttons{gap:var(--spacing-md,1rem);flex-wrap:wrap;justify-content:center;animation:1s .6s both fadeIn;display:flex}.page-404__btn{align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-md,1rem)var(--spacing-xl,2rem);border-radius:var(--radius-lg,.75rem);cursor:pointer;transition:all var(--transition-base,.25s ease);border:none;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.page-404__btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.page-404__btn:hover:before{transform:translate(100%)}.page-404__btn--primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 12px #4a90e24d}.page-404__btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4a90e266}.page-404__btn--secondary{background:var(--surface-primary);color:var(--text-primary);border:1.5px solid var(--border-primary)}.page-404__btn--secondary:hover{background:var(--bg-secondary);border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.page-404__tips{margin-top:var(--spacing-2xl,3rem);padding-top:var(--spacing-2xl,3rem);border-top:1px solid var(--border-primary);animation:1s .7s both fadeIn}.page-404__tips-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-md,1rem)0;font-size:.9rem;font-weight:700}.page-404__tips-list{gap:var(--spacing-md,1rem);flex-wrap:wrap;justify-content:center;display:flex}.page-404__tip{align-items:center;gap:var(--spacing-sm,.5rem);color:var(--text-secondary);padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem);background:var(--bg-secondary);border-radius:var(--radius-full,9999px);transition:all var(--transition-base,.25s ease);font-size:.9rem;display:flex}.page-404__tip:hover{color:var(--primary);background:linear-gradient(135deg,#4a90e21a,#8b7fd814);transform:scale(1.05)}.page-404__tip-icon{font-size:1.2rem}@media (max-width:768px){.page-404__container{padding:var(--spacing-xl,2rem)}.page-404__code{font-size:3.5rem}.page-404__title{font-size:1.5rem}.page-404__message{font-size:1rem}.page-404__icon{width:100px;height:100px;font-size:3rem}.page-404__buttons{flex-direction:column;width:100%}.page-404__btn{justify-content:center;width:100%}}@media (max-width:480px){.page-404,.page-404__container{padding:var(--spacing-lg,1.5rem)}.page-404__code{font-size:3rem}.page-404__title{font-size:1.25rem}.page-404__message{font-size:.95rem}.page-404__icon{width:80px;height:80px;font-size:2.5rem}.page-404__tips-list{flex-direction:column}.page-404__tip{justify-content:center;width:100%}}.login-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{background:var(--surface-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--glass-border);width:100%;max-width:420px;box-shadow:var(--glass-shadow);border-radius:1.25rem;padding:2.5rem 2rem;animation:.4s ease-out loginFadeIn}.login-title{text-align:center;background:linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:2rem;font-size:2rem;font-weight:700}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-error{background:#ef535026;border:1px solid #ef535059;border-radius:.75rem;padding:.75rem 1rem}.login-error p{color:var(--danger);font-size:.9rem}.login-fields{flex-direction:column;gap:1rem;display:flex}.login-input{width:100%}.login-options{justify-content:flex-end;display:flex}.login-link{color:var(--primary);font-size:.9rem;text-decoration:none}.login-link:hover{text-decoration:underline}.login-button{width:100%;margin-top:.5rem}.login-password-wrapper{flex-direction:column;gap:.5rem;display:flex}.login-password-input{align-items:center;display:flex;position:relative}.login-toggle-password{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast,.15s ease);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex;position:absolute;right:1rem}.login-toggle-password:hover{color:var(--primary)}.login-toggle-password:active{transform:scale(.95)}.login-footer{text-align:center;margin-top:1rem}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.register-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.register-card{background:var(--surface-glass);width:100%;max-width:480px;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:1.25rem;padding:2.5rem 2rem;animation:.4s ease-out loginFadeIn}.register-header{text-align:center;margin-bottom:2rem}.register-title{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:700}.register-subtitle{color:var(--text-secondary);margin:0;font-size:.95rem}.register-form{flex-direction:column;gap:1.25rem;display:flex}.register-error{background:#ef444426;border:1px solid #ef444459;border-radius:.75rem;padding:.75rem 1rem;animation:.3s slideDown}.register-error p{color:#ef4444;margin:0;font-size:.9rem}.register-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.register-input{width:100%}.register-input--full{grid-column:1/-1}.register-password-wrapper{flex-direction:column;gap:.75rem;display:flex}.register-password-input{align-items:center;display:flex;position:relative}.register-toggle-password{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast,.15s ease);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex;position:absolute;right:1rem}.register-toggle-password:hover{color:var(--primary)}.register-password-strength{flex-direction:column;gap:.75rem;display:flex}.password-strength-bar{background:var(--border-primary);border-radius:2px;width:100%;height:4px;overflow:hidden}.password-strength-fill{height:100%;transition:width var(--transition-base,.25s ease),background-color var(--transition-base,.25s ease);border-radius:2px}.strength-weak{background:#ef4444}.strength-medium{background:#f59e0b}.strength-strong{background:#10b981}.password-requirements{flex-direction:column;gap:.5rem;display:flex}.requirement{color:var(--text-muted);transition:color var(--transition-fast,.15s ease);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.requirement svg{color:#ef4444;flex-shrink:0;width:16px;height:16px}.requirement.met,.requirement.met svg{color:#10b981}.register-password-match{color:#ef4444;align-items:center;gap:.5rem;font-size:.85rem;animation:.2s slideDown;display:flex}.register-password-match svg{flex-shrink:0;width:16px;height:16px}.register-password-match.match,.register-password-match.match svg{color:#10b981}.register-button{width:100%;margin-top:.5rem}.register-button:disabled{opacity:.6;cursor:not-allowed}.register-footer{text-align:center;margin-top:1rem}.register-footer p{color:var(--text-secondary);margin:0;font-size:.9rem}.register-link{color:var(--primary);transition:all var(--transition-fast,.15s ease);font-weight:600;text-decoration:none}.register-link:hover{color:var(--secondary);text-decoration:underline}@media (max-width:640px){.register-card{padding:2rem 1.5rem}.register-title{font-size:1.75rem}.register-row{grid-template-columns:1fr}.register-input--full{grid-column:1}}@media (max-width:480px){.register-card{padding:1.5rem 1rem}.register-title{font-size:1.5rem}.register-subtitle{font-size:.85rem}.password-requirements{gap:.4rem}.requirement{font-size:.8rem}}.forgot-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.forgot-card{background:var(--surface-glass);width:100%;max-width:450px;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:1.25rem;padding:2.5rem 2rem;animation:.4s ease-out loginFadeIn}.forgot-header{text-align:center;margin-bottom:2rem}.forgot-title{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.forgot-subtitle{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.5}.forgot-form{flex-direction:column;gap:1.25rem;display:flex}.forgot-error{background:#ef444426;border:1px solid #ef444459;border-radius:.75rem;padding:.75rem 1rem;animation:.3s slideDown}.forgot-error p{color:#ef4444;margin:0;font-size:.9rem}.forgot-input,.forgot-button{width:100%}.forgot-button:disabled{opacity:.6;cursor:not-allowed}.forgot-back-link{color:var(--text-secondary);transition:all var(--transition-fast,.15s ease);justify-content:center;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.forgot-back-link:hover{color:var(--primary);gap:.75rem}.forgot-success{text-align:center;flex-direction:column;align-items:center;animation:.4s ease-out slideUp;display:flex}.forgot-success-icon{color:#10b981;background:linear-gradient(135deg,#10b9811a,#10b9810d);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:flex}.forgot-success-title{color:var(--text-primary);margin:0 0 .75rem;font-size:1.75rem;font-weight:700}.forgot-success-message{color:var(--text-secondary);margin:0 0 .5rem;font-size:.95rem;line-height:1.6}.forgot-success-email{color:var(--primary);background:var(--state-hover);word-break:break-all;border-radius:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:1rem;font-weight:600}.forgot-success-steps{text-align:left;background:var(--state-hover);border-radius:.75rem;width:100%;margin-bottom:1.5rem;padding:1.25rem}.forgot-steps-title{color:var(--text-primary);margin:0 0 .75rem;font-size:.95rem;font-weight:600}.forgot-steps-list{flex-direction:column;gap:.5rem;margin:0;padding-left:1.5rem;list-style:decimal;display:flex}.forgot-steps-list li{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.forgot-success-actions{flex-direction:column;gap:1rem;width:100%;margin-bottom:1rem;display:flex}.forgot-success-footer{color:var(--text-secondary);margin:0;font-size:.85rem}.forgot-resend-link{color:var(--primary);cursor:pointer;transition:all var(--transition-fast,.15s ease);background:0 0;border:none;padding:0;font-weight:600;text-decoration:none}.forgot-resend-link:hover{color:var(--secondary);text-decoration:underline}@media (max-width:640px){.forgot-card{padding:2rem 1.5rem}.forgot-title{font-size:1.5rem}.forgot-success-icon{width:70px;height:70px}.forgot-success-title{font-size:1.5rem}.forgot-steps-list{padding-left:1.25rem}.forgot-steps-list li{font-size:.85rem}}@media (max-width:480px){.forgot-card{padding:1.5rem 1rem}.forgot-title{font-size:1.35rem}.forgot-subtitle{font-size:.9rem}.forgot-success-icon{width:60px;height:60px}.forgot-success-title{font-size:1.35rem}.forgot-success-steps{padding:1rem}.forgot-steps-title{font-size:.9rem}}.journal-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);padding:var(--spacing-xl,2rem);flex-direction:column;width:100%;max-width:1400px;margin:0 auto;display:flex}.page-header:before{content:"";background:linear-gradient(90deg,#0000,#4a90e226,#8b7fd826,#50c9ce26,#0000);width:100%;height:100%;animation:3s ease-in-out infinite wave;position:absolute;top:0;left:-100%}.page-header-left{align-items:center;gap:var(--spacing-lg,1.5rem);z-index:1;display:flex;position:relative}.page-header-icon{color:var(--primary);flex-shrink:0}.page-header-title h1{color:var(--text-primary);letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary),var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.page-header-subtitle{color:var(--text-secondary);margin:0;margin-top:var(--spacing-xs,.25rem);font-size:.95rem}.btn{align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-sm,.5rem)var(--spacing-lg,1.5rem);border-radius:var(--radius-lg,.75rem);cursor:pointer;transition:all var(--transition-base,.25s ease);z-index:1;border:none;font-family:inherit;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-danger{background:linear-gradient(135deg,var(--danger),#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.btn-create{z-index:1;position:relative}.stats-grid{gap:var(--spacing-xl,2rem);margin-bottom:var(--spacing-3xl,4rem);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));animation:.8s .2s both fadeIn;display:grid}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);gap:var(--spacing-md,1rem);transition:all var(--transition-base,.25s ease);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg,#0000,#4a90e21a,#8b7fd81a,#0000);width:100%;height:100%;animation:4s ease-in-out infinite wave-stat;position:absolute;top:0;left:-100%}.stat-card:after{content:"";background:radial-gradient(circle at top right,var(--state-hover),transparent 70%);opacity:0;transition:opacity var(--transition-base,.25s ease);pointer-events:none;position:absolute;inset:0}.stat-card:hover{border-color:var(--primary);box-shadow:var(--shadow-primary);transform:translateY(-6px)}.stat-card:hover:after{opacity:1}.stat-card__content{z-index:1;gap:var(--spacing-sm,.5rem);flex-direction:column;display:flex;position:relative}.stat-card__header{align-items:center;gap:var(--spacing-md,1rem);display:flex}.stat-card__icon{border-radius:var(--radius-lg,.75rem);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.5rem;display:flex;box-shadow:0 4px 12px #4a90e24d}.stat-card__value{color:var(--text-primary);letter-spacing:-.02em;font-size:2rem;font-weight:800;line-height:1}.stat-card__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:600}.journal-main{flex:1;width:100%}.journal-section{margin-bottom:var(--spacing-3xl,4rem)}.journal-section-header{margin-bottom:var(--spacing-xl,2rem);justify-content:space-between;align-items:center;gap:var(--spacing-md,1rem);flex-wrap:wrap;display:flex}.journal-section-title{color:var(--text-primary);align-items:center;gap:var(--spacing-sm,.5rem);margin:0;font-size:1.5rem;font-weight:700;display:flex}.journal-section-actions{gap:var(--spacing-sm,.5rem);flex-wrap:wrap;display:flex}.journal-empty-icon{color:var(--text-muted);margin-bottom:var(--spacing-lg,1.5rem);opacity:.5;font-size:4rem;animation:3s ease-in-out infinite float}.journal-empty-state p{color:var(--text-secondary);margin:0 0 var(--spacing-xl,2rem)0;max-width:500px;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.6}.error-container{justify-content:center;align-items:center;gap:var(--spacing-lg,1.5rem);min-height:60vh;padding:var(--spacing-xl,2rem);flex-direction:column;display:flex}.error-message{color:var(--danger);text-align:center;margin:0;font-size:1.125rem}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.journal-page{padding:var(--spacing-lg,1.5rem)}.page-header{padding:var(--spacing-xl,2rem);margin-bottom:var(--spacing-2xl,3rem);flex-direction:column;align-items:flex-start}.page-header-left{width:100%}.btn-create{justify-content:center;width:100%}.page-header-title h1{font-size:1.5rem}.stats-grid{gap:var(--spacing-lg,1.5rem);margin-bottom:var(--spacing-2xl,3rem);grid-template-columns:1fr}.journal-section-header{flex-direction:column;align-items:flex-start}.journal-section-actions{width:100%}.journal-section-actions .btn{flex:1;justify-content:center}}@media (max-width:480px){.journal-page{padding:var(--spacing-md,1rem)}.page-header{padding:var(--spacing-lg,1.5rem);margin-bottom:var(--spacing-xl,2rem)}.page-header-title h1{font-size:1.25rem}.page-header-subtitle{font-size:.85rem}.stats-grid{gap:var(--spacing-md,1rem);margin-bottom:var(--spacing-xl,2rem)}.stat-card{padding:var(--spacing-lg,1.5rem)}.stat-card__icon{width:2.5rem;height:2.5rem;font-size:1.25rem}.stat-card__value{font-size:1.5rem}.journal-section-title{font-size:1.25rem}}.calendar-page{background:var(--bg-secondary);min-height:100vh;padding-bottom:3rem}.calendar-header{background:var(--surface-primary);border-bottom:1px solid var(--border-primary);z-index:20;position:sticky;top:0}.calendar-header-content{max-width:1200px;padding:var(--spacing-md);justify-content:space-between;align-items:center;height:4rem;margin:0 auto;display:flex}.calendar-header-back{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-weight:500;transition:color .2s;display:flex}.calendar-header-back:hover{color:var(--primary)}.calendar-header-title{color:var(--text-primary);align-items:center;gap:.5rem;font-weight:700;display:flex}.calendar-main{max-width:1200px;padding:var(--spacing-lg);grid-template-columns:1fr;gap:2rem;margin:0 auto;display:grid}@media (min-width:1024px){.calendar-main{grid-template-columns:2fr 1fr}}.calendar-card{background:var(--surface-primary);border-radius:var(--radius-2xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-primary);overflow:hidden}.calendar-nav{padding:var(--spacing-md);border-bottom:1px solid var(--border-primary);justify-content:space-between;display:flex}.calendar-month{text-transform:capitalize;color:var(--text-primary);font-size:1.25rem;font-weight:700}.calendar-btn{border-radius:var(--radius-full);cursor:pointer;padding:.5rem;transition:background .2s}.calendar-btn:hover{background:var(--surface-hover)}.calendar-grid{padding:var(--spacing-md)}.calendar-weekdays{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;grid-template-columns:repeat(7,1fr);margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:grid}.calendar-days{grid-template-columns:repeat(7,1fr);gap:.25rem;display:grid}.calendar-day{aspect-ratio:1/1.1;border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:var(--surface-primary);color:var(--text-primary);cursor:pointer;padding:.25rem;transition:all .2s;position:relative}.calendar-day:hover{border-color:var(--primary)}.calendar-day.outside-month{opacity:.3;background:var(--bg-tertiary);border-color:#0000}.calendar-day.selected{border-color:var(--primary);background:var(--surface-hover);box-shadow:0 0 0 2px #4a90e233}.calendar-day.today{color:var(--primary);font-weight:700}.calendar-day-number{font-size:.75rem;position:absolute;top:.25rem;left:.25rem}.calendar-day-emoji{justify-content:center;align-items:center;margin-top:1.25rem;font-size:1.5rem;display:flex}.calendar-day-count{background:var(--surface-secondary);border-radius:var(--radius-full);text-align:center;margin-top:.25rem;padding:.125rem .25rem;font-size:.625rem}.calendar-legend{padding:var(--spacing-md);background:var(--surface-primary);border-radius:var(--radius-xl);border:1px solid var(--border-primary);flex-wrap:wrap;gap:1rem;display:flex}.calendar-legend-item{text-transform:capitalize;color:var(--text-secondary);align-items:center;gap:.25rem;font-size:.875rem;display:flex}.calendar-day-details{background:var(--surface-primary);border-radius:var(--radius-2xl);border:1px solid var(--border-primary);padding:var(--spacing-md);position:sticky;top:6rem}.calendar-day-details h3{margin-bottom:var(--spacing-md);text-transform:capitalize;font-weight:700}.calendar-entry{padding:var(--spacing-sm);border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:var(--surface-secondary);margin-bottom:var(--spacing-sm);transition:all .2s;display:block}.calendar-entry:hover{border-color:var(--primary);background:var(--surface-hover)}.calendar-entry-emoji{font-size:1.5rem}.calendar-entry-time{color:var(--text-muted);font-size:.75rem}.calendar-entry-emotion{text-transform:capitalize;color:var(--text-primary);font-weight:700}.calendar-entry-intensity{border-radius:var(--radius-full);background:var(--bg-tertiary);height:.25rem;margin-top:.25rem;overflow:hidden}.calendar-entry-intensity-fill{height:100%}.correlation-container{gap:var(--spacing-3xl,4rem);flex-direction:column;animation:.6s slideUp;display:flex}.correlation-filters{gap:var(--spacing-lg,1.5rem);padding:var(--spacing-xl,2rem);background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-primary);border-radius:var(--radius-xl,1rem);box-shadow:var(--shadow-md);flex-wrap:wrap;display:flex}.filter-group{gap:var(--spacing-sm,.5rem);flex-direction:column;flex:1;min-width:200px;display:flex}.correlation-stats{gap:var(--spacing-lg,1.5rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.stat-card{gap:var(--spacing-lg,1.5rem);padding:var(--spacing-xl,2rem);background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-primary);border-radius:var(--radius-xl,1rem);box-shadow:var(--shadow-md);transition:all var(--transition-base,.25s ease);animation:.5s fadeIn;display:flex}.stat-icon{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--radius-lg,.75rem);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.info-card .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-content{gap:var(--spacing-xs,.25rem);flex-direction:column;flex:1;display:flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.875rem;font-weight:600}.stat-value{color:var(--text-primary);margin:0;font-size:2rem;font-weight:700;line-height:1.2}.stat-interpretation{margin:0;font-size:.875rem;font-weight:600}.stat-description{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.5}.correlation-chart-container{gap:var(--spacing-lg,1.5rem);padding:var(--spacing-3xl,4rem)var(--spacing-xl,2rem);background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-primary);border-radius:var(--radius-xl,1rem);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.chart-header{gap:var(--spacing-xs,.25rem);padding-bottom:var(--spacing-lg,1.5rem);border-bottom:2px solid var(--border-primary);flex-direction:column;display:flex}.chart-title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:700}.chart-subtitle{color:var(--text-secondary);margin:0;font-size:.875rem}.chart-wrapper{width:100%;min-height:400px}.correlation-tooltip{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md,.5rem);padding:var(--spacing-md,1rem);box-shadow:0 4px 12px #0000001a}.correlation-tooltip-header{align-items:center;gap:var(--spacing-sm,.5rem);margin-bottom:var(--spacing-sm,.5rem);display:flex}.correlation-tooltip-emoji{font-size:1.25rem;line-height:1}.correlation-tooltip-emotion{text-transform:capitalize;font-weight:600}.correlation-tooltip-text{margin:var(--spacing-xs,.25rem)0;color:var(--text-primary);font-size:.875rem}.correlation-insights{gap:var(--spacing-lg,1.5rem);padding:var(--spacing-xl,2rem);border:1px solid var(--border-primary);border-radius:var(--radius-xl,1rem);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#4a90e20d,#50c9ce0d);flex-direction:column;display:flex}.insights-title{color:var(--text-primary);align-items:center;gap:var(--spacing-sm,.5rem);margin:0;font-size:1.25rem;font-weight:700;display:flex}.insights-grid{gap:var(--spacing-lg,1.5rem);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.insight-card{gap:var(--spacing-md,1rem);padding:var(--spacing-lg,1.5rem);background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg,.75rem);transition:all var(--transition-base,.25s ease);flex-direction:column;display:flex}.insight-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.insight-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.875rem;font-weight:600}.insight-content{align-items:center;gap:var(--spacing-sm,.5rem);flex-wrap:wrap;display:flex}.insight-emoji{font-size:1.5rem;line-height:1}.insight-text{color:var(--text-primary);text-transform:capitalize;font-size:1.125rem;font-weight:700}.insight-value{color:var(--primary);font-size:1.5rem;font-weight:700}.insight-count{color:var(--text-secondary);font-size:.875rem}@media (max-width:1024px){.correlation-container{gap:var(--spacing-xl,2rem)}.correlation-stats{grid-template-columns:1fr}.correlation-chart-container{padding:var(--spacing-xl,2rem)var(--spacing-lg,1.5rem)}}@media (max-width:768px){.correlation-filters{padding:var(--spacing-lg,1.5rem);flex-direction:column}.filter-group{min-width:unset}.correlation-stats{gap:var(--spacing-md,1rem)}.stat-card{padding:var(--spacing-lg,1.5rem)}.stat-icon{width:48px;height:48px}.stat-value{font-size:1.5rem}.correlation-chart-container{padding:var(--spacing-lg,1.5rem)}.chart-title{font-size:1.25rem}.chart-wrapper{min-height:300px}.correlation-insights{padding:var(--spacing-lg,1.5rem)}.insights-grid{grid-template-columns:1fr}}@media (max-width:480px){.correlation-container{gap:var(--spacing-lg,1.5rem)}.correlation-filters{padding:var(--spacing-md,1rem);gap:var(--spacing-md,1rem)}.stat-card{padding:var(--spacing-md,1rem);flex-direction:column;align-items:flex-start}.stat-icon{width:40px;height:40px}.stat-value{font-size:1.25rem}.correlation-chart-container{padding:var(--spacing-md,1rem)}.chart-header{padding-bottom:var(--spacing-md,1rem)}.chart-title{font-size:1.125rem}.chart-subtitle{font-size:.8rem}.chart-wrapper{min-height:250px}.correlation-insights{padding:var(--spacing-md,1rem);gap:var(--spacing-md,1rem)}.insights-title{font-size:1.125rem}.insight-card{padding:var(--spacing-md,1rem)}.insight-emoji{font-size:1.25rem}.insight-text{font-size:1rem}.insight-value{font-size:1.25rem}}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border-primary)}.recharts-legend-item{align-items:center;gap:var(--spacing-xs,.25rem);display:flex}.recharts-legend-item-text{text-transform:capitalize;font-size:.875rem;color:var(--text-primary)!important}.recharts-tooltip-wrapper{outline:none}.loading-shimmer{background:linear-gradient(90deg,var(--bg-secondary)0%,var(--state-hover)50%,var(--bg-secondary)100%);background-size:1000px 100%;animation:2s infinite shimmer}.correlation-empty{justify-content:center;align-items:center;gap:var(--spacing-lg,1.5rem);min-height:400px;padding:var(--spacing-3xl,4rem)var(--spacing-xl,2rem);text-align:center;flex-direction:column;display:flex}.correlation-empty-icon{opacity:.5;font-size:4rem;line-height:1}.correlation-empty-title{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.correlation-empty-subtitle{color:var(--text-secondary);max-width:400px;margin:0;font-size:1rem}.matrice-header-subtitle{color:var(--text-secondary);margin:0;font-size:.875rem}.matrice-header-actions{align-items:center;gap:var(--spacing-sm,.5rem);display:flex}.btn{align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-sm,.5rem)var(--spacing-lg,1.5rem);border-radius:var(--radius-lg,.75rem);cursor:pointer;transition:all var(--transition-base,.25s ease);white-space:nowrap;border:none;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 2px 8px #4a90e24d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4a90e266}.btn-icon:hover:not(:disabled){border-color:var(--primary);background:var(--state-hover);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 8px #4a90e226}.create-matrix-step{gap:var(--spacing-xl,2rem);flex-direction:column;animation:.6s slideUp;display:flex}.timeline-filters{gap:var(--spacing-lg,1.5rem);padding:var(--spacing-xl,2rem);background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl,2rem);flex-direction:column;display:flex}.timeline-search{align-items:center;display:flex;position:relative}.timeline-search-icon{left:var(--spacing-md,1rem);color:var(--text-secondary);pointer-events:none;position:absolute}.timeline-search-input{width:100%;padding:var(--spacing-md,1rem)var(--spacing-md,1rem)var(--spacing-md,1rem)3rem;border:1.5px solid var(--border-primary);border-radius:var(--radius-lg,.75rem);background:var(--surface-primary);color:var(--text-primary);transition:all var(--transition-base,.25s ease);font-family:inherit;font-size:.95rem}.timeline-search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4a90e21a}.timeline-search-input::placeholder{color:var(--text-muted)}.timeline-filter-group{align-items:center;gap:var(--spacing-md,1rem);color:var(--text-secondary);flex-wrap:wrap;display:flex}.timeline-select{padding:var(--spacing-sm,.5rem)var(--spacing-lg,1.5rem);border:1.5px solid var(--border-primary);border-radius:var(--radius-md,.5rem);background:var(--surface-primary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base,.25s ease);font-family:inherit;font-size:.9rem}.timeline-select:hover{border-color:var(--primary);background:var(--state-hover);transform:translateY(-2px);box-shadow:0 4px 8px #4a90e226}.timeline-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4a90e21a}.timeline-list{gap:var(--spacing-lg,1.5rem);flex-direction:column;display:flex}.timeline-list>a{color:inherit;text-decoration:none}.timeline-entry{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);gap:var(--spacing-lg,1.5rem);box-shadow:var(--shadow-md);transition:all var(--transition-base,.25s ease);cursor:pointer;flex-direction:column;animation:.4s slideIn;display:flex;position:relative;overflow:hidden}.timeline-entry:before{content:"";background:radial-gradient(circle at top right,var(--state-hover),transparent 70%);opacity:0;transition:opacity var(--transition-base,.25s ease);pointer-events:none;z-index:0;position:absolute;inset:0}.timeline-entry:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.timeline-entry:hover:before{opacity:1}.timeline-entry-date{z-index:1;align-items:center;gap:var(--spacing-md,1rem);padding-bottom:var(--spacing-md,1rem);border-bottom:1px solid var(--border-primary);display:flex;position:relative}.timeline-entry-day{color:var(--text-primary);font-size:.95rem;font-weight:600}.timeline-entry-time{color:var(--text-secondary);padding-left:var(--spacing-md,1rem);border-left:1px solid var(--border-primary);font-size:.875rem}.timeline-entry-content{z-index:1;gap:var(--spacing-md,1rem);flex-direction:column;display:flex;position:relative}.timeline-entry-header{justify-content:space-between;align-items:center;gap:var(--spacing-lg,1.5rem);display:flex}.timeline-entry-emotion{align-items:center;gap:var(--spacing-sm,.5rem);display:flex}.timeline-entry-emoji{font-size:1.5rem;line-height:1}.timeline-entry-emotion-name{text-transform:capitalize;font-size:1.125rem;font-weight:700}.timeline-entry-intensity{gap:var(--spacing-xs,.25rem);flex-direction:column;min-width:120px;display:flex}.timeline-entry-intensity-label{color:var(--text-secondary);text-align:right;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.timeline-entry-intensity-bar{background:var(--bg-secondary);border-radius:var(--radius-full,9999px);height:6px;overflow:hidden}.timeline-entry-intensity-fill{border-radius:var(--radius-full,9999px);height:100%;transition:width .5s}.timeline-entry-context{color:var(--text-primary);margin:0;font-size:.95rem;line-height:1.6}.timeline-entry-trigger{align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem);background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-md,.5rem);font-size:.875rem;display:flex}.timeline-entry-trigger-label{color:var(--text-secondary);font-weight:600}.timeline-entry-trigger-text{color:var(--text-primary)}.timeline-empty{justify-content:center;align-items:center;gap:var(--spacing-lg,1.5rem);min-height:400px;padding:var(--spacing-3xl,4rem)var(--spacing-xl,2rem);text-align:center;background:var(--surface-primary);border:2px dashed var(--border-primary);border-radius:var(--radius-2xl,1.5rem);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);flex-direction:column;display:flex}.timeline-empty-icon{opacity:.5;color:var(--text-secondary);font-size:4rem;line-height:1;animation:3s ease-in-out infinite float}.timeline-empty-title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:700}.timeline-empty-subtitle{color:var(--text-secondary);max-width:500px;margin:0;font-size:1rem;line-height:1.6}.mt-4{margin-top:var(--spacing-lg,1.5rem)}@media (max-width:1024px){.matrice-header{padding:var(--spacing-md,1rem)var(--spacing-lg,1.5rem)}.matrice-header-content{flex-direction:column;align-items:stretch}.matrice-header-actions{justify-content:stretch;width:100%}.matrice-header-actions .btn{flex:1}.matrice-main{padding:var(--spacing-xl,2rem)var(--spacing-lg,1.5rem)}.timeline-filters{padding:var(--spacing-lg,1.5rem)}}@media (max-width:768px){.matrice-header{padding:var(--spacing-md,1rem)var(--spacing-lg,1.5rem)}.matrice-header-title h1{font-size:1.25rem}.matrice-header-subtitle{font-size:.8rem}.matrice-main{padding:var(--spacing-xl,2rem)var(--spacing-lg,1.5rem)}.timeline-filters{padding:var(--spacing-lg,1.5rem)}.timeline-filter-group{align-items:stretch;gap:var(--spacing-sm,.5rem);flex-direction:column}.timeline-select{width:100%}.timeline-entry{padding:var(--spacing-lg,1.5rem)}.timeline-entry-header{flex-direction:column;align-items:flex-start}.timeline-entry-intensity{width:100%;min-width:unset}.timeline-entry-intensity-label{text-align:left}}@media (max-width:480px){.matrice-header{padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem)}.matrice-header-title h1{font-size:1.125rem}.matrice-header-actions{gap:var(--spacing-xs,.25rem);flex-direction:column}.matrice-header-actions .btn{padding:var(--spacing-xs,.25rem)var(--spacing-md,1rem);font-size:.875rem}.matrice-main{padding:var(--spacing-lg,1.5rem)var(--spacing-md,1rem)}.timeline-filters{padding:var(--spacing-md,1rem);gap:var(--spacing-md,1rem)}.timeline-search-input{padding-left:2.5rem;font-size:.875rem}.timeline-entry{padding:var(--spacing-md,1rem);gap:var(--spacing-md,1rem)}.timeline-entry-date{align-items:flex-start;gap:var(--spacing-xs,.25rem);flex-direction:column}.timeline-entry-time{border-left:none;padding-left:0}.timeline-entry-emoji{font-size:1.25rem}.timeline-entry-emotion-name{font-size:1rem}.timeline-empty{min-height:300px;padding:var(--spacing-xl,2rem)var(--spacing-lg,1.5rem)}.timeline-empty-icon{font-size:3rem}.timeline-empty-title{font-size:1.25rem}.timeline-empty-subtitle{font-size:.9rem}.btn-icon{width:36px;height:36px}}.triggers-page{background:var(--bg-secondary);min-height:100vh}.triggers-header{background:var(--surface-primary);border-bottom:1px solid var(--border-primary);z-index:10;position:sticky;top:0}.triggers-header-content{max-width:1200px;padding:var(--spacing-lg);margin:0 auto}.triggers-back{color:var(--primary);align-items:center;gap:.5rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.triggers-back:hover{color:var(--secondary)}.triggers-title{color:var(--text-primary);margin-top:.25rem;font-size:2rem;font-weight:700}.triggers-subtitle{color:var(--text-secondary);margin-top:.25rem;font-size:1rem}.triggers-main{max-width:1200px;padding:var(--spacing-xl)0;flex-direction:column;gap:2rem;margin:0 auto;display:flex}.triggers-error{color:#b91c1c;border-radius:var(--radius-lg);padding:var(--spacing-md);text-align:center;background:#fee2e2;border:1px solid #fecaca}.triggers-info{text-align:center;padding:var(--spacing-2xl)0;color:var(--text-secondary)}.stats-card{background:var(--surface-primary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);padding:var(--spacing-md);box-shadow:var(--shadow-primary)}.stats-card p{margin:0}.stats-card-title{color:var(--text-primary);font-weight:700}.stats-card-subtitle{color:var(--text-secondary);font-size:.875rem}.chart-card{background:var(--surface-primary);border-radius:var(--radius-xl);border:1px solid var(--border-primary);padding:var(--spacing-lg);box-shadow:var(--shadow-primary)}.trigger-list-card{background:var(--surface-primary);border-radius:var(--radius-xl);border:1px solid var(--border-primary);padding:var(--spacing-lg)}.trigger-item{padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--border-primary);gap:var(--spacing-sm);flex-direction:column;display:flex}.trigger-item-header{justify-content:space-between;align-items:start;display:flex}.trigger-item-info{align-items:center;gap:var(--spacing-sm);flex:1;display:flex}.trigger-item-emoji{font-size:1.5rem}.trigger-item-name{font-weight:600}.trigger-item-emotion{opacity:.75;font-size:.875rem}.trigger-item-stats{text-align:right}.trigger-item-tags{margin-top:var(--spacing-sm);flex-wrap:wrap;gap:.5rem;display:flex}.trigger-item-tag{border-radius:var(--radius-md);background:#ffffff80;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.sleep-tracker-container{gap:var(--spacing-3xl,4rem);flex-direction:column;animation:.6s slideUp;display:flex}.sleep-stats{gap:var(--spacing-lg,1.5rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.sleep-form{gap:var(--spacing-xl,2rem);padding:var(--spacing-3xl,4rem)var(--spacing-xl,2rem);background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-primary);border-radius:var(--radius-xl,1rem);box-shadow:var(--shadow-md);flex-direction:column;animation:.4s fadeIn;display:flex}.sleep-form-header{align-items:center;gap:var(--spacing-md,1rem);padding-bottom:var(--spacing-lg,1.5rem);border-bottom:2px solid var(--border-primary);display:flex}.form-icon{color:var(--primary)}.form-title{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.duration-display{align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-md,1rem);border:1.5px solid var(--primary);border-radius:var(--radius-md,.5rem);color:var(--primary);background:linear-gradient(135deg,#4a90e21a,#50c9ce1a);display:flex}.duration-value{font-size:1.125rem;font-weight:700}.form-range{border-radius:var(--radius-full,9999px);background:var(--bg-secondary);appearance:none;outline:none;width:100%;height:8px}.form-range::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg,var(--primary),var(--secondary));cursor:pointer;width:24px;height:24px;transition:all var(--transition-base,.25s ease);border-radius:50%;box-shadow:0 2px 8px #4a90e24d}.form-range::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #4a90e266}.form-range::-moz-range-thumb{background:linear-gradient(135deg,var(--primary),var(--secondary));cursor:pointer;width:24px;height:24px;transition:all var(--transition-base,.25s ease);border:none;border-radius:50%;box-shadow:0 2px 8px #4a90e24d}.form-range::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #4a90e266}.range-labels{margin-top:var(--spacing-sm,.5rem);color:var(--text-muted);justify-content:space-between;font-size:.75rem;display:flex}.form-actions{gap:var(--spacing-md,1rem);padding-top:var(--spacing-lg,1.5rem);border-top:1px solid var(--border-primary);justify-content:flex-end;display:flex}.sleep-list{gap:var(--spacing-xl,2rem);flex-direction:column;display:flex}.sleep-list-title{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.sleep-entries{gap:var(--spacing-lg,1.5rem);flex-direction:column;display:flex}.sleep-entry{gap:var(--spacing-lg,1.5rem);padding:var(--spacing-xl,2rem);background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-primary);border-left:4px solid var(--primary);border-radius:var(--radius-xl,1rem);box-shadow:var(--shadow-md);transition:all var(--transition-base,.25s ease);flex-direction:column;animation:.4s slideIn;display:flex}.sleep-entry:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.sleep-entry-header{justify-content:space-between;align-items:center;gap:var(--spacing-lg,1.5rem);padding-bottom:var(--spacing-md,1rem);border-bottom:1px solid var(--border-primary);display:flex}.sleep-entry-date{align-items:center;gap:var(--spacing-sm,.5rem);color:var(--text-primary);font-weight:600;display:flex}.sleep-entry-mood{align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-xs,.25rem)var(--spacing-md,1rem);background:var(--surface-primary);border-radius:var(--radius-full,9999px);font-size:.875rem;font-weight:600;display:flex}.mood-emoji{font-size:1.125rem;line-height:1}.sleep-entry-content{gap:var(--spacing-md,1rem);flex-direction:column;display:flex}.sleep-info-grid{gap:var(--spacing-md,1rem);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.sleep-info{align-items:center;gap:var(--spacing-xs,.25rem);padding:var(--spacing-sm,.5rem);background:var(--surface-primary);border-radius:var(--radius-md,.5rem);color:var(--text-secondary);font-size:.875rem;display:flex}.sleep-info svg{flex-shrink:0}.sleep-info-label{font-weight:500}.sleep-info-value{color:var(--text-primary);margin-left:auto;font-weight:700}.sleep-interruptions{align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem);border:1px solid var(--danger);border-radius:var(--radius-md,.5rem);color:var(--danger);background:#ef44441a;width:fit-content;font-size:.875rem;font-weight:600;display:flex}.sleep-notes{padding:var(--spacing-md,1rem);background:var(--surface-primary);border-left:3px solid var(--primary);border-radius:var(--radius-md,.5rem);color:var(--text-secondary);margin:0;font-size:.9rem;font-style:italic;line-height:1.6}.sleep-quality-bar{background:var(--bg-secondary);border-radius:var(--radius-full,9999px);height:6px;margin-top:var(--spacing-sm,.5rem);overflow:hidden}.sleep-quality-fill{border-radius:var(--radius-full,9999px);height:100%;transition:width .5s}.sleep-empty{justify-content:center;align-items:center;gap:var(--spacing-lg,1.5rem);min-height:400px;padding:var(--spacing-3xl,4rem)var(--spacing-xl,2rem);text-align:center;flex-direction:column;display:flex}.sleep-empty-icon{opacity:.5;font-size:4rem;line-height:1}.sleep-empty-title{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.sleep-empty-subtitle{color:var(--text-secondary);max-width:400px;margin:0;font-size:1rem}@media (max-width:1024px){.sleep-tracker-container{gap:var(--spacing-xl,2rem)}.sleep-stats{grid-template-columns:1fr}.sleep-form{padding:var(--spacing-xl,2rem)var(--spacing-lg,1.5rem)}}@media (max-width:768px){.sleep-form{padding:var(--spacing-lg,1.5rem)}.sleep-form-header{flex-direction:column;align-items:flex-start}.form-title{font-size:1.25rem}.sleep-entry{padding:var(--spacing-lg,1.5rem)}.sleep-entry-header{flex-direction:column;align-items:flex-start}.sleep-info-grid{grid-template-columns:1fr 1fr}.form-actions{flex-direction:column}.form-actions .btn{justify-content:center;width:100%}}@media (max-width:480px){.sleep-tracker-container{gap:var(--spacing-lg,1.5rem)}.sleep-form{padding:var(--spacing-md,1rem);gap:var(--spacing-lg,1.5rem)}.sleep-form-header{padding-bottom:var(--spacing-md,1rem)}.form-title{font-size:1.125rem}.duration-display{align-items:flex-start;gap:var(--spacing-xs,.25rem);flex-direction:column}.duration-value{font-size:1rem}.sleep-entry{padding:var(--spacing-md,1rem);gap:var(--spacing-md,1rem)}.sleep-entry-mood{padding:var(--spacing-xs,.25rem)var(--spacing-sm,.5rem);font-size:.8rem}.mood-emoji{font-size:1rem}.sleep-info-grid{grid-template-columns:1fr}.sleep-info{justify-content:space-between}.sleep-info-value{margin-left:var(--spacing-sm,.5rem)}.sleep-empty{min-height:300px;padding:var(--spacing-xl,2rem)var(--spacing-lg,1.5rem)}.sleep-empty-icon{font-size:3rem}.sleep-empty-title{font-size:1.25rem}.sleep-empty-subtitle{font-size:.9rem}}:root{--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--transition-base:.2s ease;--transition-smooth:.3s ease;--success:#10b981;--danger:#ef4444;--warning:#f59e0b}.journal-detail-container{background:var(--bg-primary);min-height:100vh;color:var(--text-primary)}.journal-detail-header{border-bottom:1px solid var(--border-primary);background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.journal-detail-actions{gap:var(--spacing-md);display:flex}.action-button{align-items:center;gap:var(--spacing-sm);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);padding:.75rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:500;display:flex}.action-button--edit:hover{border-color:var(--primary);background:var(--surface-hover);color:var(--primary)}.action-button--delete:hover{border-color:var(--danger);color:var(--danger);background:#ef44440d}.journal-detail-main{max-width:1200px;padding:var(--spacing-3xl)var(--spacing-2xl);margin:0 auto}.emotion-badge{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--radius-xl);width:fit-content;display:inline-flex;box-shadow:0 4px 16px #0000001a}.emotion-emoji{font-size:2rem;line-height:1}.emotion-name{color:#fff;text-transform:capitalize;font-size:1.25rem;font-weight:700}.journal-detail-title{color:var(--text-primary);margin:0;font-size:2.5rem;font-weight:700}.journal-detail-date{color:var(--text-muted);margin:0;font-size:1rem}.header-icon,.header-icon.primary{color:var(--primary)}.header-icon.accent{color:var(--accent)}.header-icon.danger{color:var(--danger)}.header-icon.success{color:var(--success)}.intensity-overview{background:linear-gradient(135deg,#4a90e20d,#8b7fd80d)}.intensity-grid{gap:var(--spacing-2xl);grid-template-columns:300px 1fr;align-items:center;display:grid}.intensity-item{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--surface-glass);border:2px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-smooth);display:flex}.intensity-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #4a90e233}.intensity-content{flex-direction:column;gap:.25rem;display:flex}.intensity-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:500}.intensity-value{color:var(--text-primary);font-size:2rem;font-weight:700}.intensity-bar-container{gap:var(--spacing-md);flex-direction:column;display:flex}.intensity-bar-wrapper{flex:1}.intensity-bar-track{background:var(--bg-tertiary);border-radius:var(--radius-full);width:100%;height:12px;position:relative;overflow:hidden}.intensity-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.intensity-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.intensity-bar-fill--low{background:linear-gradient(90deg,#10b981,#059669)}.intensity-bar-fill--medium{background:linear-gradient(90deg,#f59e0b,#d97706)}.intensity-bar-fill--high{background:linear-gradient(90deg,#ef4444,#dc2626)}.intensity-bar-text{color:var(--text-secondary);font-size:.95rem;font-weight:600}.content-sections{margin-top:var(--spacing-3xl)}.sections-grid{gap:var(--spacing-xl);display:grid}.content-card{padding:var(--spacing-xl)}.content-card .card-header{margin-bottom:var(--spacing-lg)}.content-card .card-title{font-size:1.1rem}.card-content{padding:var(--spacing-lg);background:var(--surface-secondary);border-radius:var(--radius-md)}.card-content--highlight{border-left:4px solid var(--primary);background:linear-gradient(135deg,#4a90e214,#4a90e208)}.content-text{color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word;margin:0;font-size:1rem;line-height:1.7}.update-info{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg)var(--spacing-xl);background:linear-gradient(135deg,#4a90e20d,#50c9ce0d);display:flex}.update-icon{color:var(--primary);flex-shrink:0}.update-text{color:var(--text-secondary);margin:0;font-size:.9rem;font-style:italic}@media (max-width:1024px){.intensity-grid{gap:var(--spacing-xl);grid-template-columns:1fr}}@media (max-width:768px){.journal-detail-header{gap:var(--spacing-lg);flex-direction:column;align-items:stretch}.journal-detail-actions{justify-content:center}.journal-detail-main{padding:var(--spacing-2xl)var(--spacing-lg)}.journal-detail-title{font-size:2rem}.emotion-badge{padding:var(--spacing-sm)var(--spacing-lg)}.emotion-emoji{font-size:1.5rem}.emotion-name{font-size:1rem}.glass-card{padding:var(--spacing-xl)}.intensity-item{padding:var(--spacing-lg)}.intensity-value{font-size:1.5rem}}@media (max-width:480px){.journal-detail-header{padding:var(--spacing-lg)}.action-button span{display:none}.action-button{justify-content:center;width:44px;padding:.75rem}.journal-detail-title,.section-title{font-size:1.5rem}.card-title{font-size:1rem}.content-text{font-size:.95rem}}.loading-container,.error-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:3rem;display:flex}.error-message{color:var(--text-secondary);margin-bottom:2rem;font-size:1.125rem}.error-container .back-button{margin-top:var(--spacing-lg)}.journal-search-page{min-height:100vh;padding:var(--spacing-xl,2rem);background:var(--bg-primary);width:100%;max-width:1400px;color:var(--text-primary);margin:0 auto;animation:.5s fadeIn}.search-page-header{margin-bottom:var(--spacing-3xl,4rem);background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1.5px solid var(--border-primary);border-radius:var(--radius-2xl,1.5rem);padding:var(--spacing-2xl,3rem);box-shadow:var(--shadow-lg);animation:.6s slideDown;position:relative;overflow:hidden}.search-page-header:before{content:"";background:linear-gradient(90deg,#0000,#4a90e226,#8b7fd826,#50c9ce26,#0000);width:100%;height:100%;animation:3s ease-in-out infinite wave;position:absolute;top:0;left:-100%}.search-header-content{z-index:1;align-items:center;gap:var(--spacing-lg,1.5rem);display:flex;position:relative}.search-header-icon{filter:drop-shadow(0 4px 8px #4a90e24d);flex-shrink:0;font-size:3rem}.search-page-title{color:var(--text-primary);letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary),var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.search-page-subtitle{color:var(--text-secondary);margin:var(--spacing-xs,.25rem)0 0 0;font-size:.95rem;font-weight:500}.filters-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-2xl,2rem);margin-bottom:var(--spacing-3xl,4rem);box-shadow:var(--shadow-sm);transition:all var(--transition-base,.25s ease);animation:.8s .2s both fadeIn;position:relative;overflow:hidden}.filters-card:before{content:"";background:linear-gradient(90deg,#0000,#4a90e214,#8b7fd814,#0000);width:100%;height:100%;animation:4s ease-in-out infinite wave-filter;position:absolute;top:0;left:-100%}@keyframes wave-filter{0%{left:-100%}to{left:200%}}.filters-card:hover{box-shadow:var(--shadow-primary);border-color:var(--primary);transform:translateY(-4px)}.filters-header{z-index:1;margin-bottom:var(--spacing-xl,2rem);padding-bottom:var(--spacing-lg,1.5rem);border-bottom:1.5px solid var(--border-primary);justify-content:space-between;align-items:center;display:flex;position:relative}.filters-title{color:var(--text-primary);align-items:center;gap:var(--spacing-sm,.5rem);margin:0;font-size:1.5rem;font-weight:700;display:flex}.btn-reset{align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-sm,.5rem)var(--spacing-lg,1.5rem);background:var(--surface-primary);color:var(--text-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg,.75rem);cursor:pointer;transition:all var(--transition-base,.25s ease);font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex}.btn-reset:hover{border-color:var(--primary);background:var(--state-hover);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 8px #4a90e226}.filters-content{z-index:1;gap:var(--spacing-2xl,2rem);flex-direction:column;display:flex;position:relative}.filter-group{gap:var(--spacing-md,1rem);flex-direction:column;display:flex}.filter-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:600}.emotion-tags{gap:var(--spacing-sm,.5rem);flex-wrap:wrap;display:flex}.emotion-tag{padding:var(--spacing-sm,.5rem)var(--spacing-lg,1.5rem);background:var(--surface-primary);color:var(--text-secondary);border:1.5px solid var(--border-primary);border-radius:var(--radius-full,9999px);cursor:pointer;transition:all var(--transition-base,.25s ease);font-family:inherit;font-size:.85rem;font-weight:600;position:relative}.emotion-tag:hover{border-color:var(--primary);background:var(--state-hover);transform:translateY(-2px);box-shadow:0 4px 8px #4a90e226}.emotion-tag.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-color:#0000;transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d}.intensity-inputs,.date-inputs,.sort-inputs{gap:var(--spacing-lg,1.5rem);align-items:end;display:flex}.input-wrapper{gap:var(--spacing-xs,.25rem);flex-direction:column;flex:1;display:flex}.input-sublabel{color:var(--text-muted);font-size:.8rem;font-weight:500}.input-separator{color:var(--text-muted);padding-bottom:var(--spacing-sm,.5rem);font-size:1.25rem;font-weight:300}.filter-input{width:100%;padding:var(--spacing-md,.75rem)var(--spacing-lg,1.5rem);background:var(--surface-primary);color:var(--text-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-md,.5rem);transition:all var(--transition-base,.25s ease);font-family:inherit;font-size:.95rem}.filter-input:focus{border-color:var(--primary);background:var(--bg-primary);outline:none;box-shadow:0 0 0 3px #4a90e21a}.filter-input::placeholder{color:var(--text-muted)}.filter-input--date{cursor:pointer}.filter-select{padding:var(--spacing-md,.75rem)var(--spacing-lg,1.5rem);background:var(--surface-primary);color:var(--text-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-md,.5rem);cursor:pointer;transition:all var(--transition-base,.25s ease);flex:1;font-family:inherit;font-size:.95rem}.filter-select:focus{border-color:var(--primary);background:var(--bg-primary);outline:none;box-shadow:0 0 0 3px #4a90e21a}.filter-select:hover{border-color:var(--border-hover)}.results-info{margin-bottom:var(--spacing-xl,2rem)}.results-count{color:var(--text-secondary);margin:0;font-size:.95rem;font-weight:500}.results-grid{gap:var(--spacing-xl,2rem);margin-bottom:var(--spacing-3xl,4rem);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));animation:.8s .4s both fadeIn;display:grid}.loading-container{justify-content:center;align-items:center;gap:var(--spacing-lg,1.5rem);flex-direction:column;min-height:60vh;display:flex}.loading-spinner{border:4px solid var(--border-primary);border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.loading-text{color:var(--text-secondary);margin:0;font-size:1rem}.journal-empty-state{text-align:center;padding:var(--spacing-3xl,4rem)var(--spacing-xl,2rem);background:var(--surface-primary);border:2px dashed var(--border-primary);border-radius:var(--radius-2xl,1.5rem);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.journal-empty-icon{margin-bottom:var(--spacing-lg,1.5rem);opacity:.5;font-size:4rem;animation:3s ease-in-out infinite float}.journal-empty-state h3{color:var(--text-primary);margin:0 0 var(--spacing-md,1rem)0;font-size:1.5rem;font-weight:700}.journal-empty-state p{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:1rem;line-height:1.6}.pagination-wrapper{margin-top:var(--spacing-3xl,4rem);justify-content:center;display:flex}@media (max-width:1024px){.results-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.journal-search-page{padding:var(--spacing-lg,1.5rem)}.search-page-header{padding:var(--spacing-xl,2rem);margin-bottom:var(--spacing-2xl,3rem)}.search-header-content{flex-direction:column;align-items:flex-start}.search-header-icon{font-size:2.5rem}.search-page-title{font-size:1.5rem}.filters-card{padding:var(--spacing-xl,2rem);margin-bottom:var(--spacing-2xl,3rem)}.filters-header{align-items:flex-start;gap:var(--spacing-md,1rem);flex-direction:column}.btn-reset{justify-content:center;width:100%}.intensity-inputs,.date-inputs,.sort-inputs{flex-direction:column;align-items:stretch}.input-separator{display:none}.results-grid{gap:var(--spacing-lg,1.5rem);grid-template-columns:1fr}}@media (max-width:480px){.journal-search-page{padding:var(--spacing-md,1rem)}.search-page-header{padding:var(--spacing-lg,1.5rem);margin-bottom:var(--spacing-xl,2rem)}.search-page-title{font-size:1.25rem}.search-page-subtitle{font-size:.85rem}.filters-card{padding:var(--spacing-lg,1.5rem)}.filters-title{font-size:1.25rem}.emotion-tags{gap:var(--spacing-xs,.25rem)}.emotion-tag{padding:var(--spacing-xs,.25rem)var(--spacing-md,1rem);font-size:.8rem}}.page-header{justify-content:space-between;align-items:center;gap:var(--spacing-lg,1.5rem);padding:var(--spacing-xl,2rem)var(--spacing-2xl,3rem);margin-bottom:var(--spacing-3xl,4rem);background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1.5px solid var(--border-primary);border-radius:var(--radius-2xl,1.5rem);box-shadow:var(--shadow-lg);animation:.6s slideDown;display:flex;position:relative;overflow:hidden}.page-header:before{content:"";z-index:0;background:linear-gradient(90deg,#0000,#4a90e226,#8b7fd826,#50c9ce26,#0000);width:100%;height:100%;animation:3s ease-in-out infinite wave;position:absolute;top:0;left:-100%}.page-header>*{z-index:1;position:relative}.page-header h1{color:var(--text-primary);letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary),var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.matrice-card{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);transition:all var(--transition-base,.25s ease);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:relative;overflow:hidden}.matrice-card:before{content:"";background:radial-gradient(circle at top right,var(--state-hover),transparent 70%);opacity:0;transition:opacity var(--transition-base,.25s ease);pointer-events:none;z-index:0;position:absolute;inset:0}.matrice-card:hover{border-color:var(--primary);box-shadow:var(--shadow-primary);transform:translateY(-8px)}.matrice-card:hover:before{opacity:1}.stats-grid{justify-content:space-around;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.stat-card{background:var(--glass-bg);border:1px solid var(--border-primary);width:250px;height:250px;box-shadow:var(--shadow-sm);border-radius:.5rem;justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.stat-card__value{font-size:1.3rem;font-weight:700;line-height:1}.stat-card__label{text-transform:uppercase;color:var(--text-secondary);font-size:.65rem;font-weight:600}.stat-card__icon{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:.375rem;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.9rem;display:flex}.matrice-card__header{background:linear-gradient(90deg,var(--primary),var(--secondary));z-index:1;height:8px;position:relative}.matrice-card__header--completed{background:linear-gradient(90deg,#10b981,#059669)}.matrice-card__header--pending{background:linear-gradient(90deg,var(--primary),var(--secondary))}.matrice-card__status-badge{top:var(--spacing-md,1rem);right:var(--spacing-lg,1.5rem);align-items:center;gap:var(--spacing-xs,.25rem);padding:.375rem var(--spacing-md,1rem);background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-full,9999px);box-shadow:var(--shadow-md);z-index:2;font-size:.8rem;font-weight:600;animation:.4s slideDown;display:inline-flex;position:absolute}.matrice-card__status-icon{font-size:1rem;line-height:1}.matrice-card__header--completed+.matrice-card__content .matrice-card__status-badge{color:#10b981;background:linear-gradient(135deg,#10b9811a,#0596690d);border-color:#10b981}.matrice-card__header--pending+.matrice-card__content .matrice-card__status-badge{color:var(--primary);border-color:var(--primary);background:linear-gradient(135deg,#4a90e21a,#8b7fd80d)}.matrice-card__status-text{font-size:.8rem;font-weight:600}.matrice-card__content{padding:var(--spacing-xl,2rem);padding-top:var(--spacing-2xl,3rem);gap:var(--spacing-md,1rem);z-index:1;flex-direction:column;flex:1;display:flex;position:relative}.matrice-card__title{color:var(--text-primary);letter-spacing:-.01em;word-break:break-word;margin:0;font-size:1.35rem;font-weight:700;line-height:1.3}.matrice-card__description{color:var(--text-secondary);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.matrice-card__progress{gap:var(--spacing-xs,.25rem);margin-top:var(--spacing-sm,.5rem);flex-direction:column;display:flex}.matrice-card__progress-bar{background:var(--bg-tertiary);border-radius:var(--radius-full,9999px);width:100%;height:8px;position:relative;overflow:hidden}.matrice-card__progress-fill{background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:var(--radius-full,9999px);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.matrice-card__progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.matrice-card__progress-text{color:var(--text-secondary);font-size:.8rem;font-weight:600}.matrice-card__meta{gap:var(--spacing-lg,1.5rem);padding-top:var(--spacing-md,1rem);flex-wrap:wrap;margin-top:auto;display:flex}.matrice-card__meta-item{align-items:center;gap:var(--spacing-sm,.5rem);color:var(--text-secondary);font-size:.85rem;display:flex}.matrice-card__meta-icon{width:16px;height:16px;color:var(--primary);flex-shrink:0}.matrice-card__footer{padding:var(--spacing-lg,1.5rem)var(--spacing-xl,2rem);border-top:1px solid var(--border-primary);justify-content:space-between;align-items:center;gap:var(--spacing-md,1rem);background:var(--bg-secondary);z-index:1;display:flex;position:relative}.matrice-card__btn{align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-sm,.5rem)var(--spacing-lg,1.5rem);border-radius:var(--radius-lg,.75rem);cursor:pointer;transition:all var(--transition-base,.25s ease);border:none;font-family:inherit;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.matrice-card__btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.matrice-card__btn:hover:before{transform:translate(100%)}.matrice-card__btn--primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 2px 8px #4a90e24d}.matrice-card__btn--primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4a90e266}.matrice-card__btn--primary:active{transform:translateY(0)}.matrice-card__btn-icon{flex-shrink:0;width:18px;height:18px}.matrice-card__btn-chevron{width:16px;height:16px;transition:transform var(--transition-base,.25s ease);flex-shrink:0}.matrice-card__btn--primary:hover .matrice-card__btn-chevron{transform:translate(4px)}.matrice-card__actions{gap:var(--spacing-sm,.5rem);display:flex}.matrice-card__btn-icon{border:1.5px solid var(--border-primary);background:var(--surface-primary);border-radius:var(--radius-md,.5rem);cursor:pointer;width:36px;height:36px;transition:all var(--transition-base,.25s ease);color:var(--text-secondary);justify-content:center;align-items:center;padding:0;display:flex}.matrice-card__btn-icon:hover{transform:translateY(-2px)}.matrice-card__btn-icon--edit:hover{border-color:var(--primary);color:var(--primary);background:linear-gradient(135deg,#4a90e21a,#8b7fd80d);box-shadow:0 4px 12px #4a90e233}.matrice-card__btn-icon--delete:hover{border-color:var(--danger);color:var(--danger);background:linear-gradient(135deg,#ef44441a,#dc26260d);box-shadow:0 4px 12px #ef444433}.matrice-cards-grid,.matrice-grid{gap:var(--spacing-2xl,3rem);max-width:1200px;margin:0 auto;margin-top:var(--spacing-3xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));animation:.6s fadeIn;display:grid}.matrice-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex}.matrice-header{z-index:var(--z-sticky,50);background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-primary);padding:var(--spacing-lg,1.5rem)var(--spacing-xl,2rem);box-shadow:var(--glass-shadow);position:sticky;top:0}.matrice-header-content{justify-content:space-between;align-items:center;gap:var(--spacing-lg,1.5rem);max-width:1400px;margin:0 auto;display:flex}.matrice-header-left{align-items:center;gap:var(--spacing-md,1rem);flex:1;display:flex}.matrice-header-title{gap:var(--spacing-xs,.25rem);flex-direction:column;display:flex}.matrice-header-title h1{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.matrice-header-subtitle{color:var(--text-secondary);font-size:.875rem}.matrice-header-actions{align-items:center;gap:var(--spacing-md,1rem);flex-wrap:wrap;display:flex}.matrice-main{max-width:1400px;padding:var(--spacing-3xl,4rem)var(--spacing-xl,2rem);flex:1;width:100%;margin:0 auto}.matrice-section{margin-bottom:var(--spacing-3xl,4rem)}.matrice-section-header{margin-bottom:var(--spacing-xl,2rem);justify-content:space-between;align-items:center;display:flex}.matrice-section-title{color:var(--text-primary);align-items:center;gap:var(--spacing-sm,.5rem);margin:0;font-size:1.5rem;font-weight:700;display:flex}.matrice-section-actions{gap:var(--spacing-sm,.5rem);display:flex}.matrice-filters{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-lg,1.5rem);margin-bottom:var(--spacing-xl,2rem);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.matrice-filters-title{color:var(--text-primary);margin:0 0 var(--spacing-md,1rem)0;align-items:center;gap:var(--spacing-sm,.5rem);font-size:1rem;font-weight:700;display:flex}.matrice-filters-grid{gap:var(--spacing-md,1rem);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.matrice-filter-group{gap:var(--spacing-xs,.25rem);flex-direction:column;display:flex}.matrice-filter-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.matrice-filter-select,.matrice-filter-input{padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem);border:1px solid var(--border-primary);border-radius:var(--radius-md,.5rem);background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-base,.25s ease);font-family:inherit;font-size:.9rem}.matrice-filter-select{cursor:pointer}.matrice-filter-input{cursor:text}.matrice-filter-select:focus,.matrice-filter-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4a90e21a}.matrice-empty-state{text-align:center;padding:var(--spacing-3xl,4rem)var(--spacing-xl,2rem);background:var(--surface-primary);border:2px dashed var(--border-primary);border-radius:var(--radius-2xl,1.5rem);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.matrice-empty-icon{color:var(--text-muted);margin-bottom:var(--spacing-lg,1.5rem);opacity:.5;font-size:4rem;animation:3s ease-in-out infinite float}.matrice-empty-state h3{color:var(--text-primary);margin:0 0 var(--spacing-md,1rem)0;font-size:1.5rem;font-weight:700}.matrice-empty-state p{color:var(--text-secondary);margin:0 0 var(--spacing-xl,2rem)0;max-width:500px;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.6}.matrice-loading{padding:var(--spacing-3xl,4rem);justify-content:center;align-items:center;gap:var(--spacing-lg,1.5rem);flex-direction:column;display:flex}.matrice-spinner{border:4px solid var(--border-primary);border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.matrice-loading-text{color:var(--text-secondary);font-size:1rem;font-weight:500}.pagination{align-items:center;gap:var(--spacing-lg,1.5rem);margin-top:var(--spacing-3xl,4rem);padding-top:var(--spacing-xl,2rem);border-top:1px solid var(--border-primary);flex-direction:column;display:flex}.pagination-btn:hover:not(:disabled){border-color:var(--primary);background:var(--state-hover);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 8px #4a90e226}.pagination-number.active{background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:var(--primary);color:#fff;box-shadow:0 4px 12px #4a90e24d}.pagination-compact{gap:var(--spacing-md,1rem);margin-top:var(--spacing-xl,2rem);padding-top:var(--spacing-lg,1.5rem);flex-direction:row}.pagination-compact .pagination-container{gap:var(--spacing-md,1rem)}.pagination-info-compact{align-items:center;gap:var(--spacing-xs,.25rem);color:var(--text-secondary);padding:0 var(--spacing-sm,.5rem);font-size:.95rem;display:flex}.pagination-info-compact strong{color:var(--text-primary);font-size:1.1rem;font-weight:700}@media (max-width:1024px){.matrice-cards-grid,.matrice-grid{gap:var(--spacing-xl,2rem);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.matrice-header{padding:var(--spacing-md,1rem)var(--spacing-lg,1.5rem)}.matrice-header-title h1{font-size:1.25rem}.matrice-main{padding:var(--spacing-xl,2rem)var(--spacing-lg,1.5rem)}.matrice-cards-grid,.matrice-grid{gap:var(--spacing-xl,2rem);grid-template-columns:1fr}.matrice-card__content{padding:var(--spacing-lg,1.5rem);padding-top:var(--spacing-2xl,3rem)}.matrice-card__footer{flex-direction:column;align-items:stretch}.matrice-card__btn--primary{justify-content:center;width:100%}.matrice-card__actions{justify-content:center}.matrice-filters-grid{grid-template-columns:1fr}.matrice-section-header{align-items:flex-start;gap:var(--spacing-md,1rem);flex-direction:column}}@media (max-width:480px){.matrice-header-title h1,.matrice-card__title{font-size:1.125rem}.matrice-card__status-badge{padding:.25rem var(--spacing-sm,.5rem);font-size:.75rem}.matrice-card__meta{gap:var(--spacing-sm,.5rem);flex-direction:column}.pagination-btn{min-width:36px;height:36px;font-size:.85rem}.pagination-number{min-width:36px}.pagination-ellipsis{min-width:36px;height:36px}.pagination-info{font-size:.85rem}}:root{--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--transition-base:.2s ease;--transition-smooth:.3s ease;--success:#10b981;--danger:#ef4444}.matrice-resultat-container{background:var(--bg-primary);min-height:100vh;color:var(--text-primary)}.matrice-header{border-bottom:1px solid var(--border-primary);background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);padding:1.5rem 2rem}.back-button{align-items:center;gap:var(--spacing-sm);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);background:0 0;padding:.75rem 1.25rem;font-family:inherit;font-size:.95rem;font-weight:500;display:flex}.back-button:hover{background:var(--surface-hover);border-color:var(--primary)}.matrice-main{max-width:1200px;padding:var(--spacing-3xl)var(--spacing-2xl);margin:0 auto}.title-section{margin-bottom:var(--spacing-2xl)}.title-wrapper{gap:var(--spacing-sm);flex-direction:column;display:flex}.matrice-title{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.5rem;font-weight:700}.matrice-description{color:var(--text-secondary);margin:0;font-size:1.1rem}.matrice-date{color:var(--text-muted);margin:0;font-size:.9rem}.glass-card{background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);box-shadow:var(--glass-shadow);transition:all var(--transition-smooth)}.glass-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #4a90e226}.card-header{margin-bottom:var(--spacing-xl);align-items:center;gap:.75rem;display:flex}.header-icon{color:var(--primary)}.header-icon.secondary{color:var(--secondary)}.card-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.score-overview{background:linear-gradient(135deg,#4a90e20d,#8b7fd80d)}.score-grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.score-item{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--surface-glass);border:2px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-smooth);display:flex}.score-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #4a90e233}.score-item.positive{border-color:var(--success);background:linear-gradient(135deg,#10b9811a,#10b9810d)}.score-item.positive svg{color:var(--success)}.score-item.negative{border-color:var(--danger);background:linear-gradient(135deg,#ef44441a,#ef44440d)}.score-item.negative svg{color:var(--danger)}.score-content{flex-direction:column;gap:.25rem;display:flex}.score-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:500}.score-value{color:var(--text-primary);font-size:2rem;font-weight:700}.recommendation-badge{padding:var(--spacing-lg)var(--spacing-xl);border-radius:var(--radius-md);margin-top:var(--spacing-xl);align-items:center;gap:.75rem;font-size:1rem;display:flex}.analysis-card{background:linear-gradient(135deg,#8b7fd80d,#8b7fd805)}.analysis-content{padding:var(--spacing-lg);background:var(--surface-secondary);border-radius:var(--radius-md);border-left:4px solid var(--secondary)}.analysis-text{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.6}.quadrants-section{margin-top:var(--spacing-3xl)}.section-title{margin-bottom:var(--spacing-xl);color:var(--text-primary);font-size:1.75rem;font-weight:700}.quadrants-grid{gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);display:grid}.quadrant-card{padding:var(--spacing-xl)}.quadrant-card.maintien{border-color:var(--primary);background:linear-gradient(135deg,#4a90e214,#4a90e208)}.quadrant-card.changement{border-color:var(--accent);background:linear-gradient(135deg,#50c9ce14,#50c9ce08)}.quadrant-title{margin:0 0 var(--spacing-lg)0;color:var(--text-primary);font-size:1.1rem;font-weight:700}.quadrant-items{margin-bottom:var(--spacing-lg);flex-direction:column;gap:.75rem;display:flex}.quadrant-item{background:var(--surface-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-base);align-items:flex-start;gap:.75rem;padding:.75rem;font-size:.95rem;display:flex}.quadrant-item:hover{background:var(--surface-hover);transform:translate(4px)}.item-bullet{background:var(--primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:.5rem}.quadrant-card.changement .item-bullet{background:var(--accent)}.quadrant-count{color:var(--text-muted);text-align:right;border-top:1px solid var(--border-primary);margin-top:.75rem;padding-top:.75rem;font-size:.85rem;font-weight:600}.notes-card{background:linear-gradient(135deg,#4a90e20d,#50c9ce0d)}.notes-text{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}@media (max-width:768px){.matrice-main{padding:var(--spacing-2xl)var(--spacing-lg)}.matrice-title{font-size:2rem}.quadrants-grid,.score-grid{grid-template-columns:1fr}.glass-card{padding:var(--spacing-xl)}}@media (max-width:480px){.matrice-header{padding:var(--spacing-lg)}.matrice-title{font-size:1.75rem}.score-value{font-size:1.5rem}}.matrice-edit-container{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex}.loading-container{min-height:100vh;padding:var(--spacing-xl,2rem);justify-content:center;align-items:center;display:flex}.error-container{min-height:100vh;padding:var(--spacing-xl,2rem);justify-content:center;align-items:center;gap:var(--spacing-lg,1.5rem);flex-direction:column;display:flex}.error-icon{color:var(--danger);animation:2s ease-in-out infinite pulse}.error-message{color:var(--danger);text-align:center;max-width:600px;margin:0;font-size:1.125rem}.matrice-edit-header{z-index:var(--z-sticky,50);background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-primary);padding:var(--spacing-lg,1.5rem)var(--spacing-xl,2rem);box-shadow:var(--glass-shadow);justify-content:space-between;align-items:center;gap:var(--spacing-lg,1.5rem);display:flex;position:sticky;top:0}.header-left{align-items:center;gap:var(--spacing-md,1rem);flex:1;display:flex}.header-title{gap:var(--spacing-xs,.25rem);flex-direction:column;display:flex}.header-title h1{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:700}.header-badges{align-items:center;gap:var(--spacing-sm,.5rem);flex-wrap:wrap;display:flex}.changes-indicator{align-items:center;gap:var(--spacing-xs,.25rem);padding:.25rem var(--spacing-sm,.5rem);color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-full,9999px);background:#ef44441a;font-size:.75rem;font-weight:600;animation:.3s fadeIn;display:inline-flex}.status-badge{align-items:center;gap:var(--spacing-xs,.25rem);padding:.25rem var(--spacing-md,1rem);border-radius:var(--radius-full,9999px);border:1px solid;font-size:.75rem;font-weight:600;animation:.3s fadeIn;display:inline-flex}.status-in-progress{color:#f59e0b;background:#fbbf241a;border-color:#f59e0b}.status-completed{color:#10b981;background:#10b9811a;border-color:#10b981}.score-badge{border-radius:var(--radius-full,9999px);border:1.5px solid;justify-content:center;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:700;animation:.3s fadeIn;display:inline-flex}.score-badge.score-positive{color:#10b981;background:linear-gradient(135deg,#10b98126,#0596691a);border-color:#10b981}.score-badge.score-negative{color:#ef4444;background:linear-gradient(135deg,#ef444426,#dc26261a);border-color:#ef4444}.header-actions{align-items:center;gap:var(--spacing-md,1rem);display:flex}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm,.5rem);border-radius:var(--radius-lg,.75rem);cursor:pointer;white-space:nowrap;border:none;padding:.625rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#fff3 0%,#fff0 50%);transition:opacity .3s;position:absolute;inset:0}.btn:hover:not(:disabled):before{opacity:1}.btn-cancel{color:var(--text-secondary);border:1.5px solid var(--border-primary);background:0 0}.btn-cancel:hover:not(:disabled){border-color:var(--text-primary);color:var(--text-primary);background:var(--surface-hover);transform:translateY(-1px)}.btn-cancel:active:not(:disabled){transform:translateY(0)}.btn-complete{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #fff3;box-shadow:0 2px 8px #10b98140,0 1px 3px #10b98126}.btn-complete:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 14px #10b98159,0 2px 6px #10b98133}.btn-complete:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #10b98140,0 1px 3px #10b98126}.btn-reopen{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:1px solid #fff3;box-shadow:0 2px 8px #f59e0b40,0 1px 3px #f59e0b26}.btn-reopen:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 14px #f59e0b59,0 2px 6px #f59e0b33}.btn-reopen:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #f59e0b40,0 1px 3px #f59e0b26}.btn-save{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:#fff;border:1px solid #fff3;box-shadow:0 2px 8px #4a90e240,0 1px 3px #4a90e226}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 14px #4a90e259,0 2px 6px #4a90e233}.btn-save:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #4a90e240,0 1px 3px #4a90e226}.btn-secondary{background:var(--surface-primary);color:var(--text-primary);border:1.5px solid var(--border-primary);box-shadow:0 1px 3px #0000001a}.btn-secondary:hover:not(:disabled){border-color:var(--primary);background:var(--state-hover);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 8px #4a90e226}.btn-icon{border:1.5px solid var(--border-primary);background:var(--surface-primary);border-radius:var(--radius-md,.5rem);cursor:pointer;width:40px;height:40px;transition:all var(--transition-base,.25s ease);color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.btn-icon:hover:not(:disabled){transform:translateY(-2px)}.btn-back:hover{border-color:var(--primary);background:var(--state-hover);color:var(--primary);box-shadow:0 4px 8px #4a90e226}.btn-remove{width:32px;height:32px}.btn-remove:hover{border-color:var(--danger);color:var(--danger);background:linear-gradient(135deg,#ef44441a,#dc26260d);box-shadow:0 4px 12px #ef444433}.btn-add{padding:var(--spacing-sm,.5rem);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;justify-content:center;min-width:40px;box-shadow:0 2px 6px #4a90e24d}.btn-add:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 10px #4a90e266}.btn-complete:disabled,.btn-reopen:disabled,.btn-save:disabled{position:relative}.btn-complete:disabled:after,.btn-reopen:disabled:after,.btn-save:disabled:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff3 50%,#0000 100%);animation:1.5s infinite shimmer;position:absolute;inset:0}.matrice-edit-main{max-width:1400px;padding:var(--spacing-3xl,4rem)var(--spacing-xl,2rem);gap:var(--spacing-3xl,4rem);flex-direction:column;flex:1;width:100%;margin:0 auto;display:flex}.edit-section{gap:var(--spacing-xl,2rem);flex-direction:column;animation:.6s slideUp;display:flex}.section-header{gap:var(--spacing-sm,.5rem);flex-direction:column;display:flex;position:relative}.section-icon{color:var(--primary);opacity:.6;position:absolute;top:0;left:-40px}.section-title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.75rem;font-weight:700}.section-subtitle{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.5}.form-grid{gap:var(--spacing-lg,1.5rem);grid-template-columns:repeat(2,1fr);display:grid}.form-group{gap:var(--spacing-sm,.5rem);flex-direction:column;display:flex}.form-group-full{grid-column:1/-1}.form-label{color:var(--text-primary);font-size:.95rem;font-weight:600}.required{color:var(--danger)}.form-input,.form-textarea{padding:var(--spacing-md,1rem);border:1.5px solid var(--border-primary);border-radius:var(--radius-md,.5rem);background:var(--surface-primary);color:var(--text-primary);transition:all var(--transition-base,.25s ease);font-family:inherit;font-size:.95rem}.form-input:focus,.form-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4a90e21a}.form-textarea{resize:vertical;min-height:100px;line-height:1.6}.quadrants-edit-grid{gap:var(--spacing-xl,2rem);grid-template-columns:repeat(2,1fr);display:grid}.quadrant-edit-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:2px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);gap:var(--spacing-lg,1.5rem);box-shadow:var(--shadow-md);transition:all var(--transition-base,.25s ease);flex-direction:column;display:flex;position:relative}.quadrant-edit-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.quadrant-positive{background:linear-gradient(135deg,#10b9810d,#0000);border-color:#10b981}.quadrant-negative{background:linear-gradient(135deg,#ef44440d,#0000);border-color:#ef4444}.quadrant-changement{border-color:var(--accent);background:linear-gradient(135deg,#50c9ce0d,#0000)}.quadrant-maintien{border-color:var(--primary);background:linear-gradient(135deg,#4a90e20d,#0000)}.quadrant-edit-header{justify-content:space-between;align-items:center;gap:var(--spacing-md,1rem);padding-bottom:var(--spacing-md,1rem);border-bottom:2px solid var(--border-primary);display:flex}.quadrant-edit-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.quadrant-positive .quadrant-edit-title{color:#10b981}.quadrant-negative .quadrant-edit-title{color:#ef4444}.quadrant-changement .quadrant-edit-title{color:var(--accent)}.quadrant-maintien .quadrant-edit-title{color:var(--primary)}.quadrant-count-badge{min-width:32px;height:32px;padding:0 var(--spacing-sm,.5rem);background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-full,9999px);color:var(--text-primary);justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:inline-flex}.quadrant-items-list{gap:var(--spacing-sm,.5rem);min-height:150px;max-height:400px;padding:var(--spacing-sm,.5rem);background:var(--bg-primary);border-radius:var(--radius-md,.5rem);flex-direction:column;flex:1;display:flex;overflow-y:auto}.quadrant-items-list::-webkit-scrollbar{width:6px}.quadrant-items-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-full,9999px)}.quadrant-items-list::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full,9999px)}.quadrant-items-list::-webkit-scrollbar-thumb:hover{background:var(--primary)}.edit-item{align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem);background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md,.5rem);transition:all var(--transition-base,.25s ease);animation:.3s slideIn;display:flex}.edit-item:hover{border-color:var(--primary);box-shadow:0 2px 6px #4a90e21a}.item-bullet{border-radius:50%;flex-shrink:0;width:8px;height:8px}.quadrant-positive .item-bullet{background:#10b981}.quadrant-negative .item-bullet{background:#ef4444}.quadrant-changement .item-bullet{background:var(--accent)}.quadrant-maintien .item-bullet{background:var(--primary)}.item-text{color:var(--text-primary);word-break:break-word;flex:1;font-size:.9rem;line-height:1.5}.empty-state-small{min-height:150px;color:var(--text-muted);text-align:center;padding:var(--spacing-lg,1.5rem);justify-content:center;align-items:center;font-size:.875rem;font-style:italic;display:flex}.add-item-form{gap:var(--spacing-sm,.5rem);padding-top:var(--spacing-md,1rem);border-top:1px solid var(--border-primary);display:flex}.add-item-input{padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem);border:1.5px solid var(--border-primary);border-radius:var(--radius-md,.5rem);background:var(--surface-primary);color:var(--text-primary);transition:all var(--transition-base,.25s ease);flex:1;font-family:inherit;font-size:.9rem}.add-item-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4a90e21a}.add-item-input::placeholder{color:var(--text-muted)}html.dark .btn-cancel{border-color:var(--border-secondary)}html.dark .btn-cancel:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-focus)}html.dark .btn-complete{box-shadow:0 2px 8px #10b9814d,0 1px 3px #10b98133}html.dark .btn-reopen{box-shadow:0 2px 8px #f59e0b4d,0 1px 3px #f59e0b33}html.dark .btn-save{box-shadow:0 2px 8px #4a90e24d,0 1px 3px #4a90e233}@media (max-width:1024px){.quadrants-edit-grid{gap:var(--spacing-lg,1.5rem);grid-template-columns:1fr}.section-icon{margin-bottom:var(--spacing-xs,.25rem);position:relative;left:0}}@media (max-width:768px){.matrice-edit-header{align-items:stretch;gap:var(--spacing-md,1rem);flex-direction:column}.header-left{flex-direction:column;align-items:flex-start}.header-title h1{font-size:1.25rem}.header-badges{align-self:flex-start}.header-actions{gap:var(--spacing-sm,.5rem);width:100%}.btn{flex:1;min-width:0;padding:.625rem 1rem;font-size:.875rem}.matrice-edit-main{padding:var(--spacing-xl,2rem)var(--spacing-lg,1.5rem);gap:var(--spacing-xl,2rem)}.section-title{font-size:1.5rem}.form-grid{grid-template-columns:1fr}.quadrant-edit-card{padding:var(--spacing-lg,1.5rem)}}@media (max-width:480px){.matrice-edit-header{padding:var(--spacing-md,1rem)var(--spacing-lg,1.5rem)}.header-title h1{font-size:1.125rem}.header-badges{align-items:flex-start;gap:var(--spacing-xs,.25rem);flex-direction:column}.header-actions{gap:var(--spacing-xs,.25rem);flex-wrap:wrap}.btn{padding:.5rem .875rem;font-size:.8rem}.btn-cancel{order:3;width:100%}.btn-complete,.btn-reopen{flex:1;order:1}.btn-save{flex:1;order:2}.matrice-edit-main{padding:var(--spacing-lg,1.5rem)var(--spacing-md,1rem);gap:var(--spacing-lg,1.5rem)}.section-title{font-size:1.25rem}.section-subtitle{font-size:.9rem}.quadrant-edit-card{padding:var(--spacing-md,1rem)}.quadrant-edit-title{font-size:1.125rem}.quadrant-items-list{max-height:300px}.btn-icon{width:36px;height:36px}}.btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.btn-complete:focus-visible{outline-color:#10b981}.btn-reopen:focus-visible{outline-color:#f59e0b}.btn-cancel:focus-visible{outline-color:var(--text-secondary)}@media (prefers-reduced-motion:reduce){.btn,.btn:before,.quadrant-edit-card,.edit-item,.edit-section{transition:none;animation:none}.btn:hover{transform:none}.error-icon{animation:none}}.matrice-history-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);transition:all var(--transition-base)}.matrice-history-header{border-bottom:1px solid var(--border-primary);background:var(--surface-primary);padding:2rem 1rem}@media (min-width:640px){.matrice-history-header{padding:2rem 1.5rem}}@media (min-width:1024px){.matrice-history-header{padding:2rem}}.matrice-history-header__container{max-width:1280px;margin:0 auto}.matrice-history-header__top{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}@media (min-width:640px){.matrice-history-header__top{flex-direction:row}}.matrice-history-header__title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.875rem;font-weight:700}@media (min-width:640px){.matrice-history-header__title{font-size:2.25rem}}.matrice-history-header__subtitle{color:var(--text-secondary)}.stats-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:var(--surface-primary);transition:all var(--transition-base);padding:1.5rem}.stat-card:hover{box-shadow:var(--shadow-primary);transform:translateY(-4px)}.stat-card__content{justify-content:space-between;align-items:center;display:flex}.stat-card__label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.875rem;font-weight:500}.stat-card__value{color:var(--text-primary);font-size:1.875rem;font-weight:700}.stat-card__icon{border-radius:var(--radius-lg);background:#4a90e226;padding:.75rem}.stat-card__icon svg{color:var(--primary)}.stat-card__icon--success{background:#10b98126}.stat-card__icon--success svg{color:#10b981}.stat-card__icon--warning{background:#fb923c26}.stat-card__icon--warning svg{color:#f97316}.stat-card__icon--info{background:#6366f126}.stat-card__icon--info svg{color:#6366f1}.matrice-history-main{max-width:1280px;margin:0 auto;padding:2rem 1rem}@media (min-width:640px){.matrice-history-main{padding:2rem 1.5rem}}@media (min-width:1024px){.matrice-history-main{padding:2rem}}.matrice-history-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:1024px){.matrice-history-grid{grid-template-columns:2fr 1fr}}.matrice-list-section{grid-column:span 1}.matrice-list-card{border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:var(--surface-primary);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);transition:all var(--transition-base);padding:1.5rem}.matrice-list-card__header{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}@media (min-width:640px){.matrice-list-card__header{flex-direction:row;align-items:center}}.matrice-list-card__title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.matrice-filters{flex-direction:column;align-items:stretch;gap:.75rem;width:100%;display:flex}@media (min-width:640px){.matrice-filters{flex-direction:row;align-items:center;width:auto}}.matrice-filters__search{flex:1;position:relative}@media (min-width:640px){.matrice-filters__search{flex:none}}.matrice-filters__search-icon{color:var(--text-secondary);flex-shrink:0;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.matrice-filters__search-input{border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:var(--bg-primary);width:100%;color:var(--text-primary);transition:all var(--transition-base);padding:.5rem 1rem .5rem 2.5rem;font-size:.875rem}@media (min-width:640px){.matrice-filters__search-input{width:auto}}.matrice-filters__search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4a90e21a}.matrice-filters__filter-wrapper{position:relative}.matrice-filters__filter-icon{color:var(--text-secondary);flex-shrink:0;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.matrice-filters__filter-select{border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-primary);appearance:none;cursor:pointer;transition:all var(--transition-base);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a90e2' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;padding:.5rem 2rem .5rem 2.5rem;font-size:.875rem}.matrice-filters__filter-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4a90e21a}.matrice-list-loading{text-align:center;padding:3rem 0}.matrice-list-loading__spinner{border:4px solid #bfdbfe;border-color:#bfdbfe #0000;border-radius:50%;width:2rem;height:2rem;margin:0 auto;animation:1s linear infinite spin}html.dark .matrice-list-loading__spinner{border-color:#60a5fa #0000 #334155}.matrice-list-empty{text-align:center;padding:3rem 0}.matrice-list-empty__icon{opacity:.5;color:var(--text-muted);margin:0 auto 1rem}.matrice-list-empty__title{color:var(--text-primary);margin-bottom:.5rem;font-weight:600}.matrice-list-empty__description{color:var(--text-secondary)}.matrice-list{flex-direction:column;gap:.75rem;display:flex}.matrice-item{border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:var(--bg-secondary);cursor:pointer;transition:all var(--transition-base);padding:1rem}.matrice-item:hover{box-shadow:var(--shadow-primary);transform:translateY(-2px)}.matrice-item__content{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}@media (min-width:640px){.matrice-item__content{flex-direction:row;align-items:center}}.matrice-item__main{flex:1;min-width:0}.matrice-item__header{flex-flow:column wrap;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;display:flex}@media (min-width:640px){.matrice-item__header{flex-direction:row;align-items:center}}.matrice-item__title{color:var(--text-primary);font-size:1rem;font-weight:600}.matrice-item__description{color:var(--text-secondary);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.875rem;display:-webkit-box;overflow:hidden}.matrice-item__meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:1rem;font-size:.75rem;display:flex}.matrice-item__meta-item{align-items:center;gap:.25rem;display:flex}.matrice-item__meta-icon{flex-shrink:0}.matrice-item__icon{color:var(--primary);flex-shrink:0}.status-badge{border-radius:var(--radius-full);border:1px solid;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge--completed{color:#10b981;background:#10b9811a;border-color:#10b98133}html.dark .status-badge--completed{color:#34d399;background:#10b98133;border-color:#10b9814d}.status-badge--draft{color:#f97316;background:#fb923c1a;border-color:#fb923c33}html.dark .status-badge--draft{color:#fb923c;background:#fb923c33;border-color:#fb923c4d}.status-badge__icon{flex-shrink:0}.matrice-sidebar{grid-column:span 1}.matrice-sidebar-card{border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:var(--surface-primary);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);transition:all var(--transition-base);padding:1.5rem;position:sticky;top:6rem}.matrice-sidebar__title{color:var(--text-primary);margin-bottom:1rem;font-size:1.125rem;font-weight:700}.matrice-sidebar-nav{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.matrice-sidebar-link{border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-primary);transition:all var(--transition-base);padding:.75rem;text-decoration:none;display:block}.matrice-sidebar-link:hover{box-shadow:var(--shadow-primary);transform:translateY(-2px)}.matrice-sidebar-link__header{align-items:center;gap:.5rem;font-weight:500;display:flex}.matrice-sidebar-link__description{color:var(--text-secondary);margin-top:.25rem;font-size:.75rem}.matrice-sidebar-tips{border-radius:var(--radius-lg);background:#4a90e20d;border:1px solid #4a90e24d;padding:1rem}.matrice-sidebar-tips__title{color:var(--primary);margin-bottom:.5rem;font-size:.875rem;font-weight:600}.matrice-sidebar-tips__content{color:var(--text-secondary);font-size:.75rem}.matrice-history-pagination{margin-top:1.5rem}@media (max-width:768px){.matrice-history-header__title{font-size:1.5rem}.matrice-list-card,.stat-card{padding:1rem}.stat-card__value{font-size:1.5rem}}@media (max-width:480px){.matrice-history-header,.matrice-history-main{padding:1rem}.matrice-history-header__title,.stat-card__value{font-size:1.25rem}}:root{--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--transition-base:.2s ease;--transition-smooth:.3s ease}.matrice-stats-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);padding:var(--spacing-2xl)var(--spacing-lg);transition:all var(--transition-base)}@media (min-width:1024px){.matrice-stats-page{padding:var(--spacing-3xl)var(--spacing-2xl)}}.matrice-stats-container{max-width:1400px;margin:0 auto}.matrice-stats-header{justify-content:space-between;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl)var(--spacing-2xl);margin-bottom:var(--spacing-3xl);background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1.5px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);animation:.6s slideDown;display:flex;position:relative;overflow:hidden}.matrice-stats-header:before{content:"";z-index:0;background:linear-gradient(90deg,#0000,#4a90e226,#8b7fd826,#50c9ce26,#0000);width:100%;height:100%;animation:3s ease-in-out infinite wave;position:absolute;top:0;left:-100%}.matrice-stats-header>*{z-index:1;position:relative}.matrice-stats-header__title{color:var(--text-primary);letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary),var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.matrice-stats-header__subtitle{color:var(--text-secondary);margin-top:.25rem;font-size:.95rem}.matrice-stats-header__select{padding:var(--spacing-sm)var(--spacing-lg);border:1.5px solid var(--border-primary);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);min-width:180px;font-size:.95rem;font-weight:500}.matrice-stats-header__select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4a90e21a}@media (max-width:768px){.matrice-stats-header{padding:var(--spacing-lg);flex-direction:column;align-items:flex-start}.matrice-stats-header__select{width:100%}}.matrice-kpi-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.matrice-kpi-card{padding:var(--spacing-xl);background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);transition:all var(--transition-smooth);position:relative;overflow:hidden}.matrice-kpi-card:before{content:"";background:radial-gradient(circle at top right,var(--state-hover),transparent 70%);opacity:0;transition:opacity var(--transition-base);pointer-events:none;position:absolute;inset:0}.matrice-kpi-card:hover{box-shadow:var(--shadow-primary);border-color:var(--primary);transform:translateY(-4px)}.matrice-kpi-card:hover:before{opacity:1}.matrice-kpi-card__header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.matrice-kpi-card__icon{flex-shrink:0}.matrice-kpi-card__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;font-weight:600}.matrice-kpi-card__value{margin:0;font-size:2rem;font-weight:800}.matrice-kpi-card--primary .matrice-kpi-card__value{color:var(--primary)}.matrice-kpi-card--success .matrice-kpi-card__value{color:#10b981}.matrice-kpi-card--warning .matrice-kpi-card__value{color:#f59e0b}.matrice-kpi-card--purple .matrice-kpi-card__value{color:#8b5cf6}.matrice-kpi-card--trend-positive .matrice-kpi-card__value{color:#10b981}.matrice-kpi-card--trend-negative .matrice-kpi-card__value{color:#ef4444}.matrice-highlight-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.matrice-highlight-card{padding:var(--spacing-xl);border-radius:var(--radius-xl);transition:all var(--transition-smooth);border:2px solid}.matrice-highlight-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.matrice-highlight-card--best{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981}html.dark .matrice-highlight-card--best{background:linear-gradient(135deg,#10b98126,#10b9810d)}.matrice-highlight-card--worst{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444}html.dark .matrice-highlight-card--worst{background:linear-gradient(135deg,#ef444426,#ef44440d)}.matrice-highlight-card__title{margin-bottom:var(--spacing-lg);font-size:1rem;font-weight:600}.matrice-highlight-card--best .matrice-highlight-card__title{color:#065f46}html.dark .matrice-highlight-card--best .matrice-highlight-card__title{color:#34d399}.matrice-highlight-card--worst .matrice-highlight-card__title{color:#991b1b}html.dark .matrice-highlight-card--worst .matrice-highlight-card__title{color:#f87171}.matrice-highlight-card__date{margin-bottom:.5rem;font-size:.875rem}.matrice-highlight-card--best .matrice-highlight-card__date{color:#065f46}html.dark .matrice-highlight-card--best .matrice-highlight-card__date{color:#a7f3d0}.matrice-highlight-card--worst .matrice-highlight-card__date{color:#991b1b}html.dark .matrice-highlight-card--worst .matrice-highlight-card__date{color:#fca5a5}.matrice-highlight-card__stats{gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.matrice-highlight-card__stat-label{margin-right:.25rem;font-size:.75rem}.matrice-highlight-card--best .matrice-highlight-card__stat-label{color:#065f46}html.dark .matrice-highlight-card--best .matrice-highlight-card__stat-label{color:#a7f3d0}.matrice-highlight-card--worst .matrice-highlight-card__stat-label{color:#991b1b}html.dark .matrice-highlight-card--worst .matrice-highlight-card__stat-label{color:#fca5a5}.matrice-highlight-card__stat-value{font-weight:700}.matrice-highlight-card--best .matrice-highlight-card__stat-value{color:#059669}html.dark .matrice-highlight-card--best .matrice-highlight-card__stat-value{color:#34d399}.matrice-highlight-card--worst .matrice-highlight-card__stat-value{color:#dc2626}html.dark .matrice-highlight-card--worst .matrice-highlight-card__stat-value{color:#f87171}.matrice-stats-view-toggle{gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);padding:var(--spacing-sm);background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg);width:fit-content;display:flex}.matrice-stats-view-btn{padding:var(--spacing-sm)var(--spacing-xl);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;font-family:inherit;font-size:.95rem;font-weight:600}.matrice-stats-view-btn:hover{background:var(--state-hover);color:var(--text-primary)}.matrice-stats-view-btn.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 2px 8px #4a90e24d}.matrice-chart-card{padding:var(--spacing-2xl);background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl);margin-bottom:var(--spacing-2xl);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow-sm);transition:all var(--transition-smooth);position:relative}.matrice-chart-card:hover{box-shadow:var(--shadow-primary);transform:translateY(-2px)}.matrice-chart-card__title{margin-bottom:var(--spacing-xl);color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.matrice-chart-card__title svg{color:var(--primary)}.matrice-distribution{flex-direction:column;gap:.75rem;display:flex}.matrice-distribution__item{width:100%}.matrice-distribution__header{justify-content:space-between;margin-bottom:.25rem;display:flex}.matrice-distribution__label{color:var(--text-primary);font-size:.875rem;font-weight:500}.matrice-distribution__count{color:var(--text-secondary);font-size:.875rem}.matrice-distribution__bar-container{background:var(--bg-tertiary);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.matrice-distribution__bar{border-radius:var(--radius-full);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.matrice-distribution__bar--very-low{background:linear-gradient(90deg,#ef4444,#dc2626)}.matrice-distribution__bar--low{background:linear-gradient(90deg,#f59e0b,#d97706)}.matrice-distribution__bar--medium{background:linear-gradient(90deg,#3b82f6,#2563eb)}.matrice-distribution__bar--good{background:linear-gradient(90deg,#10b981,#059669)}.matrice-distribution__bar--excellent{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.matrice-status-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.matrice-status-card{padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base);border:2px solid}.matrice-status-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.matrice-status-card--completed{background:#10b9811a;border-color:#10b981}html.dark .matrice-status-card--completed{background:#10b98126}.matrice-status-card--draft{border-color:var(--primary);background:#4a90e21a}html.dark .matrice-status-card--draft{background:#4a90e226}.matrice-status-card__icon{margin-bottom:.5rem;font-size:2rem}.matrice-status-card__value{margin:0 0 .5rem;font-size:2rem;font-weight:800}.matrice-status-card--completed .matrice-status-card__value{color:#10b981}html.dark .matrice-status-card--completed .matrice-status-card__value{color:#34d399}.matrice-status-card--draft .matrice-status-card__value{color:var(--primary)}.matrice-status-card__label{margin:0 0 .25rem;font-size:.875rem;font-weight:600}.matrice-status-card--completed .matrice-status-card__label{color:#065f46}html.dark .matrice-status-card--completed .matrice-status-card__label{color:#a7f3d0}.matrice-status-card--draft .matrice-status-card__label{color:var(--primary)}.matrice-status-card__percentage{color:var(--text-secondary);margin:0;font-size:.75rem}.matrice-quadrant-stats{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}@media (min-width:768px){.matrice-quadrant-stats{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.matrice-quadrant-stats{grid-template-columns:repeat(4,1fr)}}.matrice-quadrant-stat{text-align:center;padding:var(--spacing-xl);border-radius:var(--radius-lg);background:var(--bg-secondary);border:2px solid var(--border-primary);transition:all var(--transition-base)}.matrice-quadrant-stat:hover{background:var(--surface-hover);box-shadow:var(--shadow-primary);transform:translateY(-4px)}.matrice-quadrant-stat__icon{margin-bottom:.5rem;font-size:2.5rem}.matrice-quadrant-stat__value{color:var(--text-primary);margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.matrice-quadrant-stat__label{color:var(--text-secondary);margin:0;font-size:.75rem}.matrice-chart-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}@media (max-width:768px){.matrice-stats-page,.matrice-stats-header{padding:var(--spacing-lg)}.matrice-kpi-grid,.matrice-highlight-grid{grid-template-columns:1fr}.matrice-chart-card{padding:var(--spacing-lg)}.matrice-chart-grid{grid-template-columns:1fr}.matrice-stats-view-toggle{width:100%}.matrice-stats-view-btn{text-align:center;flex:1}}@media (max-width:480px){.matrice-stats-header__title,.matrice-kpi-card__value,.matrice-status-card__value{font-size:1.5rem}}.matrice-stats-loading{justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;min-height:60vh;display:flex}.matrice-stats-loading__spinner{border:4px solid var(--border-primary);border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.matrice-stats-loading__text{color:var(--text-secondary);font-size:1rem;font-weight:500}.matrice-stats-empty{text-align:center;padding:var(--spacing-3xl);background:var(--surface-primary);border:2px dashed var(--border-primary);border-radius:var(--radius-2xl);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.matrice-stats-empty__icon{color:var(--text-muted);margin-bottom:var(--spacing-lg);opacity:.5;font-size:4rem;animation:3s ease-in-out infinite float}.matrice-stats-empty__title{color:var(--text-primary);margin:0 0 var(--spacing-md)0;font-size:1.5rem;font-weight:700}.matrice-stats-empty__description{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:1rem;line-height:1.6}.energy-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);padding:var(--spacing-xl,2rem);flex-direction:column;width:100%;max-width:1400px;margin:0 auto;display:flex}.energy-grid{gap:var(--spacing-xl,2rem);margin-bottom:var(--spacing-2xl,3rem);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));animation:.8s .2s both fadeIn;display:grid}.energy-today-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);box-shadow:var(--shadow-lg);transition:all var(--transition-base,.25s ease);border:2px solid;position:relative;overflow:hidden}.energy-today-card:before{content:"";opacity:.1;pointer-events:none;background:radial-gradient(circle,currentColor 0%,#0000 70%);width:150px;height:150px;position:absolute;top:0;right:0}.energy-today-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.energy-today-header{margin-bottom:var(--spacing-lg,1.5rem);z-index:1;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.energy-today-info h3{color:var(--text-secondary);margin:0 0 var(--spacing-xs,.25rem)0;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.energy-today-info h2{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.energy-level-badge{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.75rem;font-weight:800;display:flex;position:relative;box-shadow:0 4px 12px #0003}.energy-level-badge:after{content:"";background:inherit;opacity:.3;filter:blur(8px);z-index:-1;border-radius:50%;position:absolute;inset:-4px}.energy-notes-box{background:var(--surface-secondary);padding:var(--spacing-md,1rem);border-radius:var(--radius-lg,.75rem);margin-bottom:var(--spacing-lg,1.5rem);z-index:1;max-height:60px;transition:all var(--transition-base,.25s ease);cursor:pointer;border:1px solid #0000;position:relative;overflow:hidden}.energy-notes-box:hover{border-color:var(--primary);background:var(--glass-bg);z-index:10;max-height:300px;transform:translateY(-8px);box-shadow:0 8px 24px #00000026}.energy-notes-box p{color:var(--text-secondary);transition:color var(--transition-base,.25s ease);margin:0;font-size:.875rem;line-height:1.5}.energy-notes-box:hover p{color:var(--text-primary)}.energy-action-btn{width:100%;padding:var(--spacing-md,1rem);border-radius:var(--radius-lg,.75rem);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm,.5rem);transition:all var(--transition-base,.25s ease);color:#fff;z-index:1;border:none;font-size:.95rem;font-weight:600;display:flex;position:relative}.energy-action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.energy-action-btn:active{transform:translateY(0)}.energy-stats-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);box-shadow:var(--shadow-sm);transition:all var(--transition-base,.25s ease);position:relative;overflow:hidden}.energy-stats-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-4px)}.energy-stats-header{margin-bottom:var(--spacing-lg,1.5rem)}.energy-stats-header h3{color:var(--text-secondary);margin:0 0 var(--spacing-xs,.25rem)0;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.energy-stats-value{align-items:center;gap:var(--spacing-md,1rem);margin-bottom:var(--spacing-lg,1.5rem);display:flex}.energy-stats-value h2{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:2.5rem;font-weight:800;line-height:1}.energy-trend-badge{align-items:center;gap:var(--spacing-xs,.25rem);padding:var(--spacing-xs,.25rem)var(--spacing-md,1rem);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;display:flex}.energy-trend-badge--up{color:#10b981;background:#10b9811a}.energy-trend-badge--down{color:#ef4444;background:#ef44441a}.energy-trend-badge--stable{color:#6b7280;background:#6b72801a}.energy-stats-details{gap:var(--spacing-sm,.5rem);flex-direction:column;display:flex}.energy-stat-row{padding:var(--spacing-xs,.25rem)0;justify-content:space-between;align-items:center;display:flex}.energy-stat-row span:first-child{color:var(--text-secondary);font-size:.875rem}.energy-stat-row span:last-child{font-size:.875rem;font-weight:600}.energy-stat-row--best span:last-child{color:#10b981}.energy-stat-row--low span:last-child{color:#f59e0b}.energy-chart-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);box-shadow:var(--shadow-sm);animation:.8s .4s both fadeIn}.energy-chart-header{margin-bottom:var(--spacing-xl,2rem);justify-content:space-between;align-items:center;gap:var(--spacing-md,1rem);flex-wrap:wrap;display:flex}.energy-chart-header h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.energy-chart-btn{align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-sm,.5rem)var(--spacing-lg,1.5rem);background:var(--surface-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg,.75rem);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base,.25s ease);font-size:.875rem;font-weight:500;display:flex}.energy-chart-btn:hover{background:var(--state-hover);border-color:var(--primary);color:var(--primary)}.energy-week-chart{gap:var(--spacing-md,1rem);height:220px;padding:var(--spacing-md,1rem)0;justify-content:space-between;align-items:flex-end;display:flex}.energy-bar-wrapper{align-items:center;gap:var(--spacing-sm,.5rem);flex-direction:column;flex:1;min-width:0;display:flex}.energy-bar-container{border-radius:var(--radius-md,.5rem);width:100%;height:100%;transition:all var(--transition-base,.25s ease);align-items:flex-end;display:flex;position:relative}.energy-bar-container:hover{transform:scale(1.05)}.energy-bar{border-radius:var(--radius-md,.5rem)var(--radius-md,.5rem)0 0;width:100%;padding:var(--spacing-sm,.5rem);justify-content:center;align-items:flex-start;transition:all .6s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.energy-bar:before{content:"";opacity:0;transition:opacity var(--transition-base,.25s ease);background:linear-gradient(#fff3,#0000);position:absolute;inset:0}.energy-bar:hover:before{opacity:1}.energy-bar-value{color:#fff;text-shadow:0 1px 2px #0003;z-index:1;font-size:.875rem;font-weight:700}.energy-bar-day{color:var(--text-secondary);text-align:center;font-size:.875rem;font-weight:600}.energy-bar-tooltip{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:2px solid var(--border-primary);border-radius:var(--radius-lg,.75rem);padding:var(--spacing-md,1rem)var(--spacing-lg,1.5rem);opacity:0;visibility:hidden;pointer-events:none;z-index:1000;white-space:normal;min-width:200px;max-width:300px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%)translateY(10px)scale(.9);box-shadow:0 12px 32px #0000004d}.energy-bar-tooltip:after{content:"";border:10px solid #0000;border-top-color:var(--border-primary);position:absolute;top:100%;left:50%;transform:translate(-50%)}.energy-bar-tooltip:before{content:"";border:8px solid #0000;border-top-color:var(--glass-bg);z-index:1;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(-2px)}.energy-bar-container:hover .energy-bar-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)scale(1)}.energy-bar-tooltip p{color:var(--text-primary);word-wrap:break-word;margin:0;font-size:.875rem;font-weight:500;line-height:1.6}.energy-tips-card{border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);background:linear-gradient(135deg,#fef3c7 0%,#fed7aa 100%);border:1.5px solid #fbbf24;animation:.8s .6s both fadeIn;position:relative;overflow:hidden;margin-top:10px!important}.energy-tips-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#fbbf2433,#0000 70%);width:200px;height:200px;position:absolute;top:-50%;right:-50%}.energy-tips-content{gap:var(--spacing-lg,1.5rem);z-index:1;display:flex;position:relative}.energy-tips-icon{flex-shrink:0;font-size:2rem}.energy-tips-text h4{color:#92400e;margin:0 0 var(--spacing-sm,.5rem)0;font-size:1.125rem;font-weight:700}.energy-tips-text p{color:#78350f;margin:0;font-size:.875rem;line-height:1.6}@media (max-width:768px){.energy-page{padding:var(--spacing-lg,1.5rem)}.energy-grid{gap:var(--spacing-lg,1.5rem);margin-bottom:var(--spacing-xl,2rem);grid-template-columns:1fr}.energy-chart-header{flex-direction:column;align-items:flex-start}.energy-chart-btn{justify-content:center;width:100%}.energy-week-chart{gap:var(--spacing-sm,.5rem);height:180px}.energy-tips-content{gap:var(--spacing-md,1rem);flex-direction:column}.energy-bar-tooltip{min-width:150px;max-width:220px;padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem);font-size:.8rem}}@media (max-width:480px){.energy-page{padding:var(--spacing-md,1rem)}.energy-grid{gap:var(--spacing-md,1rem)}.energy-today-card,.energy-stats-card,.energy-chart-card{padding:var(--spacing-lg,1.5rem)}.energy-level-badge{width:56px;height:56px;font-size:1.5rem}.energy-stats-value h2{font-size:2rem}.energy-week-chart{height:160px}.energy-bar-value,.energy-bar-day{font-size:.75rem}.energy-tips-card{padding:var(--spacing-lg,1.5rem)}.energy-bar-tooltip{min-width:120px;max-width:180px;padding:var(--spacing-xs,.25rem)var(--spacing-sm,.5rem)}.energy-bar-tooltip p{font-size:.75rem}}.energy-history-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);padding:var(--spacing-xl,2rem);flex-direction:column;width:100%;max-width:1400px;margin:0 auto;animation:.6s fadeIn;display:flex}.energy-history-header{z-index:var(--z-sticky,50);background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-primary);padding:var(--spacing-lg,1.5rem)var(--spacing-xl,2rem);box-shadow:var(--glass-shadow);margin-bottom:var(--spacing-3xl,4rem);position:sticky;top:0}.energy-history-header-content{justify-content:space-between;align-items:center;gap:var(--spacing-lg,1.5rem);max-width:1400px;margin:0 auto;display:flex}.energy-history-header-left{align-items:center;gap:var(--spacing-md,1rem);flex:1;display:flex}.energy-history-back-btn{border:1.5px solid var(--border-primary);background:var(--surface-primary);border-radius:var(--radius-md,.5rem);cursor:pointer;width:40px;height:40px;transition:all var(--transition-base,.25s ease);color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.energy-history-back-btn:hover{background:var(--state-hover);color:#f59e0b;border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 8px #f59e0b26}.energy-history-title{gap:var(--spacing-xs,.25rem);flex-direction:column;display:flex}.energy-history-title h1{color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:var(--spacing-sm,.5rem);margin:0;font-size:1.5rem;font-weight:700;display:flex}.energy-history-icon{color:#f59e0b;font-size:1.25rem;line-height:1}.energy-history-title p{color:var(--text-secondary);margin:0;font-size:.875rem}.energy-history-controls{gap:var(--spacing-lg,1.5rem);padding:var(--spacing-lg,1.5rem);background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl,2rem);flex-wrap:wrap;align-items:center;display:flex}.energy-search-box{align-items:center;gap:var(--spacing-md,1rem);padding:var(--spacing-md,1rem);background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg,.75rem);min-width:250px;color:var(--text-secondary);transition:all var(--transition-base,.25s ease);flex:1;display:flex}.energy-search-box:focus-within{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.energy-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.95rem}.energy-search-input::placeholder{color:var(--text-secondary)}.energy-sort-select{padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem);background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg,.75rem);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base,.25s ease);font-family:inherit;font-size:.95rem}.energy-sort-select:hover{border-color:#f59e0b}.energy-sort-select:focus{border-color:#f59e0b;outline:none;box-shadow:0 0 0 3px #f59e0b1a}.energy-view-toggle{gap:var(--spacing-sm,.5rem);background:var(--surface-primary);padding:var(--spacing-xs,.25rem);border-radius:var(--radius-lg,.75rem);border:1.5px solid var(--border-primary);display:flex}.energy-view-btn{align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem);border-radius:var(--radius-md,.5rem);cursor:pointer;transition:all var(--transition-base,.25s ease);color:var(--text-secondary);background:0 0;border:none;font-family:inherit;font-size:.95rem;font-weight:500;display:flex}.energy-view-btn:hover{background:var(--state-hover);color:var(--text-primary)}.energy-view-btn.active{color:#fff;background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 2px 8px #f59e0b33}.energy-calendar-container{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);box-shadow:var(--shadow-md);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.energy-calendar-nav{margin-bottom:var(--spacing-2xl,3rem);justify-content:space-between;align-items:center;display:flex}.energy-calendar-nav-btn{border:1.5px solid var(--border-primary);background:var(--surface-primary);border-radius:var(--radius-md,.5rem);cursor:pointer;width:40px;height:40px;transition:all var(--transition-base,.25s ease);color:var(--text-secondary);justify-content:center;align-items:center;padding:0;display:flex}.energy-calendar-nav-btn:hover{background:var(--state-hover);color:#f59e0b;border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 8px #f59e0b26}.energy-calendar-month{color:var(--text-primary);text-transform:capitalize;margin:0;font-size:1.25rem;font-weight:600}.energy-calendar-wrapper{overflow-x:auto}.energy-calendar{border-collapse:separate;width:100%;border-spacing:var(--spacing-sm,.5rem)}.energy-calendar-weekday{padding:var(--spacing-md,1rem);color:var(--text-secondary);text-align:center;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.energy-calendar-day{padding:var(--spacing-md,1rem);border:1.5px solid var(--border-primary);border-radius:var(--radius-md,.5rem);vertical-align:top;background:var(--bg-primary);height:100px;transition:all var(--transition-base,.25s ease);position:relative}.energy-calendar-day.empty{background:var(--bg-secondary);opacity:.3;border-color:#0000}.energy-calendar-day:not(.empty):hover{border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b26}.energy-calendar-day-number{color:var(--text-primary);margin-bottom:var(--spacing-xs,.25rem);font-size:.875rem;font-weight:600}.energy-calendar-entry{padding:var(--spacing-sm,.5rem);border-radius:var(--radius-md,.5rem);text-align:center;margin-top:var(--spacing-xs,.25rem)}.energy-calendar-level{margin-bottom:var(--spacing-xs,.25rem);font-size:.875rem;font-weight:600}.energy-calendar-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.energy-calendar-legend{gap:var(--spacing-lg,1.5rem);margin-top:var(--spacing-2xl,3rem);padding-top:var(--spacing-2xl,3rem);border-top:1px solid var(--border-primary);flex-wrap:wrap;justify-content:center;display:flex}.energy-legend-item{align-items:center;gap:var(--spacing-sm,.5rem);display:flex}.energy-legend-color{border-radius:var(--radius-sm,.25rem);width:16px;height:16px;box-shadow:0 2px 4px #0000001a}.energy-legend-item span{color:var(--text-secondary);font-size:.875rem;font-weight:500}.energy-history-list{margin-bottom:var(--spacing-xl,2rem)}.energy-entries-grid{gap:var(--spacing-2xl,3rem);grid-template-columns:repeat(3,1fr);animation:.6s fadeIn;display:grid}.energy-entry-card{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);transition:all var(--transition-base,.25s ease);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow-sm);border-left:4px solid #f59e0b;flex-direction:column;display:flex;position:relative;overflow:hidden}.energy-entry-card:before{content:"";background:radial-gradient(circle at top right,var(--state-hover),transparent 70%);opacity:0;transition:opacity var(--transition-base,.25s ease);pointer-events:none;z-index:0;position:absolute;inset:0}.energy-entry-card:hover{border-color:#f59e0b;transform:translateY(-8px);box-shadow:0 8px 20px #f59e0b33}.energy-entry-card:hover:before{opacity:1}.energy-entry-header{padding:var(--spacing-xl,2rem);padding-bottom:var(--spacing-md,1rem);justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg,1.5rem);z-index:1;display:flex;position:relative}.energy-entry-info{flex:1}.energy-entry-date{color:var(--text-primary);margin:0 0 var(--spacing-xs,.25rem)0;text-transform:capitalize;letter-spacing:-.01em;font-size:1rem;font-weight:700}.energy-entry-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.8rem;font-weight:600}.energy-entry-badge{padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem);border-radius:var(--radius-full,9999px);color:#fff;text-align:center;flex-shrink:0;min-width:70px;font-size:.85rem;font-weight:700;box-shadow:0 2px 8px #00000026}.energy-entry-notes{padding:0 var(--spacing-xl,2rem);padding-bottom:var(--spacing-md,1rem);z-index:1;position:relative}.energy-entry-notes p{padding:var(--spacing-md,1rem);background:var(--bg-secondary);border-radius:var(--radius-lg,.75rem);color:var(--text-primary);word-wrap:break-word;border-left:3px solid #f59e0b;margin:0;font-size:.875rem;line-height:1.6}.energy-entry-meta{padding:0 var(--spacing-xl,2rem);padding-bottom:var(--spacing-md,1rem);z-index:1;position:relative}.energy-entry-time{color:var(--text-secondary);font-size:.85rem;font-weight:500}.energy-entry-actions{padding:var(--spacing-lg,1.5rem)var(--spacing-xl,2rem);border-top:1px solid var(--border-primary);gap:var(--spacing-sm,.5rem);background:var(--bg-secondary);z-index:1;justify-content:flex-end;display:flex;position:relative}.energy-entry-action-btn{border:1.5px solid var(--border-primary);background:var(--surface-primary);border-radius:var(--radius-md,.5rem);cursor:pointer;width:36px;height:36px;transition:all var(--transition-base,.25s ease);color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.energy-entry-action-btn:hover{transform:translateY(-2px)}.energy-entry-action-btn--delete:hover{border-color:var(--danger);color:var(--danger);background:linear-gradient(135deg,#ef44441a,#dc26260d);box-shadow:0 4px 12px #ef444433}.energy-history-empty{justify-content:center;align-items:center;gap:var(--spacing-lg,1.5rem);text-align:center;padding:var(--spacing-3xl,4rem)var(--spacing-xl,2rem);background:var(--surface-primary);border:2px dashed var(--border-primary);border-radius:var(--radius-2xl,1.5rem);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);flex-direction:column;min-height:400px;display:flex}.energy-history-empty svg{opacity:.5;color:var(--text-secondary);animation:3s ease-in-out infinite float}.energy-history-empty h3{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:700}.energy-history-empty p{color:var(--text-secondary);max-width:500px;margin:0;font-size:1rem;line-height:1.6}.energy-history-pagination{margin-top:var(--spacing-3xl,4rem)}@media (max-width:1200px){.energy-entries-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.energy-history-page{padding:var(--spacing-lg,1.5rem)}.energy-history-header{padding:var(--spacing-md,1rem)var(--spacing-lg,1.5rem);margin-bottom:var(--spacing-2xl,3rem)}.energy-history-header-content{flex-direction:column;align-items:stretch}.energy-history-title h1{font-size:1.25rem}.energy-history-controls{padding:var(--spacing-lg,1.5rem)}.energy-entries-grid{gap:var(--spacing-xl,2rem)}.energy-calendar-container{padding:var(--spacing-lg,1.5rem)}}@media (max-width:768px){.energy-history-page{padding:var(--spacing-lg,1.5rem)}.energy-history-header{padding:var(--spacing-md,1rem)var(--spacing-lg,1.5rem);margin-bottom:var(--spacing-2xl,3rem)}.energy-history-header-left{flex-direction:row}.energy-history-title h1{font-size:1.125rem}.energy-history-title p{font-size:.8rem}.energy-history-controls{padding:var(--spacing-lg,1.5rem);gap:var(--spacing-md,1rem);flex-direction:column;align-items:stretch}.energy-search-box{min-width:100%}.energy-sort-select,.energy-view-toggle{width:100%}.energy-view-btn{flex:1;justify-content:center}.energy-entries-grid{gap:var(--spacing-xl,2rem);grid-template-columns:1fr}.energy-entry-header{padding:var(--spacing-lg,1.5rem);padding-bottom:var(--spacing-md,1rem);flex-direction:column}.energy-entry-badge{align-self:flex-start}.energy-entry-notes,.energy-entry-meta{padding:0 var(--spacing-lg,1.5rem);padding-bottom:var(--spacing-md,1rem)}.energy-entry-actions{padding:var(--spacing-lg,1.5rem);justify-content:center}.energy-calendar-legend{flex-direction:column;align-items:center}.pagination-container{gap:var(--spacing-md,1rem);flex-direction:column;width:100%}.pagination-pages{flex-wrap:wrap;justify-content:center}.pagination-btn{min-width:36px;height:36px;font-size:.8rem}}@media (max-width:480px){.energy-history-page{padding:var(--spacing-md,1rem)}.energy-history-header{padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem);margin-bottom:var(--spacing-xl,2rem)}.energy-history-back-btn{width:36px;height:36px}.energy-history-icon,.energy-history-title h1{font-size:1rem}.energy-history-title p{font-size:.75rem}.energy-history-controls{padding:var(--spacing-md,1rem);gap:var(--spacing-sm,.5rem)}.energy-search-box{padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem)}.energy-search-input{font-size:.85rem}.energy-sort-select{padding:var(--spacing-sm,.5rem);font-size:.85rem}.energy-calendar-container{padding:var(--spacing-md,1rem)}.energy-calendar-day{height:80px;padding:var(--spacing-sm,.5rem)}.energy-entry-header{padding:var(--spacing-md,1rem);padding-bottom:var(--spacing-sm,.5rem)}.energy-entry-date{font-size:.85rem}.energy-entry-label{font-size:.7rem}.energy-entry-badge{padding:var(--spacing-xs,.25rem)var(--spacing-sm,.5rem);min-width:60px;font-size:.75rem}.energy-entry-notes{padding:0 var(--spacing-md,1rem);padding-bottom:var(--spacing-sm,.5rem)}.energy-entry-notes p{padding:var(--spacing-sm,.5rem);font-size:.8rem}.energy-entry-meta{padding:0 var(--spacing-md,1rem);padding-bottom:var(--spacing-sm,.5rem)}.energy-entry-actions{padding:var(--spacing-md,1rem);gap:var(--spacing-sm,.5rem)}.energy-entry-action-btn{width:32px;height:32px}.energy-history-empty{padding:var(--spacing-xl,2rem)var(--spacing-md,1rem)}.energy-history-empty h3{font-size:1.125rem}.energy-history-empty p{font-size:.875rem}.pagination-btn{min-width:32px;height:32px;font-size:.75rem}.pagination-number{min-width:32px}}.energy-trend-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);padding:var(--spacing-xl,2rem);flex-direction:column;width:100%;max-width:1400px;margin:0 auto;animation:.6s fadeIn;display:flex}.energy-trend-header{z-index:var(--z-sticky,50);background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-primary);padding:var(--spacing-lg,1.5rem)var(--spacing-xl,2rem);box-shadow:var(--glass-shadow);margin-bottom:var(--spacing-3xl,4rem);position:sticky;top:0}.energy-trend-header-content{justify-content:space-between;align-items:center;gap:var(--spacing-lg,1.5rem);max-width:1400px;margin:0 auto;display:flex}.energy-trend-header-left{align-items:center;gap:var(--spacing-md,1rem);flex:1;display:flex}.energy-trend-back-btn{border:1.5px solid var(--border-primary);background:var(--surface-primary);border-radius:var(--radius-md,.5rem);cursor:pointer;width:40px;height:40px;transition:all var(--transition-base,.25s ease);color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.energy-trend-back-btn:hover{background:var(--state-hover);color:#ff6b6b;border-color:#ff6b6b;transform:translateY(-2px);box-shadow:0 4px 8px #ff6b6b26}.energy-trend-title{gap:var(--spacing-xs,.25rem);flex-direction:column;display:flex}.energy-trend-title h1{color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:var(--spacing-sm,.5rem);margin:0;font-size:1.5rem;font-weight:700;display:flex}.energy-trend-icon{color:#ff6b6b;font-size:1.25rem;line-height:1}.energy-trend-title p{color:var(--text-secondary);margin:0;font-size:.875rem}.energy-trend-stats{gap:var(--spacing-xl,2rem);margin-bottom:var(--spacing-3xl,4rem);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));animation:.8s .2s both fadeIn;display:grid}.energy-stat-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);gap:var(--spacing-md,1rem);transition:all var(--transition-base,.25s ease);box-shadow:var(--shadow-sm);cursor:default;flex-direction:column;display:flex;position:relative;overflow:hidden}.energy-stat-card:before{content:"";background:linear-gradient(90deg,#0000,#ff6b6b1a,#ff8c691a,#0000);width:100%;height:100%;animation:4s ease-in-out infinite wave-stat;position:absolute;top:0;left:-100%}.energy-stat-card:after{content:"";background:radial-gradient(circle at top right,var(--state-hover),transparent 70%);opacity:0;transition:opacity var(--transition-base,.25s ease);pointer-events:none;position:absolute;inset:0}.energy-stat-card:hover{border-color:#ff6b6b;transform:translateY(-6px);box-shadow:0 8px 20px #ff6b6b33}.energy-stat-card:hover:after{opacity:1}.energy-stat-label{z-index:1;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.9rem;font-weight:600;position:relative}.energy-stat-value{z-index:1;color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:800;line-height:1;position:relative}.energy-chart-controls{gap:var(--spacing-lg,1.5rem);padding:var(--spacing-lg,1.5rem);background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl,2rem);flex-wrap:wrap;display:flex}.energy-chart-btn{padding:var(--spacing-sm,.5rem)var(--spacing-lg,1.5rem);background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg,.75rem);cursor:pointer;color:var(--text-primary);transition:all var(--transition-base,.25s ease);font-family:inherit;font-size:.95rem;font-weight:600}.energy-chart-btn:hover{color:#ff6b6b;background:var(--state-hover);border-color:#ff6b6b;transform:translateY(-2px);box-shadow:0 4px 8px #ff6b6b26}.energy-chart-btn.active{color:#fff;background:linear-gradient(135deg,#ff6b6b,#ff8c69);border-color:#ff6b6b;box-shadow:0 4px 12px #ff6b6b4d}.energy-chart-btn:active{transform:translateY(0)}.energy-trend-chart-container{gap:var(--spacing-lg,1.5rem);padding:var(--spacing-3xl,4rem)var(--spacing-xl,2rem);background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);box-shadow:var(--shadow-md);flex-direction:column;min-height:500px;display:flex}.energy-empty-state{justify-content:center;align-items:center;gap:var(--spacing-lg,1.5rem);text-align:center;padding:var(--spacing-3xl,4rem)var(--spacing-xl,2rem);color:var(--text-secondary);flex-direction:column;min-height:400px;display:flex}.energy-empty-state svg{opacity:.5;color:var(--text-secondary);animation:3s ease-in-out infinite float}.energy-empty-state h3{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:700}.energy-empty-state p{color:var(--text-secondary);max-width:500px;margin:0;font-size:1rem;line-height:1.6}.energy-tooltip{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-md,.5rem);padding:var(--spacing-md,1rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000026}.energy-tooltip-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.875rem;font-weight:600}.energy-tooltip-value{margin:var(--spacing-xs,.25rem)0 0 0;color:#ff6b6b;font-size:1rem;font-weight:700}.recharts-wrapper{margin:0 auto}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border-primary);opacity:.5}.recharts-text{fill:var(--text-secondary);font-size:.875rem}.recharts-legend-wrapper{padding-top:var(--spacing-lg,1.5rem)!important}.recharts-default-legend{justify-content:center;gap:var(--spacing-lg,1.5rem);flex-wrap:wrap;display:flex}.recharts-legend-item-text{text-transform:capitalize;font-size:.875rem;font-weight:600;color:var(--text-primary)!important}@media (max-width:1024px){.energy-trend-page{padding:var(--spacing-lg,1.5rem)}.energy-trend-header{padding:var(--spacing-xl,2rem);margin-bottom:var(--spacing-2xl,3rem)}.energy-trend-title h1{font-size:1.5rem}.energy-trend-stats{gap:var(--spacing-lg,1.5rem);margin-bottom:var(--spacing-2xl,3rem);grid-template-columns:repeat(2,1fr)}.energy-trend-chart-container{padding:var(--spacing-xl,2rem)}}@media (max-width:768px){.energy-trend-page{padding:var(--spacing-lg,1.5rem)}.energy-trend-header{padding:var(--spacing-xl,2rem);margin-bottom:var(--spacing-2xl,3rem);flex-direction:column;align-items:flex-start}.energy-trend-title{flex-direction:column;align-items:flex-start}.energy-trend-title h1{font-size:1.25rem}.energy-trend-stats{gap:var(--spacing-lg,1.5rem);margin-bottom:var(--spacing-2xl,3rem);grid-template-columns:1fr}.energy-stat-card{padding:var(--spacing-lg,1.5rem)}.energy-stat-value{font-size:1.5rem}.energy-chart-controls{padding:var(--spacing-lg,1.5rem);gap:var(--spacing-md,1rem);flex-direction:column}.energy-chart-btn{justify-content:center;width:100%}.energy-trend-chart-container{padding:var(--spacing-lg,1.5rem);min-height:350px}}@media (max-width:480px){.energy-trend-page{padding:var(--spacing-md,1rem)}.energy-trend-header{padding:var(--spacing-lg,1.5rem);margin-bottom:var(--spacing-xl,2rem)}.energy-trend-back-btn{width:40px;height:40px}.energy-trend-icon{width:2.5rem;height:2.5rem;font-size:1.25rem}.energy-trend-title h1{font-size:1.125rem}.energy-trend-title p{font-size:.75rem}.energy-trend-stats{gap:var(--spacing-md,1rem);margin-bottom:var(--spacing-xl,2rem)}.energy-stat-card{padding:var(--spacing-lg,1.5rem)}.energy-stat-value{font-size:1.25rem}.energy-chart-controls{padding:var(--spacing-md,1rem);gap:var(--spacing-sm,.5rem)}.energy-chart-btn{padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem);font-size:.85rem}.energy-trend-chart-container{padding:var(--spacing-md,1rem);min-height:250px}.energy-empty-state{padding:var(--spacing-xl,2rem)var(--spacing-md,1rem)}.energy-empty-state h3{font-size:1.125rem}.energy-empty-state p{font-size:.875rem}}.sleep-history-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);padding:var(--spacing-xl,2rem);flex-direction:column;width:100%;max-width:1400px;margin:0 auto;animation:.6s fadeIn;display:flex}.sleep-history-header{z-index:var(--z-sticky,50);background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-primary);padding:var(--spacing-lg,1.5rem)var(--spacing-xl,2rem);box-shadow:var(--glass-shadow);margin-bottom:var(--spacing-3xl,4rem);position:sticky;top:0}.sleep-history-header-content{justify-content:space-between;align-items:center;gap:var(--spacing-lg,1.5rem);max-width:1400px;margin:0 auto;display:flex}.sleep-history-header-left{align-items:center;gap:var(--spacing-md,1rem);flex:1;display:flex}.sleep-history-back-btn{border:1.5px solid var(--border-primary);background:var(--surface-primary);border-radius:var(--radius-md,.5rem);cursor:pointer;width:40px;height:40px;transition:all var(--transition-base,.25s ease);color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.sleep-history-back-btn:hover{background:var(--state-hover);color:#4a90e2;border-color:#4a90e2;transform:translateY(-2px);box-shadow:0 4px 8px #4a90e226}.sleep-history-title{gap:var(--spacing-xs,.25rem);flex-direction:column;display:flex}.sleep-history-title h1{color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:var(--spacing-sm,.5rem);margin:0;font-size:1.5rem;font-weight:700;display:flex}.sleep-history-icon{color:#4a90e2;font-size:1.25rem;line-height:1}.sleep-history-title p{color:var(--text-secondary);margin:0;font-size:.875rem}.sleep-history-controls{gap:var(--spacing-lg,1.5rem);padding:var(--spacing-lg,1.5rem);background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl,2rem);flex-wrap:wrap;align-items:center;display:flex}.sleep-search-box{align-items:center;gap:var(--spacing-md,1rem);padding:var(--spacing-md,1rem);background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg,.75rem);min-width:250px;color:var(--text-secondary);transition:all var(--transition-base,.25s ease);flex:1;display:flex}.sleep-search-box:focus-within{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.sleep-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.95rem}.sleep-search-input::placeholder{color:var(--text-secondary)}.sleep-view-toggle{gap:var(--spacing-sm,.5rem);background:var(--surface-primary);padding:var(--spacing-xs,.25rem);border-radius:var(--radius-lg,.75rem);border:1.5px solid var(--border-primary);display:flex}.sleep-view-btn{align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem);border-radius:var(--radius-md,.5rem);cursor:pointer;transition:all var(--transition-base,.25s ease);color:var(--text-secondary);background:0 0;border:none;font-family:inherit;font-size:.95rem;font-weight:500;display:flex}.sleep-view-btn:hover{background:var(--state-hover);color:var(--text-primary)}.sleep-view-btn.active{color:#fff;background:linear-gradient(135deg,#4a90e2,#5aa3f5);box-shadow:0 2px 8px #4a90e233}.sleep-calendar-container{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);box-shadow:var(--shadow-md);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.sleep-calendar-nav{margin-bottom:var(--spacing-2xl,3rem);justify-content:space-between;align-items:center;display:flex}.sleep-calendar-nav-btn{border:1.5px solid var(--border-primary);background:var(--surface-primary);border-radius:var(--radius-md,.5rem);cursor:pointer;width:40px;height:40px;transition:all var(--transition-base,.25s ease);color:var(--text-secondary);justify-content:center;align-items:center;padding:0;display:flex}.sleep-calendar-nav-btn:hover{background:var(--state-hover);color:#4a90e2;border-color:#4a90e2;transform:translateY(-2px);box-shadow:0 4px 8px #4a90e226}.sleep-calendar-month{color:var(--text-primary);text-transform:capitalize;margin:0;font-size:1.25rem;font-weight:600}.sleep-calendar-wrapper{overflow-x:auto}.sleep-calendar{border-collapse:separate;width:100%;border-spacing:var(--spacing-sm,.5rem)}.sleep-calendar-weekday{padding:var(--spacing-md,1rem);color:var(--text-secondary);text-align:center;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.sleep-calendar-day{padding:var(--spacing-md,1rem);border:1.5px solid var(--border-primary);border-radius:var(--radius-md,.5rem);vertical-align:top;background:var(--bg-primary);height:100px;transition:all var(--transition-base,.25s ease);position:relative}.sleep-calendar-day.empty{background:var(--bg-secondary);opacity:.3;border-color:#0000}.sleep-calendar-day:not(.empty):hover{border-color:#4a90e2;transform:translateY(-2px);box-shadow:0 4px 12px #4a90e226}.sleep-calendar-day-number{color:var(--text-primary);margin-bottom:var(--spacing-xs,.25rem);font-size:.875rem;font-weight:600}.sleep-calendar-entry{padding:var(--spacing-sm,.5rem);border-radius:var(--radius-md,.5rem);text-align:center;margin-top:var(--spacing-xs,.25rem)}.sleep-calendar-emoji{margin-bottom:var(--spacing-xs,.25rem);font-size:1.25rem}.sleep-calendar-duration{font-size:.875rem;font-weight:600}.sleep-calendar-legend{gap:var(--spacing-lg,1.5rem);margin-top:var(--spacing-2xl,3rem);padding-top:var(--spacing-2xl,3rem);border-top:1px solid var(--border-primary);flex-wrap:wrap;justify-content:center;display:flex}.sleep-legend-item{align-items:center;gap:var(--spacing-sm,.5rem);display:flex}.sleep-legend-color{border-radius:var(--radius-sm,.25rem);width:16px;height:16px;box-shadow:0 2px 4px #0000001a}.sleep-legend-item span{color:var(--text-secondary);font-size:.875rem;font-weight:500}.sleep-history-list{margin-bottom:var(--spacing-xl,2rem)}.sleep-entries-grid{gap:var(--spacing-2xl,3rem);grid-template-columns:repeat(3,1fr);animation:.6s fadeIn;display:grid}.sleep-entry-card{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);transition:all var(--transition-base,.25s ease);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:relative;overflow:hidden}.sleep-entry-card:before{content:"";background:radial-gradient(circle at top right,var(--state-hover),transparent 70%);opacity:0;transition:opacity var(--transition-base,.25s ease);pointer-events:none;z-index:0;position:absolute;inset:0}.sleep-entry-card:hover{border-color:#4a90e2;transform:translateY(-8px);box-shadow:0 8px 20px #4a90e233}.sleep-entry-card:hover:before{opacity:1}.sleep-entry-header{padding:var(--spacing-xl,2rem);padding-bottom:var(--spacing-md,1rem);justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg,1.5rem);z-index:1;display:flex;position:relative}.sleep-entry-info{flex:1}.sleep-entry-date{color:var(--text-primary);margin:0 0 var(--spacing-xs,.25rem)0;text-transform:capitalize;letter-spacing:-.01em;font-size:1rem;font-weight:700}.sleep-entry-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.8rem;font-weight:600}.sleep-entry-badge{padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem);border-radius:var(--radius-full,9999px);color:#fff;text-align:center;flex-shrink:0;min-width:70px;font-size:.85rem;font-weight:700;box-shadow:0 2px 8px #00000026}.sleep-entry-stats{gap:var(--spacing-md,1rem);padding:0 var(--spacing-xl,2rem);padding-bottom:var(--spacing-md,1rem);z-index:1;grid-template-columns:repeat(2,1fr);display:grid;position:relative}.sleep-stat{align-items:center;gap:var(--spacing-sm,.5rem);display:flex}.sleep-stat-icon{color:#4a90e2;flex-shrink:0}.sleep-stat-content{gap:var(--spacing-xs,.25rem);flex-direction:column;display:flex}.sleep-stat-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.sleep-stat-value{color:var(--text-primary);font-size:1rem;font-weight:600}.sleep-stat-emoji{font-size:1.5rem;line-height:1}.sleep-entry-time{padding:0 var(--spacing-xl,2rem);padding-bottom:var(--spacing-md,1rem);color:var(--text-secondary);z-index:1;font-size:.85rem;font-weight:500;position:relative}.sleep-entry-notes{padding:0 var(--spacing-xl,2rem);padding-bottom:var(--spacing-md,1rem);z-index:1;position:relative}.sleep-entry-notes p{padding:var(--spacing-md,1rem);background:var(--bg-secondary);border-radius:var(--radius-lg,.75rem);color:var(--text-primary);word-wrap:break-word;border-left:3px solid #4a90e2;margin:0;font-size:.875rem;line-height:1.6}.sleep-entry-actions{padding:var(--spacing-lg,1.5rem)var(--spacing-xl,2rem);border-top:1px solid var(--border-primary);gap:var(--spacing-sm,.5rem);background:var(--bg-secondary);z-index:1;justify-content:flex-end;display:flex;position:relative}.sleep-entry-action-btn{border:1.5px solid var(--border-primary);background:var(--surface-primary);border-radius:var(--radius-md,.5rem);cursor:pointer;width:36px;height:36px;transition:all var(--transition-base,.25s ease);color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.sleep-entry-action-btn:hover{transform:translateY(-2px)}.sleep-entry-action-btn--delete:hover{border-color:var(--danger);color:var(--danger);background:linear-gradient(135deg,#ef44441a,#dc26260d);box-shadow:0 4px 12px #ef444433}.sleep-history-empty{justify-content:center;align-items:center;gap:var(--spacing-lg,1.5rem);text-align:center;padding:var(--spacing-3xl,4rem)var(--spacing-xl,2rem);background:var(--surface-primary);border:2px dashed var(--border-primary);border-radius:var(--radius-2xl,1.5rem);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);flex-direction:column;min-height:400px;display:flex}.sleep-history-empty svg{opacity:.5;color:var(--text-secondary);animation:3s ease-in-out infinite float}.sleep-history-empty h3{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:700}.sleep-history-empty p{color:var(--text-secondary);max-width:500px;margin:0;font-size:1rem;line-height:1.6}.sleep-history-pagination{margin-top:var(--spacing-3xl,4rem)}.pagination{align-items:center;gap:var(--spacing-lg,1.5rem);padding-top:var(--spacing-xl,2rem);border-top:1px solid var(--border-primary);flex-direction:column;display:flex}.pagination-container{align-items:center;gap:var(--spacing-sm,.5rem);flex-wrap:wrap;justify-content:center;display:flex}.pagination-btn{min-width:40px;height:40px;padding:0 var(--spacing-sm,.5rem);border:1.5px solid var(--border-primary);background:var(--surface-primary);border-radius:var(--radius-md,.5rem);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base,.25s ease);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);justify-content:center;align-items:center;font-family:inherit;font-size:.95rem;font-weight:600;display:flex}.pagination-btn:hover:not(:disabled){background:var(--state-hover);color:#4a90e2;border-color:#4a90e2;transform:translateY(-2px);box-shadow:0 4px 8px #4a90e226}.pagination-btn:active:not(:disabled){transform:translateY(0)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;border-color:var(--border-primary);background:var(--bg-secondary);color:var(--text-muted)}.pagination-nav{min-width:40px}.pagination-number{min-width:40px;font-weight:600}.pagination-number.active{color:#fff;background:linear-gradient(135deg,#4a90e2,#5aa3f5);border-color:#4a90e2;box-shadow:0 4px 12px #4a90e24d}.pagination-number.active:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4a90e266}.pagination-pages{align-items:center;gap:var(--spacing-xs,.25rem);display:flex}.pagination-ellipsis{min-width:40px;height:40px;color:var(--text-muted);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-weight:600;display:flex}.pagination-info{color:var(--text-secondary);text-align:center;font-size:.9rem}.pagination-info strong{color:var(--text-primary);font-weight:700}@media (max-width:1200px){.sleep-entries-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.sleep-history-page{padding:var(--spacing-lg,1.5rem)}.sleep-history-header{padding:var(--spacing-md,1rem)var(--spacing-lg,1.5rem);margin-bottom:var(--spacing-2xl,3rem)}.sleep-history-header-content{flex-direction:column;align-items:stretch}.sleep-history-title h1{font-size:1.25rem}.sleep-history-controls{padding:var(--spacing-lg,1.5rem)}.sleep-entries-grid{gap:var(--spacing-xl,2rem)}.sleep-calendar-container{padding:var(--spacing-lg,1.5rem)}}@media (max-width:768px){.sleep-history-page{padding:var(--spacing-lg,1.5rem)}.sleep-history-header{padding:var(--spacing-md,1rem)var(--spacing-lg,1.5rem);margin-bottom:var(--spacing-2xl,3rem)}.sleep-history-header-left{flex-direction:row}.sleep-history-title h1{font-size:1.125rem}.sleep-history-title p{font-size:.8rem}.sleep-history-controls{padding:var(--spacing-lg,1.5rem);gap:var(--spacing-md,1rem);flex-direction:column;align-items:stretch}.sleep-search-box{min-width:100%}.sleep-view-toggle{width:100%}.sleep-view-btn{flex:1;justify-content:center}.sleep-entries-grid{gap:var(--spacing-xl,2rem);grid-template-columns:1fr}.sleep-entry-header{padding:var(--spacing-lg,1.5rem);padding-bottom:var(--spacing-md,1rem);flex-direction:column}.sleep-entry-badge{align-self:flex-start}.sleep-entry-stats,.sleep-entry-time,.sleep-entry-notes{padding:0 var(--spacing-lg,1.5rem);padding-bottom:var(--spacing-md,1rem)}.sleep-entry-actions{padding:var(--spacing-lg,1.5rem);justify-content:center}.sleep-calendar-legend{flex-direction:column;align-items:center}.pagination-container{gap:var(--spacing-md,1rem);flex-direction:column;width:100%}.pagination-pages{flex-wrap:wrap;justify-content:center}.pagination-btn{min-width:36px;height:36px;font-size:.8rem}}@media (max-width:480px){.sleep-history-page{padding:var(--spacing-md,1rem)}.sleep-history-header{padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem);margin-bottom:var(--spacing-xl,2rem)}.sleep-history-back-btn{width:36px;height:36px}.sleep-history-icon,.sleep-history-title h1{font-size:1rem}.sleep-history-title p{font-size:.75rem}.sleep-history-controls{padding:var(--spacing-md,1rem);gap:var(--spacing-sm,.5rem)}.sleep-search-box{padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem)}.sleep-search-input{font-size:.85rem}.sleep-calendar-container{padding:var(--spacing-md,1rem)}.sleep-calendar-day{height:80px;padding:var(--spacing-sm,.5rem)}.sleep-entry-header{padding:var(--spacing-md,1rem);padding-bottom:var(--spacing-sm,.5rem)}.sleep-entry-date{font-size:.85rem}.sleep-entry-label{font-size:.7rem}.sleep-entry-badge{padding:var(--spacing-xs,.25rem)var(--spacing-sm,.5rem);min-width:60px;font-size:.75rem}.sleep-entry-stats{padding:0 var(--spacing-md,1rem);padding-bottom:var(--spacing-sm,.5rem);gap:var(--spacing-sm,.5rem)}.sleep-entry-time,.sleep-entry-notes{padding:0 var(--spacing-md,1rem);padding-bottom:var(--spacing-sm,.5rem)}.sleep-entry-notes p{padding:var(--spacing-sm,.5rem);font-size:.8rem}.sleep-entry-actions{padding:var(--spacing-md,1rem);gap:var(--spacing-sm,.5rem)}.sleep-entry-action-btn{width:32px;height:32px}.sleep-history-empty{padding:var(--spacing-xl,2rem)var(--spacing-md,1rem)}.sleep-history-empty h3{font-size:1.125rem}.sleep-history-empty p{font-size:.875rem}.pagination-btn{min-width:32px;height:32px;font-size:.75rem}.pagination-number{min-width:32px}.pagination-ellipsis{min-width:32px;height:32px}.pagination-info{font-size:.8rem}}.page-container{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);padding:var(--spacing-xl,2rem);flex-direction:column;width:100%;max-width:1400px;margin:0 auto;animation:.6s fadeIn;display:flex}.page-header{justify-content:space-between;align-items:center;gap:var(--spacing-lg,1.5rem);margin-bottom:var(--spacing-3xl,4rem);flex-wrap:wrap;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:700}.page-subtitle{color:var(--text-secondary);margin:var(--spacing-xs,.25rem)0 0 0;font-size:.875rem}.input{padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem);background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg,.75rem);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base,.25s ease);font-family:inherit;font-size:.95rem}.input:hover{border-color:#4a90e2}.input:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 3px #4a90e21a}.card{background:var(--surface-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);transition:all var(--transition-base,.25s ease)}.card:hover{border-color:#4a90e2;transform:translateY(-4px);box-shadow:0 4px 12px #4a90e226}.stats-kpis-grid{gap:var(--spacing-lg,1.5rem);margin-bottom:var(--spacing-3xl,4rem);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stats-kpi-header{align-items:center;gap:var(--spacing-md,1rem);margin-bottom:var(--spacing-md,1rem);display:flex}.stats-kpi-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.stats-kpi-value{margin:0;font-size:2rem;font-weight:800}.stats-best-worst-grid{gap:var(--spacing-xl,2rem);margin-bottom:var(--spacing-3xl,4rem);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.stats-best-card{border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981!important}.stats-best-title{color:#065f46;margin:0 0 var(--spacing-md,1rem)0;font-size:1rem;font-weight:600}.stats-best-date{color:#065f46;margin:0 0 var(--spacing-md,1rem)0;font-size:.875rem}.stats-best-metrics{gap:var(--spacing-lg,1.5rem);flex-wrap:wrap;display:flex}.stats-best-metrics div{gap:var(--spacing-xs,.25rem);flex-direction:column;display:flex}.stats-best-label{color:#065f46;font-size:.75rem}.stats-best-value{color:#059669;font-weight:600}.stats-worst-card{border-radius:var(--radius-xl,1rem);padding:var(--spacing-xl,2rem);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #ef4444!important}.stats-worst-title{color:#991b1b;margin:0 0 var(--spacing-md,1rem)0;font-size:1rem;font-weight:600}.stats-worst-date{color:#991b1b;margin:0 0 var(--spacing-md,1rem)0;font-size:.875rem}.stats-worst-metrics{gap:var(--spacing-lg,1.5rem);flex-wrap:wrap;display:flex}.stats-worst-metrics div{gap:var(--spacing-xs,.25rem);flex-direction:column;display:flex}.stats-worst-label{color:#991b1b;font-size:.75rem}.stats-worst-value{color:#dc2626;font-weight:600}.stats-chart-container{margin-bottom:var(--spacing-3xl,4rem)!important}.stats-chart-container:last-child{margin-bottom:0!important}.stats-chart-title{color:var(--text-primary);margin:0 0 var(--spacing-2xl,3rem)0;align-items:center;gap:var(--spacing-sm,.5rem);font-size:1.25rem;font-weight:600;display:flex}@media (max-width:1024px){.page-container{padding:var(--spacing-lg,1.5rem)}.page-header{flex-direction:column;align-items:stretch}.page-title{font-size:1.25rem}.stats-kpis-grid{gap:var(--spacing-md,1rem)}.card{padding:var(--spacing-lg,1.5rem)}.stats-best-worst-grid{gap:var(--spacing-lg,1.5rem)}.stats-chart-container{padding:var(--spacing-lg,1.5rem)}}@media (max-width:768px){.page-container{padding:var(--spacing-lg,1.5rem)}.page-title{font-size:1.125rem}.page-subtitle{font-size:.8rem}.input{width:100%}.stats-kpis-grid{gap:var(--spacing-lg,1.5rem);margin-bottom:var(--spacing-2xl,3rem);grid-template-columns:repeat(2,1fr)}.card{padding:var(--spacing-lg,1.5rem)}.stats-best-worst-grid{gap:var(--spacing-lg,1.5rem);margin-bottom:var(--spacing-2xl,3rem);grid-template-columns:1fr}.stats-best-card,.stats-worst-card{padding:var(--spacing-lg,1.5rem)}.stats-chart-container{margin-bottom:var(--spacing-2xl,3rem)!important}.stats-chart-title{margin-bottom:var(--spacing-lg,1.5rem);font-size:1.1rem}}@media (max-width:480px){.page-container{padding:var(--spacing-md,1rem)}.page-header{margin-bottom:var(--spacing-xl,2rem)}.page-title{font-size:1rem}.page-subtitle{font-size:.75rem}.input{padding:var(--spacing-sm,.5rem);font-size:.85rem}.stats-kpis-grid{gap:var(--spacing-md,1rem);margin-bottom:var(--spacing-2xl,3rem);grid-template-columns:1fr}.card{padding:var(--spacing-lg,1.5rem)}.stats-kpi-value{font-size:1.75rem}.stats-best-worst-grid{gap:var(--spacing-lg,1.5rem);margin-bottom:var(--spacing-2xl,3rem);grid-template-columns:1fr}.stats-best-card,.stats-worst-card{padding:var(--spacing-lg,1.5rem)}.stats-chart-container{padding:var(--spacing-lg,1.5rem);margin-bottom:var(--spacing-2xl,3rem)!important}.stats-chart-title{margin-bottom:var(--spacing-lg,1.5rem);font-size:1.05rem}}.stats-view-toggle{gap:var(--spacing-sm,.5rem);background:var(--surface-primary);padding:var(--spacing-xs,.25rem);border-radius:var(--radius-lg,.75rem);border:1.5px solid var(--border-primary);margin-bottom:var(--spacing-xl,2rem);width:fit-content;display:flex}.stats-view-btn{align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem);border-radius:var(--radius-md,.5rem);cursor:pointer;transition:all var(--transition-base,.25s ease);color:var(--text-secondary);background:0 0;border:none;font-family:inherit;font-size:.95rem;font-weight:500;display:flex}.stats-view-btn:hover{background:var(--state-hover);color:var(--text-primary)}.stats-view-btn.active{color:#fff;background:linear-gradient(135deg,#4a90e2,#5aa3f5);box-shadow:0 2px 8px #4a90e233}@media (max-width:768px){.stats-view-toggle{width:100%}.stats-view-btn{flex:1;justify-content:center}}.outils-page{background:linear-gradient(135deg,var(--bg-secondary)0%,var(--bg-tertiary)100%);min-height:100vh;padding:2rem 1.5rem}.outils-container{max-width:1400px;margin:0 auto}.outils-header{margin-bottom:2.5rem;animation:.6s slideUp}.outils-title{color:var(--text-primary);-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#4a90e2,#8b7fd8);-webkit-background-clip:text;background-clip:text;margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:900}.outils-subtitle{color:var(--text-secondary);margin:0;font-size:1.125rem;font-weight:500}.btn.btn-emergency{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4757 0%,#ff3838 100%);border:none;border-radius:1rem;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-bottom:2rem;padding:1.25rem 1.5rem;font-size:1.125rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px -5px #ff475759,0 8px 12px -6px #ff475740}.btn.btn-emergency:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.btn.btn-emergency:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 16px 40px -5px #ff475766,0 12px 16px -6px #ff47574d}.btn.btn-emergency:hover:before{left:100%}.btn.btn-emergency:active{transform:translateY(0)scale(.98)}.stats-grid-outils{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem;animation:.7s slideUp;display:grid}.stat-card-outils{background:var(--surface-primary);box-shadow:var(--glass-shadow),0 1px 3px #0000001a;border:1px solid var(--border-primary);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:var(--glass-bg);border-radius:1rem;padding:1.75rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.stat-card-outils:before{content:"";transform-origin:0;background:linear-gradient(90deg,#4a90e2,#8b7fd8,#50c9ce);height:4px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.stat-card-outils:hover{box-shadow:var(--shadow-primary),0 12px 24px -5px #4a90e240;border-color:var(--primary);transform:translateY(-6px)}.stat-card-outils:hover:before{transform:scaleX(1)}.stat-card-outils__content{justify-content:space-between;align-items:center;gap:1rem;display:flex}.stat-card-outils__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .5rem;font-size:.875rem;font-weight:600}.stat-card-outils__value{color:var(--text-primary);-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#4a90e2,#8b7fd8);-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.5rem;font-weight:900;line-height:1}.stat-card-outils__icon{opacity:.85;flex-shrink:0;width:3rem;height:3rem}.stat-card-outils__icon--indigo{color:#4a90e2}.stat-card-outils__icon--green{color:#10b981}.stat-card-outils__emoji{filter:drop-shadow(0 2px 4px #0000001a);font-size:2.75rem}.outils-tabs{border-bottom:2px solid var(--border-primary);-webkit-overflow-scrolling:touch;gap:.75rem;margin-bottom:2rem;animation:.8s slideUp;display:flex;overflow-x:auto}.outils-tabs::-webkit-scrollbar{height:4px}.outils-tabs::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:2px}.outils-tabs::-webkit-scrollbar-thumb{background:var(--primary);border-radius:2px}.outils-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:.5rem;margin-bottom:-2px;padding:1rem 1.25rem;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.outils-tab:hover{color:var(--primary);background:var(--state-hover)}.outils-tab--active{color:var(--primary);border-bottom-color:var(--primary);box-shadow:0 2px 8px -2px var(--shadow-color)/.1}.outils-content{animation:.5s fadeIn}.outils-content__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.outils-content__description{color:var(--text-secondary);margin:0;font-size:1rem;font-weight:500}.btn.btn-primary{color:#fff;cursor:pointer;box-shadow:var(--shadow-primary);white-space:nowrap;background:linear-gradient(135deg,#4a90e2,#8b7fd8);border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px -3px #4a90e266}.btn.btn-primary:active{transform:translateY(0)}.strategy-card{background:var(--surface-primary);box-shadow:var(--glass-shadow),0 1px 2px #0000000d;border:1px solid var(--border-primary);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:var(--glass-bg);border-radius:1rem;flex-direction:column;padding:1.5rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.strategy-card:before{content:"";transform-origin:0;background:linear-gradient(90deg,#4a90e2,#8b7fd8);height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.strategy-card:hover{box-shadow:var(--shadow-primary),0 16px 32px -8px #4a90e240;border-color:var(--primary);transform:translateY(-8px)}.strategy-card:hover:before{transform:scaleX(1)}.strategy-card__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.strategy-card__title{color:var(--text-primary);word-break:break-word;flex:1;margin:0;font-size:1.25rem;font-weight:800}.strategy-card__category{color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:linear-gradient(135deg,#4a90e2 0%,#8b7fd8 100%);border-radius:.5rem;padding:.375rem .875rem;font-size:.75rem;font-weight:700;display:inline-block}.strategy-card__description{color:var(--text-secondary);flex:1;margin:0 0 1.25rem;font-size:.9rem;line-height:1.5}.strategy-card__meta{border-bottom:1px solid var(--divider);flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.strategy-meta-item{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;display:flex}.strategy-meta-item svg{width:1rem;height:1rem;color:var(--primary);flex-shrink:0}.strategy-card__actions{justify-content:flex-end;gap:.75rem;display:flex}.strategy-card__action-btn{background:var(--state-hover);width:2.5rem;height:2.5rem;color:var(--text-primary);cursor:pointer;border:none;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.strategy-card__action-btn:hover{background:var(--state-active);transform:scale(1.1)}.strategy-card__action-btn svg{width:1.25rem;height:1.25rem}.strategy-card__action-btn--favorite.active{color:#ff4757;background:#ff475726}.empty-state{text-align:center;color:var(--text-secondary);background:var(--surface-primary);border:2px dashed var(--border-primary);border-radius:1rem;padding:5rem 2rem}.empty-state__icon{width:5rem;height:5rem;color:var(--text-muted);opacity:.6;margin:0 auto 1.5rem}.empty-state__text{color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.empty-state__subtext{color:var(--text-secondary);margin:0;font-size:.95rem}.stats-section-outils{background:var(--surface-primary);box-shadow:var(--glass-shadow);border:1px solid var(--border-primary);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:var(--glass-bg);border-radius:1rem;padding:2rem;animation:.5s fadeIn}.stats-section-outils__title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#4a90e2,#8b7fd8);-webkit-background-clip:text;background-clip:text;margin:0 0 2rem;font-size:1.5rem;font-weight:800}.stats-section-outils__content{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;display:grid}.stats-group{background:var(--bg-secondary);border-radius:.75rem;padding:1.5rem}.stats-group__title{color:var(--text-primary);margin:0 0 1.25rem;font-size:1.1rem;font-weight:800}.stats-list{flex-direction:column;gap:.75rem;display:flex}.stats-item{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .3s;display:flex}.stats-item:hover{background:var(--state-hover);border-color:var(--primary);transform:translate(6px)}.stats-item__left{flex:1;align-items:center;gap:1rem;display:flex}.stats-item__medal{flex-shrink:0;font-size:1.75rem}.stats-item__name{color:var(--text-primary);font-size:.95rem;font-weight:700}.stats-item__value{white-space:nowrap;align-items:center;gap:.4rem;font-size:.95rem;font-weight:700;display:flex}.stats-item__value--rating{color:#fbbf24}.stats-item__value--usage{color:var(--primary)}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;display:flex}.pagination__btn{border:1px solid var(--border-primary);background:var(--surface-primary);width:2.5rem;height:2.5rem;color:var(--text-primary);cursor:pointer;border-radius:.5rem;font-weight:600;transition:all .2s}.pagination__btn:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.pagination__btn--active{color:#fff;border-color:var(--primary);background:linear-gradient(135deg,#4a90e2,#8b7fd8)}.pagination__btn:disabled{opacity:.5;cursor:not-allowed}.alert{z-index:1000;border-left:4px solid;border-radius:.75rem;max-width:400px;padding:1.25rem;font-weight:600;animation:.4s cubic-bezier(.34,1.56,.64,1) slideInRight;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 12px 30px -5px #0003}.alert--error{color:#b91c1c;background:#fee2e2;border-left-color:#dc2626}.alert--success{color:#15803d;background:#dcfce7;border-left-color:#16a34a}.alert--loading{color:#1e40af;background:#dbeafe;border-left-color:#2563eb}@media (max-width:1024px){.stats-grid-outils,.strategies-grid-3col{grid-template-columns:repeat(2,1fr)}.stats-section-outils__content{grid-template-columns:1fr}}@media (max-width:768px){.outils-page{padding:1.5rem 1rem}.outils-title{font-size:1.75rem}.btn.btn-emergency{padding:1rem 1.25rem;font-size:1rem}.stats-grid-outils{grid-template-columns:1fr;gap:1rem}.outils-tabs{gap:.5rem}.outils-content__header{flex-direction:column;align-items:stretch}.btn.btn-primary{justify-content:center;width:100%}.strategies-grid-3col{grid-template-columns:1fr}.stats-section-outils{padding:1.5rem}.stats-section-outils__content{gap:1.5rem}}@media (max-width:480px){.outils-page{padding:1rem}.outils-container{max-width:100%}.outils-title{font-size:1.5rem}.stat-card-outils{padding:1.25rem}.stat-card-outils__value{font-size:1.75rem}.stat-card-outils__icon{width:2.25rem;height:2.25rem}.outils-tabs{margin-bottom:1.5rem}.alert{max-width:none;bottom:1rem;left:1rem;right:1rem}}.bibliotheque-page{background:var(--bg-secondary);min-height:100vh;padding:2rem 1.5rem;transition:background .3s}.bibliotheque-container{max-width:1400px;margin:0 auto}.bibliotheque-header{margin-bottom:2.5rem;animation:.6s slideUp}.bibliotheque-header__top{align-items:flex-start;gap:1.5rem;margin-bottom:0;display:flex}.bibliotheque-header__icon-wrapper{background:linear-gradient(135deg,var(--secondary)0%,var(--primary)100%);width:4rem;height:4rem;box-shadow:var(--shadow-secondary);border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;padding:.75rem;transition:all .3s;display:flex}.bibliotheque-title{color:var(--text-primary);background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800;line-height:1.2;transition:color .3s}.bibliotheque-subtitle{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.6;transition:color .3s}.filtres-section{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-primary);box-shadow:var(--glass-shadow);border-radius:1rem;margin-bottom:2rem;padding:1.5rem;transition:all .3s;animation:.7s slideUp}.filtres-section:hover{box-shadow:var(--shadow-primary);transform:translateY(-2px)}.filtres-section__header{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.filtres-section__title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:700;transition:color .3s}.filtres-section__icon{width:1.5rem;height:1.5rem;color:var(--primary);flex-shrink:0;transition:color .3s}.filtres-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.filter-btn{cursor:pointer;background:var(--surface-secondary);color:var(--text-secondary);border:2px solid #0000;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.filter-btn:hover{background:var(--state-hover);border-color:var(--primary);transform:translateY(-2px)}.filter-btn--emotion{border-color:#0000}.filter-btn--emotion:hover{opacity:.8;border-color:currentColor}.filter-btn--active,.filter-btn.active{color:#fff;box-shadow:var(--shadow-primary);border-color:#0000;transform:scale(1.05)}.filter-btn__icon{font-size:1.25rem;line-height:1}.filter-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.error-state-bibliotheque{background:#ef44441a;border:2px solid #ef444480;border-radius:1rem;margin-bottom:2rem;padding:1.25rem;transition:all .3s;animation:.5s slideUp}.error-state-bibliotheque__message{color:#ef4444;margin:0;font-weight:600}.loading-container{justify-content:center;align-items:center;padding:6rem 2rem;display:flex}.loading-spinner{border:4px solid var(--border-primary);border-top-color:var(--primary);border-right-color:var(--secondary);border-radius:50%;width:5rem;height:5rem;animation:1s linear infinite spin}.empty-state-bibliotheque{text-align:center;background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:2px dashed var(--border-primary);border-radius:1rem;padding:6rem 2rem;transition:all .3s;animation:.5s fadeIn}.empty-state-bibliotheque__icon{width:4.5rem;height:4.5rem;color:var(--text-muted);opacity:.8;margin:0 auto 1.25rem;transition:color .3s}.empty-state-bibliotheque__title{color:var(--text-primary);margin:0 0 .75rem;font-size:1.375rem;font-weight:700;transition:color .3s}.empty-state-bibliotheque__message{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.6;transition:color .3s}.public-strategies-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;margin-bottom:3rem;animation:.6s fadeIn;display:grid}.public-strategy-card{background:var(--surface-primary);border:1px solid var(--border-primary);box-shadow:var(--glass-shadow);border-radius:1.25rem;flex-direction:column;height:100%;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.public-strategy-card:hover{box-shadow:var(--shadow-primary);border-color:var(--primary);transform:translateY(-8px)}.public-strategy-card__banner{background:var(--surface-secondary);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;min-height:60px;padding:1rem 1.25rem;transition:all .3s;display:flex}.public-strategy-card__emotions-preview{align-items:center;gap:.5rem;display:flex}.public-strategy-card__emotion-dot{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1rem;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0000001a}.public-strategy-card__emotion-dot:hover{transform:scale(1.15)}.public-strategy-card__emotion-dot-more{background:var(--surface-secondary);width:2.25rem;height:2.25rem;color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;transition:all .3s;display:inline-flex}.public-strategy-card__badge-high-rating{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.75rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #f59e0b4d}.public-strategy-card__badge-icon{flex-shrink:0;width:.875rem;height:.875rem}.public-strategy-card__header{flex-grow:0;padding:1.25rem}.public-strategy-card__title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .75rem;font-size:1.25rem;font-weight:700;line-height:1.4;transition:color .3s;display:-webkit-box;overflow:hidden}.public-strategy-card__description{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.875rem;line-height:1.5;transition:color .3s;display:-webkit-box;overflow:hidden}.public-strategy-card__badges{flex-wrap:wrap;flex-grow:1;align-content:flex-start;gap:.625rem;padding:0 1.25rem;display:flex}.public-strategy-card__badge{white-space:nowrap;background:var(--surface-secondary);color:var(--text-secondary);border:1.5px solid;border-color:var(--border-primary);border-radius:.75rem;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex}.public-strategy-card__badge:hover{border-color:var(--primary);background:var(--state-hover);transform:scale(1.05)}.public-strategy-card__badge-label{text-transform:capitalize}.public-strategy-card__stats{border-top:1px solid var(--border-primary);background:var(--bg-secondary);grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 1.25rem;transition:all .3s;display:grid}.public-strategy-card__stat-item{align-items:center;gap:.75rem;display:flex}.public-strategy-card__stat-item--rating{color:#f59e0b}.public-strategy-card__stat-icon{opacity:.7;width:1.25rem;height:1.25rem;color:var(--text-secondary);flex-shrink:0;transition:color .3s}.public-strategy-card__stat-content{flex-direction:column;gap:.125rem;display:flex}.public-strategy-card__stat-value{color:var(--text-primary);font-size:1rem;font-weight:700;transition:color .3s}.public-strategy-card__stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;transition:color .3s}.public-strategy-card__footer{border-top:1px solid var(--border-primary);justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.25rem;transition:all .3s;display:flex}.public-strategy-card__community-badge{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;transition:color .3s;display:flex}.public-strategy-card__community-icon{flex-shrink:0;width:.875rem;height:.875rem}.public-strategy-card__action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899 0%,#f43f5e 100%);border:none;border-radius:.625rem;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #ec48994d}.public-strategy-card__action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ec489966}.public-strategy-card__action-icon{flex-shrink:0;width:1rem;height:1rem}.pagination-container{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-primary);box-shadow:var(--glass-shadow);border-radius:1rem;justify-content:center;align-items:center;gap:1.5rem;padding:1.5rem;transition:all .3s;animation:.8s slideUp;display:flex}.pagination-btn{background:var(--surface-secondary);color:var(--text-secondary);cursor:pointer;border:none;border-radius:.75rem;align-items:center;gap:.625rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:#fff;box-shadow:var(--shadow-primary);transform:translateY(-2px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn__icon{flex-shrink:0;width:1.25rem;height:1.25rem}.pagination-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.pagination-info{color:var(--text-primary);text-align:center;min-width:80px;font-size:.9375rem;font-weight:700;transition:color .3s}@media (max-width:1024px){.public-strategies-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.bibliotheque-page{padding:1.5rem 1rem}.bibliotheque-header__top{flex-direction:column;align-items:flex-start;gap:1rem}.bibliotheque-title{font-size:1.75rem}.filtres-buttons{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;gap:.5rem;padding-bottom:.75rem;overflow-x:auto}.filtres-buttons::-webkit-scrollbar{display:none}.filter-btn{white-space:nowrap;flex-shrink:0;padding:.625rem 1rem;font-size:.8125rem}.public-strategies-grid{grid-template-columns:1fr;gap:1.5rem}.public-strategy-card__stats{grid-template-columns:1fr 1fr}.pagination-container{flex-wrap:wrap;gap:.75rem}.pagination-btn{flex:1;justify-content:center;min-width:100px}.pagination-info{text-align:center;order:-1;width:100%}}@media (max-width:480px){.bibliotheque-container{padding:0}.bibliotheque-header__icon-wrapper{width:3rem;height:3rem}.bibliotheque-title{font-size:1.5rem}.public-strategy-card{border-radius:1rem}.public-strategy-card__header{padding:1rem}.public-strategy-card__title{font-size:1.125rem}.public-strategy-card__banner{flex-direction:column;align-items:flex-start;gap:.5rem;min-height:auto}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.alert-container{top:var(--spacing-xl,24px);right:var(--spacing-xl,24px);z-index:9999;gap:var(--spacing-md,16px);pointer-events:none;flex-direction:column;max-width:420px;display:flex;position:fixed}.alert{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-lg);background:var(--surface-primary);box-shadow:var(--shadow-lg),0 0 0 1px #0000000d;pointer-events:auto;border:2px solid;transition:all .2s;animation:.3s slideDown;display:flex;position:relative}.alert:hover{box-shadow:var(--shadow-xl),0 0 0 1px #00000014;transform:translateY(-2px)}.alert-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:4px;display:flex}.alert-content{flex:1;min-width:0}.alert-title{margin:0 0 var(--spacing-xs)0;color:var(--text-primary);font-size:.95rem;font-weight:700}.alert-message{margin:0;font-size:.9rem;font-weight:500;line-height:1.5}.alert-close{cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-md);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;padding:0;font-size:1.25rem;transition:all .2s;display:flex}.alert-close:hover{color:var(--text-primary);background:#0000001a}.alert-close:active{transform:scale(.95)}.alert--error{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#dc262626,#dc262614);border-color:#dc2626}.alert--error .alert-icon{color:#dc2626;background:#dc262626}.alert--error .alert-title{color:#991b1b;font-weight:700}.alert--error .alert-message{color:#7f1d1d;font-weight:600}.alert--error .alert-close:hover{color:#991b1b;background:#dc262626}.alert--success{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#16a34a26,#16a34a14);border-color:#16a34a}.alert--success .alert-icon{color:#16a34a;background:#16a34a26}.alert--success .alert-title{color:#15803d;font-weight:700}.alert--success .alert-message{color:#166534;font-weight:600}.alert--success .alert-close:hover{color:#15803d;background:#16a34a26}.alert--warning{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#f59e0b26,#f59e0b14);border-color:#f59e0b}.alert--warning .alert-icon{color:#d97706;background:#f59e0b26}.alert--warning .alert-title{color:#b45309;font-weight:700}.alert--warning .alert-message{color:#92400e;font-weight:600}.alert--warning .alert-close:hover{color:#b45309;background:#f59e0b26}.alert--info{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#3b82f626,#3b82f614);border-color:#3b82f6}.alert--info .alert-icon{color:#3b82f6;background:#3b82f626}.alert--info .alert-title{color:#1e40af;font-weight:700}.alert--info .alert-message{color:#1e3a8a;font-weight:600}.alert--info .alert-close:hover{color:#1e40af;background:#3b82f626}@media (max-width:768px){.alert-container{top:var(--spacing-md,16px);right:var(--spacing-md,16px);left:var(--spacing-md,16px);max-width:none}.alert{padding:var(--spacing-md)}.alert-title{font-size:.9rem}.alert-message{font-size:.85rem}}@media (prefers-color-scheme:dark){.alert{background:var(--surface-secondary);box-shadow:0 8px 24px #0006,0 0 0 1px #ffffff0d}.alert--error{background:linear-gradient(135deg,#ef444433,#ef44441a);border-color:#ef4444}.alert--error .alert-icon{color:#fca5a5;background:#ef444433}.alert--error .alert-title{color:#fca5a5}.alert--error .alert-message{color:#fecaca}.alert--error .alert-close:hover{color:#fca5a5;background:#ef444433}.alert--success{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border-color:#22c55e}.alert--success .alert-icon{color:#86efac;background:#22c55e33}.alert--success .alert-title{color:#86efac}.alert--success .alert-message{color:#bbf7d0}.alert--success .alert-close:hover{color:#86efac;background:#22c55e33}.alert--warning{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);border-color:#f59e0b}.alert--warning .alert-icon{color:#fbbf24;background:#f59e0b33}.alert--warning .alert-title{color:#fde047}.alert--warning .alert-message{color:#fef08a}.alert--warning .alert-close:hover{color:#fde047;background:#f59e0b33}.alert--info{background:linear-gradient(135deg,#60a5fa33,#60a5fa1a);border-color:#60a5fa}.alert--info .alert-icon{color:#93c5fd;background:#60a5fa33}.alert--info .alert-title{color:#93c5fd}.alert--info .alert-message{color:#bfdbfe}.alert--info .alert-close:hover{color:#93c5fd;background:#60a5fa33}.alert-close{color:var(--text-tertiary)}.alert-close:hover{color:var(--text-primary)}}html.dark .alert--error{background:linear-gradient(135deg,#ef444433,#ef44441a);border-color:#ef4444}html.dark .alert--success{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border-color:#22c55e}html.dark .alert--warning{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);border-color:#f59e0b}html.dark .alert--info{background:linear-gradient(135deg,#60a5fa33,#60a5fa1a);border-color:#60a5fa}@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-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-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-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}