/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-900:oklch(42.1% .095 57.708);--color-green-50:oklch(98.2% .018 155.826);--color-green-200:oklch(92.5% .084 155.995);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-900:oklch(39.3% .095 152.535);--color-blue-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-blue-900:#1e3a8a;--color-purple-50:oklch(97.7% .014 308.299);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-900:oklch(38.1% .176 304.987);--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-black:#000;--color-white:#fff;--spacing:.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--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;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:calc(var(--spacing)*0)}.col-1{grid-column:1}.col-2{grid-column:2}.col-3{grid-column:3}.col-4{grid-column:4}.col-6{grid-column:6}.col-12{grid-column:12}.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}.mb-4{margin-bottom:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.min-h-screen{min-height:100vh}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.bg-gray-50{background-color:var(--color-gray-50)}.text-center{text-align:center}.text-gray-600{color:var(--color-gray-600)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}:root{--color-primary:#2a6287;--color-primary-rgb:42,98,135;--color-primary-light:#63bdca;--color-primary-light-rgb:99,189,202;--color-primary-medium:#326f91;--color-primary-medium-rgb:50,111,145;--color-gray:#999;--color-gray-rgb:153,153,153;--color-black:#000;--color-white:#fff;--gradient-primary:linear-gradient(135deg,#2a6287 0%,#63bdca 50%,#fff 100%);--gradient-secondary:radial-gradient(circle at center,#63bdca 0%,#2a6287 50%,#999 100%);--gradient-soft:linear-gradient(135deg,#2a6287 0%,#63bdca 100%);--color-primary-50:#2a62871a;--color-primary-100:#2a628733;--color-primary-200:#2a62874d;--color-primary-300:#2a628766;--color-primary-400:#2a628799;--color-primary-500:#2a6287;--color-primary-600:#2a6287cc;--color-primary-700:#2a6287e6;--color-primary-800:#1e4a66;--color-primary-900:#0f2533;--color-primary-light-50:#63bdca1a;--color-primary-light-100:#63bdca33;--color-primary-light-200:#63bdca4d;--color-primary-light-300:#63bdca66;--color-primary-light-400:#63bdca99;--color-primary-light-500:#63bdca;--color-primary-light-600:#63bdcacc;--color-primary-light-700:#63bdcae6;--color-primary-light-800:#4a8f9a;--color-primary-light-900:#2a5a63;--color-primary-light-1000:#d1e4f0;--color-gray-50:#9999991a;--color-gray-100:#9993;--color-gray-200:#9999994d;--color-gray-300:#9996;--color-gray-400:#9999;--color-gray-500:#999;--color-gray-600:#999c;--color-gray-700:#999999e6;--color-gray-800:#666;--color-gray-900:#333;--color-success:#10b981;--color-success-light:#d1fae5;--color-success-dark:#059669;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-warning-dark:#d97706;--color-error:#ef4444;--color-error-light:#fee2e2;--color-error-dark:#dc2626;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-info-dark:#2563eb;--color-text-primary:#2a6287;--color-text-secondary:#63bdca;--color-text-tertiary:#999;--color-text-muted:#999999b3;--color-text-light:#fff;--color-bg-primary:#fff;--color-bg-secondary:#2a62870d;--color-bg-tertiary:#63bdca0d;--color-bg-accent:#2a62871a;--color-border-light:#63bdca33;--color-border-medium:#2a62874d;--color-border-dark:#2a628780;--shadow-sm:0 1px 2px 0 #2a62870d;--shadow-md:0 4px 6px -1px #2a62871a,0 2px 4px -2px #2a62871a;--shadow-lg:0 10px 15px -3px #2a62871a,0 4px 6px -4px #2a62871a;--shadow-xl:0 20px 25px -5px #2a62871a,0 8px 10px -6px #2a62871a;--transition-fast:.15s ease-in-out;--transition-normal:.25s ease-in-out;--transition-slow:.35s ease-in-out}@font-face{font-family:RotisSansSerif;src:url(../assets/fonts/RotisSansSerif-Regular.woff2)format("woff2"),url(../assets/fonts/RotisSansSerif-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:RotisSansSerif;src:url(../assets/fonts/RotisSansSerif-ExtraBold.woff2)format("woff2"),url(../assets/fonts/RotisSansSerif-ExtraBold.woff)format("woff");font-weight:800;font-style:normal;font-display:swap}:root{--font-family-primary:"RotisSansSerif",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-weight-normal:400;--font-weight-bold:800;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--letter-spacing-tight:-.025em;--letter-spacing-normal:0;--letter-spacing-wide:.025em;--letter-spacing-wider:.05em;--letter-spacing-widest:.1em}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:640px){.heading-1{font-size:var(--font-size-3xl)}.heading-2{font-size:var(--font-size-2xl)}.heading-3{font-size:var(--font-size-xl)}.heading-4{font-size:var(--font-size-lg)}}@media (max-width:480px){.heading-1{font-size:var(--font-size-2xl)}.heading-2{font-size:var(--font-size-xl)}.heading-3{font-size:var(--font-size-lg)}.heading-4{font-size:var(--font-size-base)}}:root{--animation-duration-fast:.15s;--animation-duration-normal:.3s;--animation-duration-slow:.5s;--animation-duration-slower:.7s;--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-bounce:cubic-bezier(.68,-.55,.265,1.55);--animation-delay-fast:50ms;--animation-delay-normal:.1s;--animation-delay-slow:.2s}.animate-fade-in{animation:fadeIn var(--animation-duration-normal)var(--ease-out)}.animate-fade-in-fast{animation:fadeIn var(--animation-duration-fast)var(--ease-out)}.animate-fade-in-slow{animation:fadeIn var(--animation-duration-slow)var(--ease-out)}.animate-slide-in-up{animation:slideInUp var(--animation-duration-normal)var(--ease-out)}.animate-slide-in-down{animation:slideInDown var(--animation-duration-normal)var(--ease-out)}.animate-slide-in-left{animation:slideInLeft var(--animation-duration-normal)var(--ease-out)}.animate-slide-in-right{animation:slideInRight var(--animation-duration-normal)var(--ease-out)}.animate-scale-in{animation:scaleIn var(--animation-duration-normal)var(--ease-bounce)}.animate-fade-out{animation:fadeOut var(--animation-duration-normal)var(--ease-in)}.animate-slide-out-up{animation:slideOutUp var(--animation-duration-normal)var(--ease-in)}.animate-slide-out-down{animation:slideOutDown var(--animation-duration-normal)var(--ease-in)}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s var(--ease-in-out)infinite}@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}}.animate-bounce{animation:1s infinite bounce}.hover-lift{transition:transform var(--animation-duration-fast)var(--ease-out)}.hover-scale{transition:transform var(--animation-duration-fast)var(--ease-out)}.hover-glow{transition:box-shadow var(--animation-duration-fast)var(--ease-out)}.animate-skeleton{animation:skeletonPulse 1.5s var(--ease-in-out)infinite}.animate-progress{animation:progressFill var(--animation-duration-slow)var(--ease-out)}.animate-toast-in{animation:toastSlideIn var(--animation-duration-normal)var(--ease-bounce)}@keyframes alertBounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-alert-bounce{animation:alertBounce var(--animation-duration-slow)var(--ease-bounce)}.input-focus-animation{transition:all var(--animation-duration-fast)var(--ease-out)}@keyframes checkboxCheck{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.animate-checkbox-check{animation:checkboxCheck var(--animation-duration-fast)var(--ease-bounce)}.animate-page-transition{animation:pageTransition var(--animation-duration-normal)var(--ease-out)}.animate-menu-item{animation:menuItemSlide var(--animation-duration-fast)var(--ease-out)}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-card-entrance{animation:cardEntrance var(--animation-duration-normal)var(--ease-out)}.animate-count-up{animation:countUp var(--animation-duration-slow)var(--ease-out)}.animate-modal-backdrop{animation:modalBackdrop var(--animation-duration-normal)var(--ease-out)}@keyframes modalContent{0%{opacity:0;transform:scale(.9)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-modal-content{animation:modalContent var(--animation-duration-normal)var(--ease-bounce)}.animation-delay-0{animation-delay:0s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:768px){:root{--animation-duration-fast:.1s;--animation-duration-normal:.2s;--animation-duration-slow:.3s}}.animate-gpu{backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}:root{--breakpoint-xs:480px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--breakpoint-mobile:768px;--breakpoint-tablet:1024px;--breakpoint-desktop:1280px;--breakpoint-wide:1536px;--spacing-mobile:var(--spacing-4);--spacing-tablet:var(--spacing-6);--spacing-desktop:var(--spacing-8);--spacing-wide:var(--spacing-10)}.container-responsive{width:100%;padding-left:var(--spacing-mobile);padding-right:var(--spacing-mobile);margin-left:auto;margin-right:auto}.grid-responsive{gap:var(--spacing-4);grid-template-columns:1fr;display:grid}.flex-responsive{gap:var(--spacing-4);flex-direction:column;display:flex}@media (max-width:480px){.xs\:container{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.xs\:grid-responsive{gap:var(--spacing-3);grid-template-columns:1fr}.xs\:flex-responsive{gap:var(--spacing-3);flex-direction:column}.xs\:text-center{text-align:center}.xs\:hidden{display:none}.xs\:block{display:block}.xs\:w-full{width:100%}.xs\:px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.xs\:py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}}@media (max-width:640px){.sm\:container{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.sm\:grid-responsive{gap:var(--spacing-4);grid-template-columns:repeat(2,1fr)}.sm\:flex-responsive{gap:var(--spacing-4);flex-direction:row}.sm\:text-left{text-align:left}.sm\:px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.sm\:py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.sm\:w-auto{width:auto}}@media (max-width:768px){.md\:container{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.md\:grid-responsive{gap:var(--spacing-6);grid-template-columns:repeat(3,1fr)}.md\:px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.md\:py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.md\:touch-friendly{min-width:44px;min-height:44px}.md\:mobile-nav{z-index:var(--z-fixed);background:var(--color-bg-primary);border-top:1px solid var(--color-border-light);padding:var(--spacing-3);position:fixed;bottom:0;left:0;right:0}}@media (max-width:1024px){.lg\:container{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.lg\:grid-responsive{gap:var(--spacing-8);grid-template-columns:repeat(4,1fr)}.lg\:px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.lg\:py-12{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.lg\:tablet-layout{max-width:960px;margin:0 auto}}@media (max-width:1280px){.xl\:container{padding-left:var(--spacing-10);padding-right:var(--spacing-10)}.xl\:grid-responsive{gap:var(--spacing-10);grid-template-columns:repeat(6,1fr)}.xl\:px-10{padding-left:var(--spacing-10);padding-right:var(--spacing-10)}.xl\:py-16{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}}@media (max-width:1536px){.\xl\:container{padding-left:var(--spacing-12);padding-right:var(--spacing-12)}.\xl\:grid-responsive{gap:var(--spacing-12);grid-template-columns:repeat(12,1fr)}.\xl\:px-12{padding-left:var(--spacing-12);padding-right:var(--spacing-12)}.\xl\:py-20{padding-top:var(--spacing-20);padding-bottom:var(--spacing-20)}}.touch-friendly{min-width:44px;min-height:44px;padding:var(--spacing-3);border-radius:var(--border-radius-md);transition:all var(--animation-duration-fast)var(--ease-out)}.button-touch{min-width:48px;min-height:48px;padding:var(--spacing-4)var(--spacing-6);font-size:var(--font-size-base);border-radius:var(--border-radius-lg)}.cards-grid{gap:var(--spacing-6);grid-template-columns:1fr;display:grid}@media (min-width:640px){.cards-grid{gap:var(--spacing-6);grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.cards-grid{gap:var(--spacing-8);grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.cards-grid{gap:var(--spacing-10);grid-template-columns:repeat(4,1fr)}}.sidebar-layout{gap:var(--spacing-6);grid-template-columns:1fr;display:grid}@media (min-width:768px){.sidebar-layout{gap:var(--spacing-8);grid-template-columns:250px 1fr}}@media (min-width:1024px){.sidebar-layout{gap:var(--spacing-10);grid-template-columns:280px 1fr}}.mobile-menu{background:var(--color-bg-primary);z-index:var(--z-modal);transition:transform var(--animation-duration-normal)var(--ease-out);position:fixed;inset:0;transform:translate(-100%)}.menu-toggle{cursor:pointer;width:24px;height:24px;display:block;position:relative}@media (min-width:768px){.menu-toggle{display:none}}.form-grid{gap:var(--spacing-4);grid-template-columns:1fr;display:grid}@media (min-width:640px){.form-grid{gap:var(--spacing-6);grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.form-grid{gap:var(--spacing-8);grid-template-columns:repeat(3,1fr)}}.form-field{gap:var(--spacing-2);flex-direction:column;display:flex}.form-field input,.form-field select,.form-field textarea{padding:var(--spacing-3);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-md);font-size:var(--font-size-base);transition:all var(--animation-duration-fast)var(--ease-out)}.table-responsive{border-radius:var(--border-radius-lg);border:1px solid var(--color-border-light);overflow-x:auto}.table-responsive table{border-collapse:collapse;width:100%;min-width:600px}@media (min-width:640px){.modal-responsive{width:80vw;max-width:600px}}@media (min-width:768px){.modal-responsive{width:70vw;max-width:700px}}@media (min-width:1024px){.modal-responsive{width:60vw;max-width:800px}}@media (min-width:480px){.hidden-xs{display:block}}@media (min-width:640px){.hidden-sm{display:block}}@media (min-width:768px){.hidden-md{display:block}}@media (min-width:1024px){.hidden-lg{display:block}}@media (min-width:1280px){.hidden-xl{display:block}}@media (max-width:479px){.block-xs{display:none}}@media (max-width:639px){.block-sm{display:none}}@media (max-width:767px){.block-md{display:none}}@media (max-width:1023px){.block-lg{display:none}}@media (max-width:1279px){.block-xl{display:none}}@media (orientation:landscape) and (max-height:500px){.landscape-optimized{padding:var(--spacing-2)}.landscape-optimized .header{height:60px}.landscape-optimized .content{padding:var(--spacing-3)}}@media (orientation:portrait) and (max-width:500px){.portrait-optimized{padding:var(--spacing-4)}.portrait-optimized .header{height:80px}.portrait-optimized .content{padding:var(--spacing-6)}}@media (max-width:768px){.mobile-optimized{border-radius:var(--border-radius-md);transition-duration:.2s;animation-duration:.2s;box-shadow:0 2px 8px #0000001a}.mobile-optimized *{backface-visibility:visible;perspective:none;transform:none}.focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mobile-contrast{color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-border-medium)}}.container-max{width:100%;max-width:var(--container-max-width);padding-left:var(--spacing-mobile);padding-right:var(--spacing-mobile);margin-left:auto;margin-right:auto}@media (min-width:640px){.container-max{padding-left:var(--spacing-tablet);padding-right:var(--spacing-tablet)}}@media (min-width:1024px){.container-max{padding-left:var(--spacing-desktop);padding-right:var(--spacing-desktop)}}@media (min-width:1280px){.container-max{padding-left:var(--spacing-wide);padding-right:var(--spacing-wide)}}:root{--color-text-primary-accessible:#1a1a1a;--color-text-secondary-accessible:#404040;--color-text-muted-accessible:#595959;--color-bg-primary-accessible:#fff;--color-bg-secondary-accessible:#f8f9fa;--color-bg-tertiary-accessible:#e9ecef;--color-border-accessible:#6c757d;--color-border-light-accessible:#adb5bd;--color-focus-primary:#0056b3;--color-focus-secondary:#6f42c1;--color-focus-error:#dc3545;--color-focus-success:#198754}:focus{outline:2px solid var(--color-focus-primary);outline-offset:2px}button:focus,.button-base:focus,input:focus,select:focus,textarea:focus,.input-field:focus{outline:2px solid var(--color-focus-primary);outline-offset:2px;box-shadow:0 0 0 4px #0056b333}.card-static:focus-within,.login-form:focus-within{box-shadow:var(--shadow-sm);outline:none}.modal-panel:focus,nav:focus,.navigation:focus{outline:2px solid var(--color-focus-primary);outline-offset:2px}.keyboard-navigation :focus{outline:3px solid var(--color-focus-primary);outline-offset:3px;box-shadow:0 0 0 6px #0056b34d}.skip-link{background:var(--color-focus-primary);color:#fff;z-index:var(--z-fixed);border-radius:4px;padding:8px;text-decoration:none;transition:top .3s;position:absolute;top:-40px;left:6px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.img-alt{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.form-label{margin-bottom:var(--spacing-2);font-weight:var(--font-weight-medium);color:var(--color-text-primary-accessible);display:block}.button-aria[aria-label]:after{content:attr(aria-label);width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}@media (max-width:768px){:focus{outline-offset:3px;outline-width:3px}button:focus,.button-base:focus{outline-offset:3px;outline-width:3px;box-shadow:0 0 0 6px #0056b34d}.mobile-contrast{color:var(--color-text-primary-accessible);background-color:var(--color-bg-primary-accessible);border:1px solid var(--color-border-accessible)}.touch-accessible{min-width:44px;min-height:44px;padding:var(--spacing-3)}}@media (prefers-reduced-motion:reduce){.motion-reduced{transition:none!important;animation:none!important}}@media (prefers-contrast:high){.high-contrast{color:currentColor;background-color:#0000;border:2px solid}}@media (prefers-color-scheme:dark){.dark-mode{--color-text-primary-accessible:#fff;--color-text-secondary-accessible:#e0e0e0;--color-bg-primary-accessible:#1a1a1a;--color-bg-secondary-accessible:#2d2d2d}}.accessibility-test:before{content:"A11Y";background:var(--color-focus-primary);color:#fff;z-index:var(--z-tooltip);border-radius:2px;padding:2px 4px;font-size:10px;position:absolute;top:0;left:0}.validation-grid{gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-bg-secondary);border:2px dashed var(--color-border-medium);border-radius:var(--border-radius-lg);grid-template-columns:1fr;display:grid}.validation-grid:before{content:"TESTE RESPONSIVIDADE";font-weight:var(--font-weight-bold);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-4);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md);display:block}@media (min-width:640px){.validation-grid{gap:var(--spacing-6);grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.validation-grid{gap:var(--spacing-8);grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.validation-grid{gap:var(--spacing-10);grid-template-columns:repeat(4,1fr)}}.breakpoint-indicator{background:var(--color-primary);color:#fff;padding:var(--spacing-2)var(--spacing-3);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);z-index:var(--z-tooltip);box-shadow:var(--shadow-md);position:fixed;top:10px;right:10px}.contrast-test{padding:var(--spacing-4);margin:var(--spacing-4)0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.contrast-test:before{content:"TESTE CONTRASTE WCAG";font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md);display:block}.contrast-test-normal{background:var(--color-bg-primary);color:var(--color-text-primary-accessible);padding:var(--spacing-3);margin:var(--spacing-2)0;border-radius:var(--border-radius-md)}.contrast-test-large{background:var(--color-bg-primary);color:var(--color-text-primary-accessible);padding:var(--spacing-3);margin:var(--spacing-2)0;border-radius:var(--border-radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.focus-test{padding:var(--spacing-4);margin:var(--spacing-4)0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.focus-test:before{content:"TESTE FOCO VISUAL";font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md);display:block}.focus-test-button{margin:var(--spacing-2);padding:var(--spacing-3)var(--spacing-4);background:var(--color-primary);color:#fff;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--animation-duration-fast)var(--ease-out);border:none}.keyboard-test{padding:var(--spacing-4);margin:var(--spacing-4)0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.keyboard-test:before{content:"TESTE NAVEGAÇÃO POR TECLADO";font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md);display:block}.keyboard-test-item{margin:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--animation-duration-fast)var(--ease-out);display:inline-block}.performance-test{padding:var(--spacing-4);margin:var(--spacing-4)0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.performance-test:before{content:"TESTE PERFORMANCE MOBILE";font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md);display:block}.performance-test-item{padding:var(--spacing-3);margin:var(--spacing-2)0;background:var(--color-bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--color-border-light)}.performance-test-item.mobile-optimized{border-radius:var(--border-radius-md);box-shadow:0 2px 8px #0000001a}.animation-test{padding:var(--spacing-4);margin:var(--spacing-4)0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.animation-test:before{content:"TESTE ANIMAÇÕES";font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md);display:block}.animation-test-item{background:var(--color-primary);border-radius:var(--border-radius-md);width:100px;height:100px;margin:var(--spacing-2);animation:2s infinite validationPulse;display:inline-block}@keyframes validationPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.compatibility-test{padding:var(--spacing-4);margin:var(--spacing-4)0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.compatibility-test:before{content:"TESTE COMPATIBILIDADE";font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md);display:block}.compatibility-test-item{padding:var(--spacing-3);margin:var(--spacing-2)0;background:var(--color-bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--color-border-light)}.test-active:after{content:"TESTE ATIVO";background:var(--color-success);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);border-radius:4px;padding:2px 6px;position:absolute;top:-10px;right:-10px}.test-failed:after{content:"FALHOU";background:var(--color-error);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);border-radius:4px;padding:2px 6px;position:absolute;top:-10px;right:-10px}.test-passed:after{content:"PASSOU";background:var(--color-success);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);border-radius:4px;padding:2px 6px;position:absolute;top:-10px;right:-10px}.grid-test{gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-bg-secondary);border:2px dashed var(--color-border-medium);border-radius:var(--border-radius-lg);grid-template-columns:repeat(12,1fr);display:grid}.grid-test:before{content:"TESTE GRID SYSTEM";font-weight:var(--font-weight-bold);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-4);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md);grid-column:1/-1;display:block}.flex-test{gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-bg-secondary);border:2px dashed var(--color-border-medium);border-radius:var(--border-radius-lg);flex-wrap:wrap;display:flex}.flex-test:before{content:"TESTE FLEXBOX";font-weight:var(--font-weight-bold);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-4);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md);width:100%;display:block}.flex-test-item{background:var(--color-primary);color:#fff;padding:var(--spacing-3);border-radius:var(--border-radius-md);font-weight:var(--font-weight-semibold);text-align:center;min-width:120px}.component-test{padding:var(--spacing-4);margin:var(--spacing-4)0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.component-test:before{content:"TESTE COMPONENTES UI";font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md);display:block}.component-test-grid{gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.form-test{padding:var(--spacing-4);margin:var(--spacing-4)0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.form-test:before{content:"TESTE FORMULÁRIOS";font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md);display:block}.form-test-grid{gap:var(--spacing-4);grid-template-columns:1fr;display:grid}@media (min-width:640px){.form-test-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.form-test-grid{grid-template-columns:repeat(3,1fr)}}.typography-test{padding:var(--spacing-4);margin:var(--spacing-4)0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.typography-test:before{content:"TESTE TIPOGRAFIA";font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md);display:block}.typography-test h1{font-size:var(--font-size-4xl);margin:var(--spacing-2)0}.typography-test h2{font-size:var(--font-size-3xl);margin:var(--spacing-2)0}.typography-test h3{font-size:var(--font-size-2xl);margin:var(--spacing-2)0}.typography-test h4{font-size:var(--font-size-xl);margin:var(--spacing-2)0}.typography-test h5{font-size:var(--font-size-lg);margin:var(--spacing-2)0}.typography-test h6{font-size:var(--font-size-base);margin:var(--spacing-2)0}.typography-test p{margin:var(--spacing-2)0;line-height:var(--line-height-relaxed)}.color-test{padding:var(--spacing-4);margin:var(--spacing-4)0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.color-test:before{content:"TESTE CORES";font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md);display:block}.color-test-grid{gap:var(--spacing-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.color-test-item{padding:var(--spacing-3);border-radius:var(--border-radius-md);text-align:center;font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;min-height:80px;display:flex}.spacing-test{padding:var(--spacing-4);margin:var(--spacing-4)0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.spacing-test:before{content:"TESTE ESPAÇAMENTO";font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md);display:block}.border-test{padding:var(--spacing-4);margin:var(--spacing-4)0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.border-test:before{content:"TESTE BORDAS";font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md);display:block}.border-test-item{padding:var(--spacing-4);margin:var(--spacing-2);background:var(--color-bg-secondary);text-align:center;min-width:100px;display:inline-block}.shadow-test{padding:var(--spacing-4);margin:var(--spacing-4)0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.shadow-test:before{content:"TESTE SOMBRAS";font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md);display:block}.shadow-test-item{padding:var(--spacing-4);margin:var(--spacing-2);background:var(--color-bg-primary);border-radius:var(--border-radius-md);text-align:center;min-width:120px;min-height:80px;display:inline-block}.animation-validation-test{padding:var(--spacing-4);margin:var(--spacing-4)0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.animation-validation-test:before{content:"TESTE ANIMAÇÕES";font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md);display:block}.animation-validation-test-item{background:var(--color-primary);border-radius:var(--border-radius-md);width:80px;height:80px;margin:var(--spacing-2);display:inline-block}.animation-validation-test-fade{animation:2s infinite validationFade}.animation-validation-test-slide{animation:2s infinite validationSlide}.animation-validation-test-scale{animation:2s infinite validationScale}.animation-validation-test-rotate{animation:2s infinite validationRotate}.responsiveness-test{padding:var(--spacing-4);margin:var(--spacing-4)0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.responsiveness-test:before{content:"TESTE RESPONSIVIDADE";font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md);display:block}.responsiveness-test-grid{gap:var(--spacing-4);grid-template-columns:1fr;display:grid}@media (min-width:640px){.responsiveness-test-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.responsiveness-test-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.responsiveness-test-grid{grid-template-columns:repeat(4,1fr)}}.accessibility-validation-test{padding:var(--spacing-4);margin:var(--spacing-4)0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.accessibility-validation-test:before{content:"TESTE ACESSIBILIDADE";font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md);display:block}.accessibility-validation-test-item{padding:var(--spacing-3);margin:var(--spacing-2)0;background:var(--color-bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--color-border-light)}.performance-validation-test{padding:var(--spacing-4);margin:var(--spacing-4)0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.performance-validation-test:before{content:"TESTE PERFORMANCE";font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md);display:block}.performance-validation-test-item{padding:var(--spacing-3);margin:var(--spacing-2)0;background:var(--color-bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--color-border-light)}.compatibility-validation-test{padding:var(--spacing-4);margin:var(--spacing-4)0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.compatibility-validation-test:before{content:"TESTE COMPATIBILIDADE";font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md);display:block}.compatibility-validation-test-item{padding:var(--spacing-3);margin:var(--spacing-2)0;background:var(--color-bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--color-border-light)}.test-indicator{background:var(--color-primary);color:#fff;padding:var(--spacing-3)var(--spacing-4);border-radius:var(--border-radius-lg);font-weight:var(--font-weight-semibold);z-index:var(--z-tooltip);box-shadow:var(--shadow-lg);cursor:pointer;transition:all var(--animation-duration-fast)var(--ease-out);position:fixed;bottom:20px;left:20px}.test-overlay{z-index:var(--z-modal);padding:var(--spacing-4);background:#000c;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.test-overlay-content{background:var(--color-bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-6);max-width:800px;max-height:80vh;box-shadow:var(--shadow-xl);overflow-y:auto}@media (max-width:768px){.test-overlay-content{margin:var(--spacing-4);padding:var(--spacing-4)}.test-indicator{padding:var(--spacing-2)var(--spacing-3);font-size:var(--font-size-sm);bottom:10px;left:10px}}@media (max-width:480px){.validation-grid{gap:var(--spacing-3);padding:var(--spacing-3);grid-template-columns:1fr}.component-test-grid{grid-template-columns:1fr}.color-test-grid{grid-template-columns:repeat(2,1fr)}}:root{--spacing-0:0;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--spacing-brand:1.5rem;--spacing-section:3rem;--spacing-page:2rem;--border-radius-none:0;--border-radius-sm:.125rem;--border-radius-md:.375rem;--border-radius-lg:.5rem;--border-radius-xl:.75rem;--border-radius-2xl:1rem;--border-radius-3xl:1.5rem;--border-radius-full:9999px;--border-width-0:0;--border-width-1:1px;--border-width-2:2px;--border-width-4:4px;--border-width-8:8px;--container-max-width:1200px;--container-padding:var(--spacing-page);--grid-columns:12;--grid-gap:var(--spacing-6);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}.container{width:100%;max-width:var(--container-max-width);padding-left:var(--container-padding);padding-right:var(--container-padding);margin-left:auto;margin-right:auto}.grid{gap:var(--grid-gap);display:grid}.flex-1{flex:1}.flex-auto{flex:auto}.flex-initial{flex:0 auto}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.animate-spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:640px){.sm\:container,.sm\:px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.sm\:py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}}@media (max-width:768px){.md\:container,.md\:px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.md\:py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}}@media (max-width:1024px){.lg\:container,.lg\:px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.lg\:py-12{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}}:root{font-family:var(--font-family-primary),system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}#root{height:100%}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.button-base{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);border-radius:var(--border-radius-md);transition:all var(--animation-duration-fast) var(--ease-out);outline:none;cursor:pointer;border:none;text-decoration:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform,box-shadow}.button-base:focus{outline:2px solid var(--color-focus-primary);outline-offset:2px;box-shadow:0 0 0 4px #0056b333}.button-base:disabled{opacity:.5;cursor:not-allowed}.button-primary{background-color:var(--color-primary);color:var(--color-white);border:1px solid var(--color-primary)}.button-primary:hover:not(:disabled){background-color:var(--color-primary-800);border-color:var(--color-primary-800);transform:translateY(-2px);box-shadow:0 4px 20px #2a62874d}.button-primary:focus{outline:2px solid var(--color-focus-primary);outline-offset:2px;box-shadow:0 0 0 4px #0056b333}.button-secondary{background-color:var(--color-white);color:var(--color-primary);border:1px solid var(--color-primary)}.button-secondary:hover:not(:disabled){background-color:var(--color-primary-50);border-color:var(--color-primary-600);transform:translateY(-2px);box-shadow:0 2px 12px #2a628733}.button-secondary:focus{outline:2px solid var(--color-focus-primary);outline-offset:2px;box-shadow:0 0 0 4px #0056b333}.button-danger{background-color:var(--color-error);color:var(--color-white);border:1px solid var(--color-error)}.button-danger:hover:not(:disabled){background-color:var(--color-error-dark);border-color:var(--color-error-dark);transform:translateY(-2px);box-shadow:0 4px 20px #dc26264d}.button-danger:focus{outline:2px solid var(--color-focus-error);outline-offset:2px;box-shadow:0 0 0 4px #dc262633}.button-ghost{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-border-light)}.button-ghost:hover:not(:disabled){background-color:var(--color-primary-50);border-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 2px 12px #2a628726}.button-ghost:focus{outline:2px solid var(--color-focus-primary);outline-offset:2px;box-shadow:0 0 0 4px #0056b333}.button-static{background-color:var(--color-bg-primary);color:var(--color-primary);border:1px solid var(--color-primary)}.button-static:hover:not(:disabled){background-color:var(--color-primary-light-1000);border-color:var(--color-primary-600)}.button-static:focus{outline:2px solid var(--color-focus-primary);outline-offset:2px}.button-static:active:not(:disabled){background-color:var(--color-primary-100)}.button-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);min-height:2rem}.button-md{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);min-height:2.5rem}.button-lg{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-lg);min-height:3rem}.button-xl{padding:var(--spacing-6) var(--spacing-8);font-size:var(--font-size-xl);min-height:3.5rem}.button-loading{display:flex;align-items:center;gap:var(--spacing-2);pointer-events:none}.button-spinner{width:1rem;height:1rem;border:2px solid currentColor;border-top:2px solid transparent;border-radius:50%;animation:buttonSpin 1s linear infinite}@keyframes buttonSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button-base:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 6px #2a628733}.button-base:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 640px){.button-lg{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);min-height:2.5rem}.button-xl{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-lg);min-height:3rem}}@media (max-width: 480px){.button-base{width:100%;justify-content:center}}@media (max-width: 768px){.button-base{min-height:44px;min-width:44px;padding:var(--spacing-3) var(--spacing-4)}.button-sm{min-height:40px;min-width:40px;padding:var(--spacing-2) var(--spacing-3)}.button-md{min-height:44px;min-width:44px;padding:var(--spacing-3) var(--spacing-4)}.button-lg{min-height:48px;min-width:48px;padding:var(--spacing-4) var(--spacing-6)}.button-xl{min-height:52px;min-width:52px;padding:var(--spacing-5) var(--spacing-8)}}.input-container{width:100%}.input-label{display:block;font-family:var(--font-family-primary);font-size:var(--font-size-sm);line-height:var(--line-height-tight);font-weight:var(--font-weight-normal);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.input-field{width:100%;border:1px solid;border-radius:var(--border-radius-md);transition:all var(--animation-duration-fast) var(--ease-out);outline:none;font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);background-color:var(--color-bg-primary);color:var(--color-text-primary);will-change:transform,box-shadow,border-color}.input-field:focus{outline:2px solid var(--color-focus-primary);outline-offset:2px;box-shadow:0 0 0 4px #0056b333;transform:translateY(-1px) scale(1.01)}.input-field:disabled{opacity:.5;cursor:not-allowed}.input-default{border-color:var(--color-border-medium);background-color:var(--color-bg-primary)}.input-default:hover{border-color:var(--color-primary-light)}.input-default:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--color-primary-200)}.input-error{border-color:var(--color-error);background-color:var(--color-error-light)}.input-error:focus{border-color:var(--color-error);box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--color-error-200)}.input-success{border-color:var(--color-success);background-color:var(--color-success-light)}.input-success:focus{border-color:var(--color-success);box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--color-success-200)}.input-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);min-height:2rem}.input-md{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);min-height:2.5rem}.input-lg{padding:var(--spacing-4) var(--spacing-4);font-size:var(--font-size-lg);min-height:3rem}.input-xl{padding:var(--spacing-5) var(--spacing-6);font-size:var(--font-size-xl);min-height:3.5rem}.input-with-left-icon{padding-left:2.5rem}.input-with-right-icon{padding-right:2.5rem}.input-icon-container{position:absolute;top:50%;transform:translateY(-50%);color:var(--color-text-light)}.input-left-icon{left:.75rem}.input-right-icon{right:.75rem}.input-message{margin-top:var(--spacing-2);font-family:var(--font-family-primary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.input-message-error{color:var(--color-error)}.input-message-help{color:var(--color-text-muted)}@media (max-width: 640px){.input-lg{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);min-height:2.5rem}.input-xl{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-lg);min-height:3rem}}@media (max-width: 480px){.input-base{width:100%}}@media (max-width: 768px){.input-field{min-height:44px;padding:var(--spacing-3);font-size:var(--font-size-base)}.input-sm{min-height:40px;padding:var(--spacing-2);font-size:var(--font-size-sm)}.input-md{min-height:44px;padding:var(--spacing-3);font-size:var(--font-size-base)}.input-lg{min-height:48px;padding:var(--spacing-4);font-size:var(--font-size-lg)}.input-xl{min-height:52px;padding:var(--spacing-5);font-size:var(--font-size-xl)}}.checkbox-wrapper{display:flex;align-items:center;gap:var(--spacing-2)}.checkbox-wrapper.checkbox-sm{gap:var(--spacing-2)}.checkbox-wrapper.checkbox-lg{gap:var(--spacing-3)}.checkbox-container{position:relative;display:flex;align-items:center;cursor:pointer;flex-shrink:0}.checkbox-container.checkbox-sm{gap:var(--spacing-2)}.checkbox-container.checkbox-lg{gap:var(--spacing-4)}.checkbox-field{position:absolute;top:0;left:0;opacity:0;cursor:pointer;width:var(--spacing-5);height:var(--spacing-5);z-index:1;margin:0;padding:0}.checkbox-field.checkbox-sm{width:var(--spacing-4);height:var(--spacing-4)}.checkbox-field.checkbox-lg{width:var(--spacing-6);height:var(--spacing-6)}.checkbox-custom{position:relative;display:flex;align-items:center;justify-content:center;width:var(--spacing-5);height:var(--spacing-5);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-md);background-color:var(--color-bg-primary);transition:all var(--animation-duration-fast) var(--ease-out);cursor:pointer;will-change:transform,box-shadow,border-color;z-index:0}.checkbox-custom:hover{border-color:var(--color-primary-light);background-color:var(--color-primary-50)}.checkbox-field:focus+.checkbox-custom{outline:2px solid var(--color-focus-primary);outline-offset:2px;box-shadow:0 0 0 4px #0056b333;transform:translateY(-1px) scale(1.01)}.checkbox-field:checked+.checkbox-custom{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-field:checked+.checkbox-custom:hover{background-color:var(--color-primary-800);border-color:var(--color-primary-800);transform:translateY(-1px) scale(1.01);box-shadow:0 2px 12px #2a628733}.checkbox-field:checked+.checkbox-custom .checkbox-icon{opacity:1;transform:scale(1)}.checkbox-icon{width:12px;height:12px;color:var(--color-white);opacity:0;transform:scale(.8);transition:all var(--animation-duration-fast) var(--ease-out)}.checkbox-custom.checkbox-sm{width:var(--spacing-4);height:var(--spacing-4)}.checkbox-custom.checkbox-sm .checkbox-icon{width:10px;height:10px}.checkbox-custom.checkbox-lg{width:var(--spacing-6);height:var(--spacing-6)}.checkbox-custom.checkbox-lg .checkbox-icon{width:14px;height:14px}.checkbox-custom.checkbox-error{border-color:var(--color-error);background-color:var(--color-error-light)}.checkbox-custom.checkbox-error:hover{border-color:var(--color-error-dark);background-color:var(--color-error-100)}.checkbox-custom.checkbox-success{border-color:var(--color-success);background-color:var(--color-success-light)}.checkbox-custom.checkbox-success:hover{border-color:var(--color-success-dark);background-color:var(--color-success-100)}.checkbox-label{font-family:var(--font-family-primary);font-size:var(--font-size-sm);line-height:var(--line-height-tight);font-weight:var(--font-weight-normal);color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-container.checkbox-sm .checkbox-label{font-size:var(--font-size-xs)}.checkbox-container.checkbox-lg .checkbox-label{font-size:var(--font-size-base)}.checkbox-message{font-family:var(--font-family-primary);font-size:var(--font-size-xs);line-height:var(--line-height-tight);margin-top:var(--spacing-1)}.checkbox-message-error{color:var(--color-error)}.checkbox-message-help{color:var(--color-text-secondary)}.checkbox-field:disabled+.checkbox-custom{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-disabled);border-color:var(--color-border-light)}.checkbox-field:disabled~.checkbox-label{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion: reduce){.checkbox-custom,.checkbox-icon{transition:none}}.card-base{background-color:var(--color-bg-primary);border-radius:var(--border-radius-lg);overflow:hidden;position:relative}.card-default{background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);transition:all var(--animation-duration-fast) var(--ease-out);will-change:transform,box-shadow}.card-default:hover{box-shadow:0 8px 25px #2a628726;transform:translateY(-3px)}.card-outlined{background-color:var(--color-bg-primary);border:2px solid var(--color-primary);box-shadow:var(--shadow-sm);transition:all var(--animation-duration-fast) var(--ease-out);will-change:transform,box-shadow,border-color}.card-outlined:hover{border-color:var(--color-primary-600);box-shadow:0 8px 25px #2a628733;transform:translateY(-3px)}.card-elevated{background-color:var(--color-bg-primary);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);transition:all var(--animation-duration-fast) var(--ease-out);will-change:transform,box-shadow}.card-elevated:hover{box-shadow:0 12px 35px #2a628740;transform:translateY(-4px)}.card-filled{background-color:var(--color-primary-50);border:1px solid var(--color-primary-100);box-shadow:var(--shadow-sm);transition:all var(--animation-duration-fast) var(--ease-out);will-change:transform,box-shadow,background-color,border-color}.card-filled:hover{background-color:var(--color-primary-100);border-color:var(--color-primary-200);box-shadow:0 8px 25px #2a628733;transform:translateY(-3px)}.card-static{background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm)}.card-padding-none{padding:0}.card-padding-sm{padding:var(--spacing-4)}.card-padding-md{padding:var(--spacing-6)}.card-padding-lg{padding:var(--spacing-8)}.card-padding-xl{padding:var(--spacing-10)}.card-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-border-light);background-color:var(--color-bg-secondary)}.card-body{padding:var(--spacing-6)}.card-footer{padding:var(--spacing-6);border-top:1px solid var(--color-border-light);background-color:var(--color-bg-secondary)}.card-interactive{cursor:pointer;transition:all var(--animation-duration-fast) var(--ease-out)}.card-interactive:hover{transform:translateY(-2px);box-shadow:0 4px 16px #2a628726}.card-interactive:focus{outline:2px solid var(--color-focus-primary);outline-offset:2px;box-shadow:0 0 0 4px #0056b333}@media (max-width: 640px){.card-padding-lg{padding:var(--spacing-6)}.card-padding-xl{padding:var(--spacing-8)}}@media (max-width: 480px){.card-padding-md{padding:var(--spacing-4)}.card-padding-lg{padding:var(--spacing-5)}.card-padding-xl{padding:var(--spacing-6)}}.card-touch{min-height:120px;padding:var(--spacing-6)}@media (max-width: 768px){.card-touch{min-height:100px;padding:var(--spacing-4)}.card-base{border-radius:var(--border-radius-md)}.card-default:hover,.card-outlined:hover,.card-elevated:hover,.card-filled:hover{transform:translateY(-2px);box-shadow:0 4px 16px #2a628726}}@font-face{font-family:RotisSansSerif;src:url(../assets/fonts/RotisSansSerif-Regular.woff2) format("woff2"),url(../assets/fonts/RotisSansSerif-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:RotisSansSerif;src:url(../assets/fonts/RotisSansSerif-ExtraBold.woff2) format("woff2"),url(../assets/fonts/RotisSansSerif-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}.modal-container{position:relative;z-index:50}.modal-backdrop{position:fixed;inset:0;background-color:#00000040;animation:modalBackdrop var(--animation-duration-normal) var(--ease-out)}.modal-overlay{position:fixed;inset:0;overflow-y:auto}.modal-content-wrapper{display:flex;min-height:100%;align-items:center;justify-content:center;padding:1rem;text-align:center}.modal-panel{width:100%;transform:overflow-hidden;border-radius:1rem;background-color:var(--color-bg-primary);padding:1.5rem;text-align:left;vertical-align:middle;box-shadow:var(--shadow-xl);transition:all var(--animation-duration-normal) var(--ease-out);animation:modalContent var(--animation-duration-normal) var(--ease-bounce);will-change:transform,opacity}.modal-size-sm{max-width:28rem}.modal-size-md{max-width:32rem}.modal-size-lg{max-width:42rem}.modal-size-xl{max-width:56rem}.modal-size-full{max-width:80rem}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.modal-title{font-size:1.125rem;font-weight:500;line-height:1.5rem;color:var(--color-text-primary)}.modal-close-button{border-radius:.375rem;color:var(--color-text-light);transition:color .15s ease-in-out}.modal-close-button:hover{color:var(--color-text-muted)}.modal-close-button:focus{outline:none;box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--color-info)}.modal-close-icon{width:1.5rem;height:1.5rem}.modal-content{margin-top:.5rem}.modal-enter-backdrop{transition:opacity .3s ease-out}.modal-enter-backdrop-from{opacity:0}.modal-enter-backdrop-to{opacity:1}.modal-leave-backdrop{transition:opacity .2s ease-in}.modal-leave-backdrop-from{opacity:1}.modal-leave-backdrop-to{opacity:0}.modal-enter-panel{transition:all .3s ease-out}.modal-enter-panel-from{opacity:0;transform:scale(.95)}.modal-enter-panel-to{opacity:1;transform:scale(1)}.modal-leave-panel{transition:all .2s ease-in}.modal-leave-panel-from{opacity:1;transform:scale(1)}.modal-leave-panel-to{opacity:0;transform:scale(.95)}@media (max-width: 640px){.modal-size-sm{max-width:90vw}.modal-size-md,.modal-size-lg,.modal-size-xl,.modal-size-full{max-width:95vw}}@media (max-width: 768px){.modal-panel{border-radius:var(--border-radius-lg);margin:var(--spacing-4)}.modal-content-wrapper{padding:var(--spacing-2)}.modal-header,.modal-panel{padding:var(--spacing-4)}}@font-face{font-family:RotisSansSerif;src:url(../assets/fonts/RotisSansSerif-Regular.woff2) format("woff2"),url(../assets/fonts/RotisSansSerif-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:RotisSansSerif;src:url(../assets/fonts/RotisSansSerif-ExtraBold.woff2) format("woff2"),url(../assets/fonts/RotisSansSerif-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}.alert-base{border:1px solid;border-radius:.5rem;padding:1rem;animation:alertBounce var(--animation-duration-slow) var(--ease-bounce);will-change:transform,opacity}.alert-success{background-color:var(--color-green-50);border-color:var(--color-green-200);color:var(--color-green-700)}.alert-error{background-color:var(--color-red-50);border-color:var(--color-red-200);color:var(--color-red-700)}.alert-warning{background-color:var(--color-yellow-50);border-color:var(--color-yellow-200);color:var(--color-yellow-700)}.alert-info{background-color:var(--color-blue-50);border-color:var(--color-blue-200);color:var(--color-blue-700)}.alert-container{display:flex}.alert-icon-container{flex-shrink:0}.alert-content{margin-left:.75rem;flex:1}.alert-title{font-size:.875rem;font-weight:500;margin-bottom:.25rem}.alert-message{font-size:.875rem}.alert-close-container{margin-left:auto;padding-left:.75rem}.alert-close-button{display:inline-flex;border-radius:.375rem;padding:.375rem;transition:background-color .15s ease-in-out}.alert-close-button:hover{background-color:#0000001a}.alert-close-button:focus{outline:none;box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--color-info)}.alert-icon{width:1.25rem;height:1.25rem}.alert-close-icon{width:1rem;height:1rem}.alert-icon-success{color:var(--color-success)}.alert-icon-error{color:var(--color-error)}.alert-icon-warning{color:var(--color-warning)}.alert-icon-info{color:var(--color-info)}@font-face{font-family:RotisSansSerif;src:url(../assets/fonts/RotisSansSerif-Regular.woff2) format("woff2"),url(../assets/fonts/RotisSansSerif-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:RotisSansSerif;src:url(../assets/fonts/RotisSansSerif-ExtraBold.woff2) format("woff2"),url(../assets/fonts/RotisSansSerif-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}.loading-spinner-container{display:inline-block}.loading-spinner-sm{width:1rem;height:1rem}.loading-spinner-md{width:1.5rem;height:1.5rem}.loading-spinner-lg{width:2rem;height:2rem}.loading-spinner{border-radius:50%;height:100%;width:100%;border:2px solid var(--color-gray-300);border-top:2px solid var(--color-primary);animation:spin 1s var(--ease-in-out) infinite;will-change:transform;role:status;aria-label:"Carregando"}.loading-spinner-accessible{role:status;aria-label:"Carregando conteúdo";aria-live:polite}.brand{display:flex;align-items:center;gap:var(--spacing-6);font-family:var(--font-family-primary);animation:fadeIn var(--animation-duration-normal) var(--ease-out)}.brand__logo{flex-shrink:0;display:flex;align-items:center;justify-content:center}.brand__logo-svg{width:100%;height:100%;transition:transform var(--animation-duration-fast) var(--ease-out);will-change:transform}.brand__logo-svg:hover{transform:scale(1.05)}.brand__content{display:flex;flex-direction:column;gap:var(--spacing-2)}.brand__title{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0;color:var(--color-text-primary)}.brand__subtitle-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);margin:0;color:var(--color-text-secondary);opacity:.9}.brand--sm .brand__logo{width:2rem;height:2rem}.brand--sm .brand__title{font-size:var(--font-size-sm)}.brand--sm .brand__subtitle-text{font-size:var(--font-size-xs)}.brand--md .brand__logo{width:3rem;height:3rem}.brand--md .brand__title{font-size:var(--font-size-base)}.brand--md .brand__subtitle-text{font-size:var(--font-size-sm)}.brand--lg .brand__logo{width:4rem;height:4rem}.brand--lg .brand__title{font-size:var(--font-size-lg)}.brand--lg .brand__subtitle-text{font-size:var(--font-size-base)}.brand--xl .brand__logo{width:5rem;height:5rem}.brand--xl .brand__title{font-size:var(--font-size-xl)}.brand--xl .brand__subtitle-text{font-size:var(--font-size-lg)}.brand--full-color,.brand--full-color .brand__title{color:var(--color-primary)}.brand--full-color .brand__subtitle-text{color:var(--color-primary-light)}.brand--grayscale,.brand--grayscale .brand__title{color:var(--color-gray)}.brand--grayscale .brand__subtitle-text{color:var(--color-gray-600)}.brand--black,.brand--black .brand__title{color:var(--color-black)}.brand--black .brand__subtitle-text{color:var(--color-gray-800)}.brand--one-color,.brand--one-color .brand__title,.brand--one-color .brand__subtitle-text{color:var(--color-primary)}.brand--on-dark,.brand--on-dark .brand__title,.brand--on-dark .brand__subtitle-text{color:var(--color-white)}.brand__text--fonte{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:inherit}.brand__text--vida{font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);font-size:inherit}.brand__cross{transition:transform var(--transition-normal)}.brand__cross:hover{transform:scale(1.05)}.brand__waves{transition:opacity var(--transition-normal)}.brand__wave--1{opacity:1}.brand__wave--2{opacity:.9}.brand__wave--3{opacity:.8}.brand__wave--4{opacity:.7}.brand__wave--5{opacity:.6}.brand__subtitle--left,.brand__subtitle--right{font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);font-size:.75em}@media (max-width: 768px){.brand{gap:var(--spacing-4)}.brand--lg .brand__logo{width:3.5rem;height:3.5rem}.brand--xl .brand__logo{width:4.5rem;height:4.5rem}}@media (max-width: 640px){.brand{gap:var(--spacing-3)}.brand--lg .brand__logo{width:3rem;height:3rem}.brand--xl .brand__logo{width:4rem;height:4rem}.brand--lg .brand__title{font-size:var(--font-size-base)}.brand--xl .brand__title{font-size:var(--font-size-lg)}}@media (max-width: 480px){.brand{flex-direction:column;gap:var(--spacing-2);text-align:center}.brand--lg .brand__logo{width:2.5rem;height:2.5rem}.brand--xl .brand__logo{width:3rem;height:3rem}.brand--lg .brand__title{font-size:var(--font-size-sm)}.brand--xl .brand__title{font-size:var(--font-size-base)}}@keyframes brandFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.brand{animation:brandFadeIn .6s ease-out}.brand:hover .brand__logo-svg{transform:scale(1.02)}.brand:hover .brand__cross{transform:scale(1.05)}.brand:hover .brand__waves{opacity:.8}.brand:focus-within{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--border-radius-md)}.brand--centered{justify-content:center}.brand--left-aligned{justify-content:flex-start}.brand--right-aligned{justify-content:flex-end}.brand--stacked{flex-direction:column;text-align:center}.brand--inline{flex-direction:row;text-align:left}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem;animation:slideInDown var(--animation-duration-normal) var(--ease-out)}.page-header__content{flex:1}.page-header__title{font-weight:700;line-height:1.2;margin:0 0 .5rem;color:var(--color-white);animation:fadeIn var(--animation-duration-normal) var(--ease-out) var(--animation-delay-normal)}.page-header__subtitle{font-weight:400;line-height:1.5;margin:0;color:var(--color-white);animation:fadeIn var(--animation-duration-normal) var(--ease-out) var(--animation-delay-slow)}.page-header__actions{flex-shrink:0;display:flex;align-items:center;gap:.75rem}.page-header--left{text-align:left}.page-header--center{text-align:center;justify-content:center}.page-header--center .page-header__actions{order:-1}.page-header--right{text-align:right;flex-direction:row-reverse}.page-header--right .page-header__actions{order:-1}.page-header--sm .page-header__title{font-size:1.25rem}.page-header--md .page-header__title{font-size:1.5rem}.page-header--lg .page-header__title{font-size:2rem}.page-header--xl .page-header__title{font-size:2.5rem}@media (max-width: 768px){.page-header{flex-direction:column;align-items:stretch;text-align:center}.page-header__actions{justify-content:center}.page-header--right,.page-header--left{text-align:center;flex-direction:column}.page-header--right .page-header__actions,.page-header--left .page-header__actions{order:0}}@media (max-width: 640px){.page-header{gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.page-header__title{font-size:var(--font-size-lg);line-height:1.3}.page-header__subtitle{font-size:var(--font-size-sm)}.page-header__actions{gap:var(--spacing-2)}}@media (max-width: 480px){.page-header{gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.page-header__title{font-size:var(--font-size-base)}.page-header__subtitle{font-size:var(--font-size-xs)}.page-header__actions{flex-direction:column;gap:var(--spacing-2)}.page-header__actions>*{width:100%}}.page-header-responsive{display:grid;gap:var(--spacing-4);grid-template-columns:1fr}@media (min-width: 640px){.page-header-responsive{grid-template-columns:1fr auto;gap:var(--spacing-6)}}@media (min-width: 768px){.page-header-responsive{grid-template-columns:1fr auto;gap:var(--spacing-8)}}@media (min-width: 1024px){.page-header-responsive{grid-template-columns:1fr auto;gap:var(--spacing-10)}}.dropdown{position:relative;display:inline-block}.dropdown__trigger{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:var(--transition-fast)}.dropdown__trigger:focus{outline:2px solid var(--color-primary);outline-offset:2px}.dropdown--disabled .dropdown__trigger{cursor:not-allowed;opacity:.6}.dropdown--disabled .dropdown__trigger:focus{outline:none}.dropdown__menu{position:absolute;z-index:50;margin-top:var(--spacing-2);animation:dropdown-fade-in .2s ease-out}.dropdown__menu-content{background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dropdown__menu--bottom-right{top:100%;right:0}.dropdown__menu--bottom-left{top:100%;left:0}.dropdown__menu--top-right{bottom:100%;right:0;margin-top:0;margin-bottom:var(--spacing-2)}.dropdown__menu--top-left{bottom:100%;left:0;margin-top:0;margin-bottom:var(--spacing-2)}.dropdown__menu--sm{min-width:160px}.dropdown__menu--md{min-width:200px}.dropdown__menu--lg{min-width:240px}.dropdown__menu--xl{min-width:320px}.dropdown__menu--auto{min-width:auto}.dropdown__menu--align-width{width:100%;min-width:0}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.dropdown__menu--bottom-right,.dropdown__menu--bottom-left,.dropdown__menu--top-right,.dropdown__menu--top-left{right:-10px;left:auto}.dropdown__menu--sm{min-width:140px}.dropdown__menu--md{min-width:180px}.dropdown__menu--lg{min-width:200px}.dropdown__menu--xl{min-width:240px}}@media (max-width: 640px){.dropdown__menu--bottom-right,.dropdown__menu--bottom-left,.dropdown__menu--top-right,.dropdown__menu--top-left{right:-20px}.dropdown__menu--sm{min-width:120px}.dropdown__menu--md{min-width:160px}.dropdown__menu--lg{min-width:180px}.dropdown__menu--xl{min-width:200px}}.dropdown__menu-content button:hover,.dropdown__menu-content a:hover,.dropdown__menu-content [role=menuitem]:hover{background-color:var(--color-primary-50)!important;color:var(--color-primary-800)!important}.dropdown__trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dropdown--disabled .dropdown__trigger:focus-visible{outline:none}.language-selector{animation:fadeIn var(--animation-duration-normal) var(--ease-out)}.language-selector__header{margin:0;font-size:.875rem;font-weight:600;color:var(--color-text-primary);animation:slideInLeft var(--animation-duration-normal) var(--ease-out) var(--animation-delay-fast)}.language-selector__content{display:flex;flex-direction:column;gap:.5rem}.language-selector__buttons{display:flex;gap:.5rem;flex-wrap:wrap}.language-selector__button{animation:scaleIn var(--animation-duration-fast) var(--ease-bounce);transition:all var(--animation-duration-fast) var(--ease-out);will-change:transform,box-shadow}.language-selector__button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #2a628733}.language-selector__button:active{transform:translateY(0)}.language-selector__button:nth-child(1){animation-delay:var(--animation-delay-fast)}.language-selector__button:nth-child(2){animation-delay:var(--animation-delay-normal)}.language-selector__button:nth-child(3){animation-delay:var(--animation-delay-slow)}@media (max-width: 640px){.language-selector__buttons{justify-content:center}.language-selector__button{flex:1;min-width:120px}}@media (max-width: 480px){.language-selector{padding:var(--spacing-3)}.language-selector__header{font-size:var(--font-size-xs);text-align:center}.language-selector__buttons{flex-direction:column;gap:var(--spacing-2)}.language-selector__button{width:100%;min-width:auto;justify-content:center}}@media (max-width: 768px){.language-selector__button{min-height:44px;min-width:44px;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm)}.language-selector__header{margin-bottom:var(--spacing-3)}}.language-selector-responsive{display:grid;gap:var(--spacing-4);grid-template-columns:1fr}@media (min-width: 640px){.language-selector-responsive{grid-template-columns:auto 1fr;gap:var(--spacing-6)}}@media (min-width: 768px){.language-selector-responsive{grid-template-columns:auto 1fr;gap:var(--spacing-8)}}@font-face{font-family:RotisSansSerif;src:url(../assets/fonts/RotisSansSerif-Regular.woff2) format("woff2"),url(../assets/fonts/RotisSansSerif-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:RotisSansSerif;src:url(../assets/fonts/RotisSansSerif-ExtraBold.woff2) format("woff2"),url(../assets/fonts/RotisSansSerif-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}.ui-focus-ring{outline:none;box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--color-text-muted)}.ui-focus-ring-blue{outline:none;box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--color-info)}.ui-hover-opacity{transition:opacity .15s ease-in-out}.ui-hover-opacity:hover{opacity:.8}.ui-disabled{opacity:.5;cursor:not-allowed}.ui-padding-sm{padding:.75rem 1rem}.ui-padding-md{padding:1rem 1.5rem}.ui-padding-lg{padding:1.5rem 2rem}.ui-icon-sm{width:1rem;height:1rem}.ui-icon-md{width:1.5rem;height:1.5rem}.ui-icon-lg{width:2rem;height:2rem}.ui-flex-center{display:flex;align-items:center;justify-content:center}.ui-flex-between{display:flex;align-items:center;justify-content:space-between}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-secondary);animation:fadeIn var(--animation-duration-slow) var(--ease-out)}.loading-screen__content{text-align:center;animation:scaleIn var(--animation-duration-normal) var(--ease-bounce) var(--animation-delay-normal)}.loading-screen__spinner{margin-bottom:1rem}.loading-screen__message{color:var(--color-text-secondary);font-size:.875rem;margin:0;font-weight:500}.auth-layout{min-height:100vh;background:var(--gradient-primary);display:flex;flex-direction:column;padding:var(--spacing-4)}.auth-layout__container{width:540px;max-width:100%;margin:0 auto;flex:1;display:flex;flex-direction:column}.auth-layout__header{text-align:center;width:100%;padding-top:var(--spacing-12);flex-shrink:0}.auth-layout__brand{width:200px;height:auto;max-width:100%;margin:0 auto}.auth-layout__content{width:100%;display:flex;justify-content:center;margin-top:var(--spacing-1);flex:1}.auth-layout__footer{text-align:center;margin-top:auto;padding-bottom:var(--spacing-6);width:100%;flex-shrink:0}.auth-layout__copyright{color:var(--color-white);font-size:var(--font-size-sm);opacity:.8}@media (max-width: 640px){.auth-layout{padding:var(--spacing-3)}.auth-layout__container{width:100%;padding:0 var(--spacing-4)}.auth-layout__header{padding-top:var(--spacing-8)}.auth-layout__content{margin-top:var(--spacing-6);padding:var(--spacing-6)}}@font-face{font-family:RotisSansSerif;src:url(../assets/fonts/RotisSansSerif-Regular.woff2) format("woff2"),url(../assets/fonts/RotisSansSerif-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:RotisSansSerif;src:url(../assets/fonts/RotisSansSerif-ExtraBold.woff2) format("woff2"),url(../assets/fonts/RotisSansSerif-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}.sidebar-base{position:fixed;top:0;bottom:0;z-index:30;transition:all .3s ease-in-out}.sidebar-width-sm-open{width:12rem}.sidebar-width-sm-closed{width:4rem}.sidebar-width-md-open{width:13rem}.sidebar-width-md-closed{width:5rem}.sidebar-width-lg-open{width:20rem}.sidebar-width-lg-closed{width:4rem}.sidebar-default{background-color:var(--color-primary-medium)}.sidebar-bordered{background-color:var(--color-primary-medium);border-right:1px solid var(--color-primary)}.sidebar-elevated{background-color:var(--color-primary-medium);box-shadow:var(--shadow-lg)}.sidebar-left{left:0}.sidebar-right{right:0}.sidebar-toggle-button{position:absolute;top:1.35rem;z-index:50;transition:none}.sidebar-toggle-button-left{right:1.35rem;left:auto}.sidebar-toggle-button-right{left:50%;right:auto;transform:translate(-50%)}.sidebar-toggle-icon{width:1rem;height:1rem}.sidebar-content{height:100%;overflow-y:auto}.sidebar-content-open,.sidebar-content-closed{padding:.5rem .3rem}.footer{background:var(--color-white);padding:var(--spacing-4) var(--spacing-6);margin-top:auto;flex-shrink:0;width:100%}.footer__content{display:flex;justify-content:center;align-items:center;width:100%}.footer__copyright{color:var(--color-primary-medium);font-size:.875rem;font-weight:400;margin:0;text-align:center;opacity:.8}@media (max-width: 768px){.footer{padding:var(--spacing-3) var(--spacing-4)}.footer__copyright{font-size:.75rem}}@media (max-width: 640px){.footer{padding:var(--spacing-2) var(--spacing-3)}}.user-menu{display:inline-block;margin-top:.6rem}.user-menu .user-menu__trigger{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-md);transition:var(--transition-fast);color:var(--color-primary);font-size:.875rem;font-weight:600;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--color-white);border:1px solid var(--color-primary-200)}.user-menu .user-menu__trigger:hover{border-color:var(--color-primary-300);color:var(--color-primary-800)}.user-menu__trigger:hover .user-menu__name{color:var(--color-primary-800)!important}.user-menu__trigger:focus{outline:2px solid var(--color-primary);outline-offset:2px;background-color:var(--color-primary-100);color:var(--color-primary-800)!important}.user-menu__name{font-weight:600;color:inherit;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.user-menu__arrow{width:1rem;height:1rem;transition:transform var(--transition-fast);color:inherit;opacity:.8}.dropdown--open .user-menu__arrow{transform:rotate(180deg)}.user-menu__dropdown .dropdown__menu-content{background:var(--color-white)!important;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-primary-200);overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.user-menu__item{width:100%;background:none;border:none;padding:var(--spacing-3) var(--spacing-4);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-3);transition:var(--transition-fast);color:var(--color-primary-800)!important;font-size:.875rem;font-weight:500;text-align:left}.user-menu__item:hover{background-color:var(--color-primary-50);color:var(--color-primary-800)}.user-menu__item:focus{outline:2px solid var(--color-primary);outline-offset:-2px;background-color:var(--color-primary-50);color:var(--color-primary-800)}.user-menu__item--danger{color:var(--color-error-dark)}.user-menu__item--danger:hover{background-color:var(--color-error-light);color:var(--color-error-dark)}.user-menu__item--danger:focus{background-color:var(--color-error-light);color:var(--color-error-dark)}.user-menu__icon{width:1.125rem;height:1.125rem;flex-shrink:0;color:var(--color-primary-600);transition:var(--transition-fast)}.user-menu__item:hover .user-menu__icon{color:var(--color-primary-800)!important}.user-menu__item--danger .user-menu__icon,.user-menu__item--danger:hover .user-menu__icon{color:var(--color-error-dark)}.user-menu__text{flex:1;white-space:nowrap}.user-menu__divider{height:1px;background-color:var(--color-primary-200);margin:var(--spacing-1) 0}@media (max-width: 768px){.user-menu__name{max-width:80px;font-size:.8125rem}.user-menu__trigger{padding:var(--spacing-2) var(--spacing-2)}.user-menu__item{padding:var(--spacing-2) var(--spacing-3);font-size:.8125rem}.user-menu__icon{width:1rem;height:1rem}}@media (max-width: 640px){.user-menu__trigger{padding:var(--spacing-1) var(--spacing-2)}.user-menu__name{max-width:60px;font-size:.75rem}}@media (prefers-color-scheme: dark){.user-menu__dropdown .dropdown__menu-content{background:var(--color-gray-800);border-color:var(--color-gray-600)}.user-menu__item{color:var(--color-gray-100)}.user-menu__item:hover{background-color:var(--color-primary-900);color:var(--color-primary-100)}.user-menu__item--danger{color:var(--color-error-light)}.user-menu__item--danger:hover{background-color:var(--color-error-900);color:var(--color-error-100)}.user-menu__divider{background-color:var(--color-gray-600)}}.quick-action-card{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);padding:var(--spacing-4);cursor:pointer;transition:var(--transition-normal);-webkit-user-select:none;-moz-user-select:none;user-select:none}.quick-action-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);border-color:var(--color-border-medium)}.quick-action-card:focus{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:var(--shadow-md)}.quick-action-card__content{display:flex;align-items:flex-start;gap:var(--spacing-3)}.quick-action-card__icon{flex-shrink:0;width:var(--spacing-8);height:var(--spacing-8);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;transition:var(--transition-fast)}.quick-action-card__icon-text{color:currentColor}.quick-action-card__text{flex:1;min-width:0}.quick-action-card__title{font-size:1rem;font-weight:600;line-height:1.4;margin:0 0 var(--spacing-1) 0;color:var(--color-text-primary)}.quick-action-card__description{font-size:.875rem;line-height:1.4;margin:0;color:var(--color-text-tertiary)}.quick-action-card--blue .quick-action-card__icon{background-color:var(--color-primary-100);color:var(--color-primary)}.quick-action-card--blue:hover .quick-action-card__icon{background-color:var(--color-primary-200);color:var(--color-primary-800)}.quick-action-card--green .quick-action-card__icon{background-color:var(--color-primary-light-100);color:var(--color-primary-light-800)}.quick-action-card--green:hover .quick-action-card__icon{background-color:var(--color-primary-light-200);color:var(--color-primary-light-900)}.quick-action-card--purple .quick-action-card__icon{background-color:var(--color-success-light);color:var(--color-success-dark)}.quick-action-card--purple:hover .quick-action-card__icon{background-color:var(--color-success-light);color:var(--color-success);opacity:.9}.quick-action-card--yellow .quick-action-card__icon{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.quick-action-card--yellow:hover .quick-action-card__icon{background-color:var(--color-warning-light);color:var(--color-warning);opacity:.9}.quick-action-card--red .quick-action-card__icon{background-color:var(--color-error-light);color:var(--color-error-dark)}.quick-action-card--red:hover .quick-action-card__icon{background-color:var(--color-error-light);color:var(--color-error);opacity:.9}.quick-action-card--gray .quick-action-card__icon{background-color:var(--color-gray-100);color:var(--color-gray-700)}.quick-action-card--gray:hover .quick-action-card__icon{background-color:var(--color-gray-200);color:var(--color-gray-800)}.quick-action-card--disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-bg-secondary)}.quick-action-card--disabled:hover{box-shadow:var(--shadow-sm);transform:none;border-color:var(--color-border-light)}.quick-action-card--disabled .quick-action-card__title,.quick-action-card--disabled .quick-action-card__description{color:var(--color-text-muted)}.quick-action-card--icon-only{padding:var(--spacing-2);width:-moz-fit-content;width:fit-content;min-width:auto}.quick-action-card--icon-only .quick-action-card__content{justify-content:center;align-items:center;gap:0}.quick-action-card--icon-only .quick-action-card__icon{width:var(--spacing-8);height:var(--spacing-8);font-size:1.125rem}.quick-action-card--icon-only:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 640px){.quick-action-card{padding:var(--spacing-3)}.quick-action-card__content{gap:var(--spacing-2)}.quick-action-card__icon{width:var(--spacing-6);height:var(--spacing-6);font-size:.875rem}.quick-action-card__title{font-size:.875rem}.quick-action-card__description{font-size:.75rem}.quick-action-card--icon-only{padding:var(--spacing-1)}.quick-action-card--icon-only .quick-action-card__icon{width:var(--spacing-6);height:var(--spacing-6);font-size:1rem}}.dashboard-layout{display:flex;flex-direction:column;min-height:100vh;background:var(--color-white)}.dashboard-layout__sidebar{position:fixed!important;top:0;left:0;height:100vh;z-index:40;overflow-y:auto;overflow-x:visible;padding-top:3rem;padding-right:.5rem}.dashboard-layout__sidebar .sidebar-content{overflow:visible!important;height:100%!important;display:flex!important;flex-direction:column!important}.dashboard-layout__sidebar .sidebar-content-open,.dashboard-layout__sidebar .sidebar-content-closed{padding:0!important;overflow:visible!important;height:100%!important;display:flex!important;flex-direction:column!important}.dashboard-layout__sidebar-content{display:flex;flex-direction:column;height:100%;padding:var(--spacing-4) var(--spacing-4) var(--spacing-6) var(--spacing-4);gap:var(--spacing-4);box-sizing:border-box;overflow:visible!important}.dashboard-layout__sidebar-brand{display:flex;align-items:center;justify-content:center;padding-bottom:var(--spacing-4);border-bottom:1px solid rgba(255,255,255,.1)}.dashboard-layout__sidebar-logo{display:flex;align-items:center;justify-content:center;width:100%}.dashboard-layout__sidebar-logo-img{width:auto;height:8rem;max-width:100%;-o-object-fit:contain;object-fit:contain;transition:height .3s ease-in-out,padding .3s ease-in-out;padding:1rem}.dashboard-layout__sidebar .sidebar-content-closed .dashboard-layout__sidebar-logo-img{height:2.5rem;padding:.25rem}@media (max-width: 768px){.dashboard-layout__sidebar-logo-img{height:4rem;padding:.5rem}.dashboard-layout__sidebar .sidebar-content-closed .dashboard-layout__sidebar-logo-img{height:2rem;padding:.125rem}}.dashboard-layout__sidebar-nav{flex:1;min-height:0;overflow-y:auto;overflow-x:visible;position:relative}.dashboard-layout__sidebar-menu{display:flex;flex-direction:column;gap:.2rem;margin:0;padding:0;width:100%}.dashboard-layout__sidebar-menu-item{margin-bottom:0!important;padding:var(--spacing-3)!important;border-radius:var(--border-radius-md)!important;background-color:transparent!important;border:1px solid transparent!important;box-shadow:none!important;transition:var(--transition-fast)!important;visibility:visible!important;opacity:1!important;display:flex!important}.dashboard-layout__sidebar-menu-item:hover{background-color:#ffffff1a!important;border-color:var(--color-primary-200)!important;box-shadow:var(--shadow-sm)!important;transform:none!important}.dashboard-layout__sidebar-menu-item--active{background-color:#fff3!important;border-color:var(--color-primary-300)!important;box-shadow:var(--shadow-sm)!important}.dashboard-layout__sidebar-menu-item--active:hover{background-color:#ffffff4d!important;border-color:var(--color-primary-400)!important}.dashboard-layout__sidebar-menu-item .quick-action-card__content{gap:var(--spacing-2)!important;align-items:center!important}.dashboard-layout__sidebar-menu-item .quick-action-card__icon{width:var(--spacing-6)!important;height:var(--spacing-6)!important;font-size:.875rem!important;color:var(--color-white)!important}.dashboard-layout__sidebar-menu-item .quick-action-card__title{font-size:.875rem!important;font-weight:600!important;margin-bottom:0!important;color:var(--color-white)!important;line-height:1.2!important}.dashboard-layout__sidebar-menu-item .quick-action-card__description{font-size:.75rem!important;line-height:1.3!important;color:var(--color-primary-100)!important;margin-top:var(--spacing-1)!important}.dashboard-layout__sidebar-menu-item--active .quick-action-card__title{color:var(--color-white)!important}.dashboard-layout__sidebar-menu-item--active .quick-action-card__description{color:var(--color-primary-100)!important}.dashboard-layout__sidebar-menu-item.quick-action-card--icon-only{padding:var(--spacing-2)!important;margin-bottom:var(--spacing-2)!important;justify-content:center!important;align-items:center!important;min-height:2.5rem;display:flex!important;visibility:visible!important;opacity:1!important;width:100%!important;height:auto!important}.dashboard-layout__sidebar .quick-action-card,.dashboard-layout__sidebar .quick-action-card__content{display:flex!important;visibility:visible!important;opacity:1!important;width:100%!important}.dashboard-layout__sidebar .quick-action-card__icon{display:flex!important;visibility:visible!important;opacity:1!important}.dashboard-layout__sidebar-menu-item.quick-action-card--icon-only .quick-action-card__content{justify-content:center!important;align-items:center!important;padding:0!important;width:100%;height:100%}.dashboard-layout__sidebar-menu-item.quick-action-card--icon-only .quick-action-card__icon{width:1.5rem!important;height:1.5rem!important;margin:0!important;visibility:visible!important;opacity:1!important;display:flex!important}.dashboard-layout__sidebar-menu-item.quick-action-card--icon-only:hover{background-color:#ffffff26!important;transform:none!important}.dashboard-layout__sidebar-menu-item--active.quick-action-card--icon-only:hover{background-color:#ffffff40!important}@media (max-width: 1024px){.dashboard-layout__sidebar-menu-item .quick-action-card__description{display:none!important}.dashboard-layout__sidebar-menu-item .quick-action-card__title{font-size:.75rem!important}.dashboard-layout__sidebar-menu-item .quick-action-card__icon{width:var(--spacing-5)!important;height:var(--spacing-5)!important}}.dashboard-layout__main{flex:1;display:flex;flex-direction:column;height:100vh;transition:margin-left .3s ease-in-out;padding-bottom:100px}.dashboard-layout__main--sidebar-open{margin-left:13rem}.dashboard-layout__main--sidebar-closed{margin-left:5rem}.dashboard-layout__header{background:var(--gradient-primary);border-bottom:1px solid var(--color-primary-200);box-shadow:0 2px 20px #2a628733;position:sticky;top:0;z-index:5}.dashboard-layout__header-content{display:flex;align-items:flex-start;justify-content:space-between;padding:1.35rem 2rem .75rem;max-width:100%}.dashboard-layout__header-info{flex:1}.dashboard-layout__header-title{font-weight:700;line-height:1.2;margin:0 0 .5rem;color:var(--color-white);animation:fadeIn var(--animation-duration-normal) var(--ease-out) var(--animation-delay-normal)}.dashboard-layout__header-title--sm{font-size:1.25rem}.dashboard-layout__header-title--md{font-size:1.5rem}.dashboard-layout__header-title--lg{font-size:1.875rem}.dashboard-layout__header-title--xl{font-size:2.25rem}.dashboard-layout__header-subtitle{font-weight:400;line-height:1.5;margin:0;color:var(--color-white);animation:fadeIn var(--animation-duration-normal) var(--ease-out) var(--animation-delay-slow)}.dashboard-layout__content{flex:1;padding:0;display:flex;flex-direction:column;overflow:hidden;min-height:0;width:100%}.dashboard-layout__footer{position:fixed;bottom:0;left:0;width:100%;z-index:5;background:var(--color-white);padding:var(--spacing-4) 0;transition:left .3s ease-in-out,width .3s ease-in-out}.dashboard-layout__footer.sidebar-open{left:13rem;width:calc(100% - 13rem)}.dashboard-layout__footer.sidebar-closed{left:5rem;width:calc(100% - 5rem)}@media (max-width: 1024px){.dashboard-layout__main--sidebar-open{margin-left:12rem}.dashboard-layout__header-content{padding:.75rem 1.5rem}.dashboard-layout__content{padding:1.5rem}}@media (max-width: 768px){.dashboard-layout__main--sidebar-open,.dashboard-layout__main--sidebar-closed{margin-left:0}.dashboard-layout__header-content{padding:.75rem 1rem}.dashboard-layout__content{padding:1rem}.dashboard-layout__content-placeholder{padding:2rem 1rem}.dashboard-layout__sidebar-title{font-size:1rem}.dashboard-layout__sidebar-subtitle{font-size:.625rem}.dashboard-layout__footer,.dashboard-layout__footer.sidebar-open,.dashboard-layout__footer.sidebar-closed{margin-left:0;width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@font-face{font-family:RotisSansSerif;src:url(../assets/fonts/RotisSansSerif-Regular.woff2) format("woff2"),url(../assets/fonts/RotisSansSerif-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:RotisSansSerif;src:url(../assets/fonts/RotisSansSerif-ExtraBold.woff2) format("woff2"),url(../assets/fonts/RotisSansSerif-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}.container-base{width:100%}.container-size-sm{max-width:42rem}.container-size-md{max-width:56rem}.container-size-lg{max-width:72rem}.container-size-xl{max-width:80rem}.container-size-full{max-width:100%}.container-padding-none{padding:0}.container-padding-sm{padding:.5rem 1rem}.container-padding-md{padding:1rem 1.5rem}.container-padding-lg{padding:1.5rem 2rem}.container-centered{margin-left:auto;margin-right:auto}:root{--color-primary: #2a6287;--color-primary-rgb: 42, 98, 135;--color-primary-light: #63bdca;--color-primary-light-rgb: 99, 189, 202;--color-primary-medium: #326f91;--color-primary-medium-rgb: 50, 111, 145;--color-gray: #999999;--color-gray-rgb: 153, 153, 153;--color-black: #000000;--color-white: #ffffff;--gradient-primary: linear-gradient( 135deg, #2a6287 0%, #63bdca 50%, #ffffff 100% );--gradient-secondary: radial-gradient( circle at center, #63bdca 0%, #2a6287 50%, #999999 100% );--gradient-soft: linear-gradient(135deg, #2a6287 0%, #63bdca 100%);--color-primary-50: rgba(42, 98, 135, .1);--color-primary-100: rgba(42, 98, 135, .2);--color-primary-200: rgba(42, 98, 135, .3);--color-primary-300: rgba(42, 98, 135, .4);--color-primary-400: rgba(42, 98, 135, .6);--color-primary-500: #2a6287;--color-primary-600: rgba(42, 98, 135, .8);--color-primary-700: rgba(42, 98, 135, .9);--color-primary-800: #1e4a66;--color-primary-900: #0f2533;--color-primary-light-50: rgba(99, 189, 202, .1);--color-primary-light-100: rgba(99, 189, 202, .2);--color-primary-light-200: rgba(99, 189, 202, .3);--color-primary-light-300: rgba(99, 189, 202, .4);--color-primary-light-400: rgba(99, 189, 202, .6);--color-primary-light-500: #63bdca;--color-primary-light-600: rgba(99, 189, 202, .8);--color-primary-light-700: rgba(99, 189, 202, .9);--color-primary-light-800: #4a8f9a;--color-primary-light-900: #2a5a63;--color-primary-light-1000: #d1e4f0;--color-gray-50: rgba(153, 153, 153, .1);--color-gray-100: rgba(153, 153, 153, .2);--color-gray-200: rgba(153, 153, 153, .3);--color-gray-300: rgba(153, 153, 153, .4);--color-gray-400: rgba(153, 153, 153, .6);--color-gray-500: #999999;--color-gray-600: rgba(153, 153, 153, .8);--color-gray-700: rgba(153, 153, 153, .9);--color-gray-800: #666666;--color-gray-900: #333333;--color-success: #10b981;--color-success-light: #d1fae5;--color-success-dark: #059669;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #d97706;--color-error: #ef4444;--color-error-light: #fee2e2;--color-error-dark: #dc2626;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-info-dark: #2563eb;--color-text-primary: #2a6287;--color-text-secondary: #63bdca;--color-text-tertiary: #999999;--color-text-muted: rgba(153, 153, 153, .7);--color-text-light: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: rgba(42, 98, 135, .05);--color-bg-tertiary: rgba(99, 189, 202, .05);--color-bg-accent: rgba(42, 98, 135, .1);--color-border-light: rgba(99, 189, 202, .2);--color-border-medium: rgba(42, 98, 135, .3);--color-border-dark: rgba(42, 98, 135, .5);--shadow-sm: 0 1px 2px 0 rgba(42, 98, 135, .05);--shadow-md: 0 4px 6px -1px rgba(42, 98, 135, .1), 0 2px 4px -2px rgba(42, 98, 135, .1);--shadow-lg: 0 10px 15px -3px rgba(42, 98, 135, .1), 0 4px 6px -4px rgba(42, 98, 135, .1);--shadow-xl: 0 20px 25px -5px rgba(42, 98, 135, .1), 0 8px 10px -6px rgba(42, 98, 135, .1);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out}@font-face{font-family:RotisSansSerif;src:url(../assets/fonts/RotisSansSerif-Regular.woff2) format("woff2"),url(../assets/fonts/RotisSansSerif-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:RotisSansSerif;src:url(../assets/fonts/RotisSansSerif-ExtraBold.woff2) format("woff2"),url(../assets/fonts/RotisSansSerif-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}:root{--font-family-primary: "RotisSansSerif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-weight-normal: 400;--font-weight-bold: 800;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em}.font-primary{font-family:var(--font-family-primary)}.font-normal{font-weight:var(--font-weight-normal)}.font-bold{font-weight:var(--font-weight-bold)}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-tight)}.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-snug)}.text-base{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.text-lg{font-size:var(--font-size-lg);line-height:var(--line-height-normal)}.text-xl{font-size:var(--font-size-xl);line-height:var(--line-height-snug)}.text-2xl{font-size:var(--font-size-2xl);line-height:var(--line-height-tight)}.text-3xl{font-size:var(--font-size-3xl);line-height:var(--line-height-tight)}.text-4xl{font-size:var(--font-size-4xl);line-height:var(--line-height-tight)}.text-5xl{font-size:var(--font-size-5xl);line-height:var(--line-height-tight)}.text-6xl{font-size:var(--font-size-6xl);line-height:var(--line-height-tight)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.tracking-wider{letter-spacing:var(--letter-spacing-wider)}.tracking-widest{letter-spacing:var(--letter-spacing-widest)}.heading-1{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-4xl);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}.heading-2{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-3xl);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}.heading-3{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-2xl);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}.heading-4{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}.body-large{font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.body-medium{font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.body-small{font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-tertiary)}.caption{font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-break{word-break:break-word;overflow-wrap:break-word}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}@media (max-width: 640px){.heading-1{font-size:var(--font-size-3xl)}.heading-2{font-size:var(--font-size-2xl)}.heading-3{font-size:var(--font-size-xl)}.heading-4{font-size:var(--font-size-lg)}}@media (max-width: 480px){.heading-1{font-size:var(--font-size-2xl)}.heading-2{font-size:var(--font-size-xl)}.heading-3{font-size:var(--font-size-lg)}.heading-4{font-size:var(--font-size-base)}}:root{--animation-duration-fast: .15s;--animation-duration-normal: .3s;--animation-duration-slow: .5s;--animation-duration-slower: .7s;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--animation-delay-fast: 50ms;--animation-delay-normal: .1s;--animation-delay-slow: .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn var(--animation-duration-normal) var(--ease-out)}.animate-fade-in-fast{animation:fadeIn var(--animation-duration-fast) var(--ease-out)}.animate-fade-in-slow{animation:fadeIn var(--animation-duration-slow) var(--ease-out)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-up{animation:slideInUp var(--animation-duration-normal) var(--ease-out)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-down{animation:slideInDown var(--animation-duration-normal) var(--ease-out)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-left{animation:slideInLeft var(--animation-duration-normal) var(--ease-out)}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:slideInRight var(--animation-duration-normal) var(--ease-out)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn var(--animation-duration-normal) var(--ease-bounce)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate-fade-out{animation:fadeOut var(--animation-duration-normal) var(--ease-in)}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.animate-slide-out-up{animation:slideOutUp var(--animation-duration-normal) var(--ease-in)}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.animate-slide-out-down{animation:slideOutDown var(--animation-duration-normal) var(--ease-in)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.animate-bounce{animation:bounce 1s infinite}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.animate-shake{animation:shake .6s var(--ease-in-out)}.hover-lift{transition:transform var(--animation-duration-fast) var(--ease-out)}.hover-lift:hover{transform:translateY(-2px)}.hover-scale{transition:transform var(--animation-duration-fast) var(--ease-out)}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow var(--animation-duration-fast) var(--ease-out)}.hover-glow:hover{box-shadow:0 4px 20px #2a62874d}@keyframes skeletonPulse{0%{background-color:var(--color-gray-200)}50%{background-color:var(--color-gray-300)}to{background-color:var(--color-gray-200)}}.animate-skeleton{animation:skeletonPulse 1.5s var(--ease-in-out) infinite}@keyframes progressFill{0%{width:0%}to{width:100%}}.animate-progress{animation:progressFill var(--animation-duration-slow) var(--ease-out)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.animate-toast-in{animation:toastSlideIn var(--animation-duration-normal) var(--ease-bounce)}@keyframes alertBounce{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.animate-alert-bounce{animation:alertBounce var(--animation-duration-slow) var(--ease-bounce)}.input-focus-animation{transition:all var(--animation-duration-fast) var(--ease-out)}.input-focus-animation:focus{transform:scale(1.02)}@keyframes checkboxCheck{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.animate-checkbox-check{animation:checkboxCheck var(--animation-duration-fast) var(--ease-bounce)}@keyframes pageTransition{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-page-transition{animation:pageTransition var(--animation-duration-normal) var(--ease-out)}@keyframes menuItemSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.animate-menu-item{animation:menuItemSlide var(--animation-duration-fast) var(--ease-out)}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-card-entrance{animation:cardEntrance var(--animation-duration-normal) var(--ease-out)}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-count-up{animation:countUp var(--animation-duration-slow) var(--ease-out)}@keyframes modalBackdrop{0%{opacity:0}to{opacity:1}}.animate-modal-backdrop{animation:modalBackdrop var(--animation-duration-normal) var(--ease-out)}@keyframes modalContent{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-modal-content{animation:modalContent var(--animation-duration-normal) var(--ease-bounce)}.animation-delay-0{animation-delay:0ms}.animation-delay-50{animation-delay:50ms}.animation-delay-100{animation-delay:.1s}.animation-delay-150{animation-delay:.15s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-duration-fast{animation-duration:var(--animation-duration-fast)}.animation-duration-normal{animation-duration:var(--animation-duration-normal)}.animation-duration-slow{animation-duration:var(--animation-duration-slow)}.animation-ease-in-out{animation-timing-function:var(--ease-in-out)}.animation-ease-out{animation-timing-function:var(--ease-out)}.animation-ease-in{animation-timing-function:var(--ease-in)}.animation-ease-bounce{animation-timing-function:var(--ease-bounce)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px){:root{--animation-duration-fast: .1s;--animation-duration-normal: .2s;--animation-duration-slow: .3s}}.animate-performance{will-change:transform,opacity}.animate-gpu{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}:root{--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--breakpoint-desktop: 1280px;--breakpoint-wide: 1536px;--spacing-mobile: var(--spacing-4);--spacing-tablet: var(--spacing-6);--spacing-desktop: var(--spacing-8);--spacing-wide: var(--spacing-10)}.container-responsive{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-mobile);padding-right:var(--spacing-mobile)}.grid-responsive{display:grid;gap:var(--spacing-4);grid-template-columns:1fr}.flex-responsive{display:flex;flex-direction:column;gap:var(--spacing-4)}@media (max-width: 480px){.xs\:container{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.xs\:grid-responsive{grid-template-columns:1fr;gap:var(--spacing-3)}.xs\:flex-responsive{flex-direction:column;gap:var(--spacing-3)}.xs\:text-center{text-align:center}.xs\:hidden{display:none}.xs\:block{display:block}.xs\:w-full{width:100%}.xs\:px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.xs\:py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}}@media (max-width: 640px){.sm\:container{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.sm\:grid-responsive{grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.sm\:flex-responsive{flex-direction:row;gap:var(--spacing-4)}.sm\:text-left{text-align:left}.sm\:px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.sm\:py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.sm\:w-auto{width:auto}}@media (max-width: 768px){.md\:container{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.md\:grid-responsive{grid-template-columns:repeat(3,1fr);gap:var(--spacing-6)}.md\:px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.md\:py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.md\:touch-friendly{min-height:44px;min-width:44px}.md\:mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-fixed);background:var(--color-bg-primary);border-top:1px solid var(--color-border-light);padding:var(--spacing-3)}}@media (max-width: 1024px){.lg\:container{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.lg\:grid-responsive{grid-template-columns:repeat(4,1fr);gap:var(--spacing-8)}.lg\:px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.lg\:py-12{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.lg\:tablet-layout{max-width:960px;margin:0 auto}}@media (max-width: 1280px){.xl\:container{padding-left:var(--spacing-10);padding-right:var(--spacing-10)}.xl\:grid-responsive{grid-template-columns:repeat(6,1fr);gap:var(--spacing-10)}.xl\:px-10{padding-left:var(--spacing-10);padding-right:var(--spacing-10)}.xl\:py-16{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}}@media (max-width: 1536px){.\xl\:container{padding-left:var(--spacing-12);padding-right:var(--spacing-12)}.\xl\:grid-responsive{grid-template-columns:repeat(12,1fr);gap:var(--spacing-12)}.\xl\:px-12{padding-left:var(--spacing-12);padding-right:var(--spacing-12)}.\xl\:py-20{padding-top:var(--spacing-20);padding-bottom:var(--spacing-20)}}.touch-friendly{min-height:44px;min-width:44px;padding:var(--spacing-3);border-radius:var(--border-radius-md);transition:all var(--animation-duration-fast) var(--ease-out)}.touch-friendly:hover{transform:scale(1.05)}.touch-friendly:active{transform:scale(.95)}.button-touch{min-height:48px;min-width:48px;padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-base);border-radius:var(--border-radius-lg)}.input-touch{min-height:48px;padding:var(--spacing-4);font-size:var(--font-size-base);border-radius:var(--border-radius-md)}.cards-grid{display:grid;gap:var(--spacing-6);grid-template-columns:1fr}@media (min-width: 640px){.cards-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}}@media (min-width: 768px){.cards-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-8)}}@media (min-width: 1024px){.cards-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-10)}}.sidebar-layout{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media (min-width: 768px){.sidebar-layout{grid-template-columns:250px 1fr;gap:var(--spacing-8)}}@media (min-width: 1024px){.sidebar-layout{grid-template-columns:280px 1fr;gap:var(--spacing-10)}}.mobile-menu{position:fixed;inset:0;background:var(--color-bg-primary);z-index:var(--z-modal);transform:translate(-100%);transition:transform var(--animation-duration-normal) var(--ease-out)}.mobile-menu.open{transform:translate(0)}.menu-toggle{display:block;width:24px;height:24px;position:relative;cursor:pointer}@media (min-width: 768px){.menu-toggle{display:none}}.form-grid{display:grid;gap:var(--spacing-4);grid-template-columns:1fr}@media (min-width: 640px){.form-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}}@media (min-width: 1024px){.form-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-8)}}.form-field{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-field input,.form-field select,.form-field textarea{padding:var(--spacing-3);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-md);font-size:var(--font-size-base);transition:all var(--animation-duration-fast) var(--ease-out)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-100);outline:none}.table-responsive{overflow-x:auto;border-radius:var(--border-radius-lg);border:1px solid var(--color-border-light)}.table-responsive table{width:100%;border-collapse:collapse;min-width:600px}.table-responsive th,.table-responsive td{padding:var(--spacing-4);text-align:left;border-bottom:1px solid var(--color-border-light)}.table-responsive th{background-color:var(--color-bg-secondary);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.modal-responsive{width:90vw;max-width:500px;max-height:90vh;overflow-y:auto}@media (min-width: 640px){.modal-responsive{width:80vw;max-width:600px}}@media (min-width: 768px){.modal-responsive{width:70vw;max-width:700px}}@media (min-width: 1024px){.modal-responsive{width:60vw;max-width:800px}}.hidden-xs,.hidden-sm,.hidden-md,.hidden-lg,.hidden-xl{display:none}@media (min-width: 480px){.hidden-xs{display:block}}@media (min-width: 640px){.hidden-sm{display:block}}@media (min-width: 768px){.hidden-md{display:block}}@media (min-width: 1024px){.hidden-lg{display:block}}@media (min-width: 1280px){.hidden-xl{display:block}}.block-xs,.block-sm,.block-md,.block-lg,.block-xl{display:block}@media (max-width: 479px){.block-xs{display:none}}@media (max-width: 639px){.block-sm{display:none}}@media (max-width: 767px){.block-md{display:none}}@media (max-width: 1023px){.block-lg{display:none}}@media (max-width: 1279px){.block-xl{display:none}}@media (orientation: landscape) and (max-height: 500px){.landscape-optimized{padding:var(--spacing-2)}.landscape-optimized .header{height:60px}.landscape-optimized .content{padding:var(--spacing-3)}}@media (orientation: portrait) and (max-width: 500px){.portrait-optimized{padding:var(--spacing-4)}.portrait-optimized .header{height:80px}.portrait-optimized .content{padding:var(--spacing-6)}}@media (max-width: 768px){.mobile-optimized{box-shadow:0 2px 8px #0000001a;border-radius:var(--border-radius-md);animation-duration:.2s;transition-duration:.2s}.mobile-optimized *{transform:none;backface-visibility:visible;perspective:none}}@media (max-width: 768px){.focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}}@media (max-width: 768px){.mobile-contrast{color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-border-medium)}}.container-max{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--spacing-mobile);padding-right:var(--spacing-mobile)}@media (min-width: 640px){.container-max{padding-left:var(--spacing-tablet);padding-right:var(--spacing-tablet)}}@media (min-width: 1024px){.container-max{padding-left:var(--spacing-desktop);padding-right:var(--spacing-desktop)}}@media (min-width: 1280px){.container-max{padding-left:var(--spacing-wide);padding-right:var(--spacing-wide)}}:root{--color-text-primary-accessible: #1a1a1a;--color-text-secondary-accessible: #404040;--color-text-muted-accessible: #595959;--color-bg-primary-accessible: #ffffff;--color-bg-secondary-accessible: #f8f9fa;--color-bg-tertiary-accessible: #e9ecef;--color-border-accessible: #6c757d;--color-border-light-accessible: #adb5bd;--color-focus-primary: #0056b3;--color-focus-secondary: #6f42c1;--color-focus-error: #dc3545;--color-focus-success: #198754}*:focus{outline:2px solid var(--color-focus-primary);outline-offset:2px}button:focus,.button-base:focus{outline:2px solid var(--color-focus-primary);outline-offset:2px;box-shadow:0 0 0 4px #0056b333}input:focus,select:focus,textarea:focus,.input-field:focus{outline:2px solid var(--color-focus-primary);outline-offset:2px;box-shadow:0 0 0 4px #0056b333}a:focus{outline:2px solid var(--color-focus-primary);outline-offset:2px;text-decoration:underline}.card-base:focus-within{outline:2px solid var(--color-focus-primary);outline-offset:2px;box-shadow:0 0 0 4px #0056b333}.card-static:focus-within{outline:none;box-shadow:var(--shadow-sm)}.login-form:focus-within{outline:none;box-shadow:var(--shadow-sm)}.modal-panel:focus{outline:2px solid var(--color-focus-primary);outline-offset:2px}nav:focus,.navigation:focus{outline:2px solid var(--color-focus-primary);outline-offset:2px}.keyboard-navigation *:focus{outline:3px solid var(--color-focus-primary);outline-offset:3px;box-shadow:0 0 0 6px #0056b34d}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-focus-primary);color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:var(--z-fixed);transition:top .3s}.skip-link:focus{top:6px}.tabbable{outline:none}.tabbable:focus-visible{outline:2px solid var(--color-focus-primary);outline-offset:2px}.tab-active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.img-alt{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-label{display:block;margin-bottom:var(--spacing-2);font-weight:var(--font-weight-medium);color:var(--color-text-primary-accessible)}.field-description{margin-top:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-text-secondary-accessible)}.error-message{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-1);font-weight:var(--font-weight-medium)}.success-message{color:var(--color-success);font-size:var(--font-size-sm);margin-top:var(--spacing-1);font-weight:var(--font-weight-medium)}.button-aria{position:relative}.button-aria[aria-label]:after{content:attr(aria-label);position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}@media (max-width: 768px){*:focus{outline-width:3px;outline-offset:3px}button:focus,.button-base:focus{outline-width:3px;outline-offset:3px;box-shadow:0 0 0 6px #0056b34d}}@media (max-width: 768px){.mobile-contrast{color:var(--color-text-primary-accessible);background-color:var(--color-bg-primary-accessible);border:1px solid var(--color-border-accessible)}}@media (max-width: 768px){.touch-accessible{min-height:44px;min-width:44px;padding:var(--spacing-3)}}.focus-visible:focus:not(:focus-visible){outline:none}.focus-visible:focus-visible{outline:2px solid var(--color-focus-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.motion-reduced{animation:none!important;transition:none!important}}@media (prefers-contrast: high){.high-contrast{border:2px solid currentColor;background-color:transparent;color:currentColor}}@media (prefers-color-scheme: dark){.dark-mode{--color-text-primary-accessible: #ffffff;--color-text-secondary-accessible: #e0e0e0;--color-bg-primary-accessible: #1a1a1a;--color-bg-secondary-accessible: #2d2d2d}}.accessibility-test{position:relative}.accessibility-test:before{content:"A11Y";position:absolute;top:0;left:0;background:var(--color-focus-primary);color:#fff;padding:2px 4px;font-size:10px;border-radius:2px;z-index:var(--z-tooltip)}.validation-grid{display:grid;gap:var(--spacing-4);grid-template-columns:1fr;padding:var(--spacing-4);background:var(--color-bg-secondary);border:2px dashed var(--color-border-medium);border-radius:var(--border-radius-lg)}.validation-grid:before{content:"TESTE RESPONSIVIDADE";display:block;font-weight:var(--font-weight-bold);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-4);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md)}@media (min-width: 640px){.validation-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}}@media (min-width: 768px){.validation-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-8)}}@media (min-width: 1024px){.validation-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-10)}}.breakpoint-indicator{position:fixed;top:10px;right:10px;background:var(--color-primary);color:#fff;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);z-index:var(--z-tooltip);box-shadow:var(--shadow-md)}.breakpoint-indicator:before{content:"Breakpoint: "}.contrast-test{padding:var(--spacing-4);margin:var(--spacing-4) 0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.contrast-test:before{content:"TESTE CONTRASTE WCAG";display:block;font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md)}.contrast-test-normal{background:var(--color-bg-primary);color:var(--color-text-primary-accessible);padding:var(--spacing-3);margin:var(--spacing-2) 0;border-radius:var(--border-radius-md)}.contrast-test-large{background:var(--color-bg-primary);color:var(--color-text-primary-accessible);padding:var(--spacing-3);margin:var(--spacing-2) 0;border-radius:var(--border-radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.focus-test{padding:var(--spacing-4);margin:var(--spacing-4) 0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.focus-test:before{content:"TESTE FOCO VISUAL";display:block;font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md)}.focus-test-button{margin:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--animation-duration-fast) var(--ease-out)}.focus-test-button:hover{background:var(--color-primary-700)}.focus-test-button:focus{outline:2px solid var(--color-focus-primary);outline-offset:2px;box-shadow:0 0 0 4px #0056b333}.keyboard-test{padding:var(--spacing-4);margin:var(--spacing-4) 0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.keyboard-test:before{content:"TESTE NAVEGAÇÃO POR TECLADO";display:block;font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md)}.keyboard-test-item{display:inline-block;margin:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--animation-duration-fast) var(--ease-out)}.keyboard-test-item:hover{background:var(--color-primary-50);border-color:var(--color-primary)}.keyboard-test-item:focus{outline:2px solid var(--color-focus-primary);outline-offset:2px;box-shadow:0 0 0 4px #0056b333}.performance-test{padding:var(--spacing-4);margin:var(--spacing-4) 0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.performance-test:before{content:"TESTE PERFORMANCE MOBILE";display:block;font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md)}.performance-test-item{padding:var(--spacing-3);margin:var(--spacing-2) 0;background:var(--color-bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--color-border-light)}.performance-test-item.mobile-optimized{box-shadow:0 2px 8px #0000001a;border-radius:var(--border-radius-md)}.animation-test{padding:var(--spacing-4);margin:var(--spacing-4) 0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.animation-test:before{content:"TESTE ANIMAÇÕES";display:block;font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md)}.animation-test-item{width:100px;height:100px;background:var(--color-primary);border-radius:var(--border-radius-md);margin:var(--spacing-2);display:inline-block;animation:validationPulse 2s infinite}@keyframes validationPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.compatibility-test{padding:var(--spacing-4);margin:var(--spacing-4) 0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.compatibility-test:before{content:"TESTE COMPATIBILIDADE";display:block;font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md)}.compatibility-test-item{padding:var(--spacing-3);margin:var(--spacing-2) 0;background:var(--color-bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--color-border-light)}.test-active{position:relative}.test-active:after{content:"TESTE ATIVO";position:absolute;top:-10px;right:-10px;background:var(--color-success);color:#fff;padding:2px 6px;font-size:10px;border-radius:4px;font-weight:var(--font-weight-bold)}.test-failed{position:relative}.test-failed:after{content:"FALHOU";position:absolute;top:-10px;right:-10px;background:var(--color-error);color:#fff;padding:2px 6px;font-size:10px;border-radius:4px;font-weight:var(--font-weight-bold)}.test-passed{position:relative}.test-passed:after{content:"PASSOU";position:absolute;top:-10px;right:-10px;background:var(--color-success);color:#fff;padding:2px 6px;font-size:10px;border-radius:4px;font-weight:var(--font-weight-bold)}.grid-test{display:grid;gap:var(--spacing-4);grid-template-columns:repeat(12,1fr);padding:var(--spacing-4);background:var(--color-bg-secondary);border:2px dashed var(--color-border-medium);border-radius:var(--border-radius-lg)}.grid-test:before{content:"TESTE GRID SYSTEM";display:block;font-weight:var(--font-weight-bold);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-4);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md);grid-column:1 / -1}.grid-test-item{background:var(--color-primary);color:#fff;padding:var(--spacing-2);text-align:center;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.grid-test-item.col-1{grid-column:span 1}.grid-test-item.col-2{grid-column:span 2}.grid-test-item.col-3{grid-column:span 3}.grid-test-item.col-4{grid-column:span 4}.grid-test-item.col-6{grid-column:span 6}.grid-test-item.col-12{grid-column:span 12}.flex-test{display:flex;flex-wrap:wrap;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-bg-secondary);border:2px dashed var(--color-border-medium);border-radius:var(--border-radius-lg)}.flex-test:before{content:"TESTE FLEXBOX";display:block;font-weight:var(--font-weight-bold);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-4);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md);width:100%}.flex-test-item{background:var(--color-primary);color:#fff;padding:var(--spacing-3);border-radius:var(--border-radius-md);font-weight:var(--font-weight-semibold);min-width:120px;text-align:center}.component-test{padding:var(--spacing-4);margin:var(--spacing-4) 0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.component-test:before{content:"TESTE COMPONENTES UI";display:block;font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md)}.component-test-grid{display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-test{padding:var(--spacing-4);margin:var(--spacing-4) 0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.form-test:before{content:"TESTE FORMULÁRIOS";display:block;font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md)}.form-test-grid{display:grid;gap:var(--spacing-4);grid-template-columns:1fr}@media (min-width: 640px){.form-test-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.form-test-grid{grid-template-columns:repeat(3,1fr)}}.typography-test{padding:var(--spacing-4);margin:var(--spacing-4) 0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.typography-test:before{content:"TESTE TIPOGRAFIA";display:block;font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md)}.typography-test h1{font-size:var(--font-size-4xl);margin:var(--spacing-2) 0}.typography-test h2{font-size:var(--font-size-3xl);margin:var(--spacing-2) 0}.typography-test h3{font-size:var(--font-size-2xl);margin:var(--spacing-2) 0}.typography-test h4{font-size:var(--font-size-xl);margin:var(--spacing-2) 0}.typography-test h5{font-size:var(--font-size-lg);margin:var(--spacing-2) 0}.typography-test h6{font-size:var(--font-size-base);margin:var(--spacing-2) 0}.typography-test p{margin:var(--spacing-2) 0;line-height:var(--line-height-relaxed)}.color-test{padding:var(--spacing-4);margin:var(--spacing-4) 0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.color-test:before{content:"TESTE CORES";display:block;font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md)}.color-test-grid{display:grid;gap:var(--spacing-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.color-test-item{padding:var(--spacing-3);border-radius:var(--border-radius-md);text-align:center;font-weight:var(--font-weight-semibold);min-height:80px;display:flex;align-items:center;justify-content:center}.color-test-primary{background:var(--color-primary);color:#fff}.color-test-secondary{background:var(--color-secondary);color:#fff}.color-test-success{background:var(--color-success);color:#fff}.color-test-warning{background:var(--color-warning);color:#fff}.color-test-error{background:var(--color-error);color:#fff}.color-test-info{background:var(--color-info);color:#fff}.spacing-test{padding:var(--spacing-4);margin:var(--spacing-4) 0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.spacing-test:before{content:"TESTE ESPAÇAMENTO";display:block;font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md)}.spacing-test-item{background:var(--color-primary);color:#fff;padding:var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);text-align:center;margin:var(--spacing-1);display:inline-block}.spacing-test-xs{margin:var(--spacing-1)}.spacing-test-sm{margin:var(--spacing-2)}.spacing-test-md{margin:var(--spacing-3)}.spacing-test-lg{margin:var(--spacing-4)}.spacing-test-xl{margin:var(--spacing-6)}.spacing-test-2xl{margin:var(--spacing-8)}.border-test{padding:var(--spacing-4);margin:var(--spacing-4) 0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.border-test:before{content:"TESTE BORDAS";display:block;font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md)}.border-test-item{padding:var(--spacing-4);margin:var(--spacing-2);background:var(--color-bg-secondary);display:inline-block;text-align:center;min-width:100px}.border-test-sm{border-radius:var(--border-radius-sm)}.border-test-md{border-radius:var(--border-radius-md)}.border-test-lg{border-radius:var(--border-radius-lg)}.border-test-xl{border-radius:var(--border-radius-xl)}.border-test-full{border-radius:var(--border-radius-full)}.shadow-test{padding:var(--spacing-4);margin:var(--spacing-4) 0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.shadow-test:before{content:"TESTE SOMBRAS";display:block;font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md)}.shadow-test-item{padding:var(--spacing-4);margin:var(--spacing-2);background:var(--color-bg-primary);border-radius:var(--border-radius-md);display:inline-block;text-align:center;min-width:120px;min-height:80px}.shadow-test-sm{box-shadow:var(--shadow-sm)}.shadow-test-md{box-shadow:var(--shadow-md)}.shadow-test-lg{box-shadow:var(--shadow-lg)}.shadow-test-xl{box-shadow:var(--shadow-xl)}.animation-validation-test{padding:var(--spacing-4);margin:var(--spacing-4) 0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.animation-validation-test:before{content:"TESTE ANIMAÇÕES";display:block;font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md)}.animation-validation-test-item{width:80px;height:80px;background:var(--color-primary);border-radius:var(--border-radius-md);margin:var(--spacing-2);display:inline-block}.animation-validation-test-fade{animation:validationFade 2s infinite}.animation-validation-test-slide{animation:validationSlide 2s infinite}.animation-validation-test-scale{animation:validationScale 2s infinite}.animation-validation-test-rotate{animation:validationRotate 2s infinite}@keyframes validationFade{0%,to{opacity:1}50%{opacity:.3}}@keyframes validationSlide{0%,to{transform:translate(0)}50%{transform:translate(20px)}}@keyframes validationScale{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes validationRotate{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.responsiveness-test{padding:var(--spacing-4);margin:var(--spacing-4) 0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.responsiveness-test:before{content:"TESTE RESPONSIVIDADE";display:block;font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md)}.responsiveness-test-grid{display:grid;gap:var(--spacing-4);grid-template-columns:1fr}@media (min-width: 640px){.responsiveness-test-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.responsiveness-test-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.responsiveness-test-grid{grid-template-columns:repeat(4,1fr)}}.responsiveness-test-item{background:var(--color-primary);color:#fff;padding:var(--spacing-3);border-radius:var(--border-radius-md);text-align:center;font-weight:var(--font-weight-semibold)}.accessibility-validation-test{padding:var(--spacing-4);margin:var(--spacing-4) 0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.accessibility-validation-test:before{content:"TESTE ACESSIBILIDADE";display:block;font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md)}.accessibility-validation-test-item{padding:var(--spacing-3);margin:var(--spacing-2) 0;background:var(--color-bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--color-border-light)}.performance-validation-test{padding:var(--spacing-4);margin:var(--spacing-4) 0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.performance-validation-test:before{content:"TESTE PERFORMANCE";display:block;font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md)}.performance-validation-test-item{padding:var(--spacing-3);margin:var(--spacing-2) 0;background:var(--color-bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--color-border-light)}.compatibility-validation-test{padding:var(--spacing-4);margin:var(--spacing-4) 0;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.compatibility-validation-test:before{content:"TESTE COMPATIBILIDADE";display:block;font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-2);background:var(--color-primary-50);border-radius:var(--border-radius-md)}.compatibility-validation-test-item{padding:var(--spacing-3);margin:var(--spacing-2) 0;background:var(--color-bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--color-border-light)}.test-indicator{position:fixed;bottom:20px;left:20px;background:var(--color-primary);color:#fff;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-lg);font-weight:var(--font-weight-semibold);z-index:var(--z-tooltip);box-shadow:var(--shadow-lg);cursor:pointer;transition:all var(--animation-duration-fast) var(--ease-out)}.test-indicator:hover{background:var(--color-primary-700);transform:translateY(-2px)}.test-overlay{position:fixed;inset:0;background:#000c;z-index:var(--z-modal);display:none;align-items:center;justify-content:center;padding:var(--spacing-4)}.test-overlay.active{display:flex}.test-overlay-content{background:var(--color-bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-6);max-width:800px;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-xl)}@media (max-width: 768px){.test-overlay-content{margin:var(--spacing-4);padding:var(--spacing-4)}.test-indicator{bottom:10px;left:10px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}}@media (max-width: 480px){.validation-grid{grid-template-columns:1fr;gap:var(--spacing-3);padding:var(--spacing-3)}.component-test-grid{grid-template-columns:1fr}.color-test-grid{grid-template-columns:repeat(2,1fr)}}:root{--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-32: 8rem;--spacing-brand: 1.5rem;--spacing-section: 3rem;--spacing-page: 2rem}:root{--border-radius-none: 0;--border-radius-sm: .125rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--border-radius-3xl: 1.5rem;--border-radius-full: 9999px;--border-width-0: 0;--border-width-1: 1px;--border-width-2: 2px;--border-width-4: 4px;--border-width-8: 8px}:root{--container-max-width: 1200px;--container-padding: var(--spacing-page);--grid-columns: 12;--grid-gap: var(--spacing-6);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.grid{display:grid;gap:var(--grid-gap)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.m-10{margin:var(--spacing-10)}.m-12{margin:var(--spacing-12)}.m-16{margin:var(--spacing-16)}.m-20{margin:var(--spacing-20)}.m-24{margin:var(--spacing-24)}.m-32{margin:var(--spacing-32)}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-0{margin-top:var(--spacing-0)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-5{margin-top:var(--spacing-5)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mt-10{margin-top:var(--spacing-10)}.mt-12{margin-top:var(--spacing-12)}.mt-16{margin-top:var(--spacing-16)}.mt-20{margin-top:var(--spacing-20)}.mt-24{margin-top:var(--spacing-24)}.mt-32{margin-top:var(--spacing-32)}.mb-0{margin-bottom:var(--spacing-0)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-5{margin-bottom:var(--spacing-5)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mb-10{margin-bottom:var(--spacing-10)}.mb-12{margin-bottom:var(--spacing-12)}.mb-16{margin-bottom:var(--spacing-16)}.mb-20{margin-bottom:var(--spacing-20)}.mb-24{margin-bottom:var(--spacing-24)}.mb-32{margin-bottom:var(--spacing-32)}.ml-0{margin-left:var(--spacing-0)}.ml-1{margin-left:var(--spacing-1)}.ml-2{margin-left:var(--spacing-2)}.ml-3{margin-left:var(--spacing-3)}.ml-4{margin-left:var(--spacing-4)}.ml-5{margin-left:var(--spacing-5)}.ml-6{margin-left:var(--spacing-6)}.ml-8{margin-left:var(--spacing-8)}.ml-10{margin-left:var(--spacing-10)}.ml-12{margin-left:var(--spacing-12)}.ml-16{margin-left:var(--spacing-16)}.ml-20{margin-left:var(--spacing-20)}.ml-24{margin-left:var(--spacing-24)}.ml-32{margin-left:var(--spacing-32)}.mr-0{margin-right:var(--spacing-0)}.mr-1{margin-right:var(--spacing-1)}.mr-2{margin-right:var(--spacing-2)}.mr-3{margin-right:var(--spacing-3)}.mr-4{margin-right:var(--spacing-4)}.mr-5{margin-right:var(--spacing-5)}.mr-6{margin-right:var(--spacing-6)}.mr-8{margin-right:var(--spacing-8)}.mr-10{margin-right:var(--spacing-10)}.mr-12{margin-right:var(--spacing-12)}.mr-16{margin-right:var(--spacing-16)}.mr-20{margin-right:var(--spacing-20)}.mr-24{margin-right:var(--spacing-24)}.mr-32{margin-right:var(--spacing-32)}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.p-10{padding:var(--spacing-10)}.p-12{padding:var(--spacing-12)}.p-16{padding:var(--spacing-16)}.p-20{padding:var(--spacing-20)}.p-24{padding:var(--spacing-24)}.p-32{padding:var(--spacing-32)}.px-0{padding-left:var(--spacing-0);padding-right:var(--spacing-0)}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-5{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.px-10{padding-left:var(--spacing-10);padding-right:var(--spacing-10)}.px-12{padding-left:var(--spacing-12);padding-right:var(--spacing-12)}.px-16{padding-left:var(--spacing-16);padding-right:var(--spacing-16)}.px-20{padding-left:var(--spacing-20);padding-right:var(--spacing-20)}.px-24{padding-left:var(--spacing-24);padding-right:var(--spacing-24)}.px-32{padding-left:var(--spacing-32);padding-right:var(--spacing-32)}.py-0{padding-top:var(--spacing-0);padding-bottom:var(--spacing-0)}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-5{padding-top:var(--spacing-5);padding-bottom:var(--spacing-5)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.py-10{padding-top:var(--spacing-10);padding-bottom:var(--spacing-10)}.py-12{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.py-16{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}.py-20{padding-top:var(--spacing-20);padding-bottom:var(--spacing-20)}.py-24{padding-top:var(--spacing-24);padding-bottom:var(--spacing-24)}.py-32{padding-top:var(--spacing-32);padding-bottom:var(--spacing-32)}.rounded-none{border-radius:var(--border-radius-none)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-2xl{border-radius:var(--border-radius-2xl)}.rounded-3xl{border-radius:var(--border-radius-3xl)}.rounded-full{border-radius:var(--border-radius-full)}.border-0{border-width:var(--border-width-0)}.border{border-width:var(--border-width-1)}.border-2{border-width:var(--border-width-2)}.border-4{border-width:var(--border-width-4)}.border-8{border-width:var(--border-width-8)}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.cursor-auto{cursor:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.transform,.transform-gpu{transform:translateZ(0)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.animate-spin{animation:spin 1s linear infinite}@media (max-width: 640px){.sm\:container,.sm\:px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.sm\:py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}}@media (max-width: 768px){.md\:container,.md\:px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.md\:py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}}@media (max-width: 1024px){.lg\:container,.lg\:px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.lg\:py-12{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}}.text-gray-400{color:var(--color-text-light)}.text-gray-500{color:var(--color-text-muted)}.text-gray-600,.text-gray-700,.text-gray-800{color:var(--color-text-secondary)}.text-gray-900{color:var(--color-text-primary)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-yellow-500{color:var(--color-yellow-500)}.bg-white{background-color:var(--color-bg-primary)}.bg-gray-50{background-color:var(--color-bg-secondary)}.bg-gray-100{background-color:var(--color-bg-tertiary)}.bg-transparent{background-color:transparent}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-yellow-50{background-color:var(--color-yellow-50)}.border-gray-100{border-color:var(--color-bg-tertiary)}.border-gray-200{border-color:var(--color-border-light)}.border-gray-300{border-color:var(--color-border-medium)}.border-blue-200{border-color:var(--color-blue-200)}.border-red-200{border-color:var(--color-red-200)}.border-green-200{border-color:var(--color-green-200)}.border-yellow-200{border-color:var(--color-yellow-200)}.form-label{display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.25rem}.form-field:has(input:disabled){opacity:.75}.password-field-container{position:relative}.password-toggle-button{position:absolute;top:0;bottom:0;right:0;padding-right:.75rem;display:flex;align-items:center;color:var(--color-text-light);transition:color .15s ease-in-out}.password-toggle-button:hover{color:var(--color-text-secondary)}.password-toggle-button:disabled{opacity:.5;cursor:not-allowed}.submit-button{width:100%}.submit-button-content{display:flex;align-items:center;justify-content:center}.submit-button-spinner{margin-right:.5rem}.auth-switch-container{margin-top:1.5rem;text-align:center}.auth-switch-text{font-size:.875rem;line-height:1.25rem;color:var(--color-text-secondary)}.auth-switch-button{font-weight:500;color:var(--color-blue-600);transition:color .15s ease-in-out}.auth-switch-button:hover{color:var(--color-info)}.auth-switch-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}}.layout-transition-all{transition:all .3s ease-in-out}.layout-transition-colors{transition:color .15s ease-in-out}.layout-w-16{width:4rem}.layout-w-48{width:12rem}.layout-w-64{width:16rem}.layout-w-80{width:20rem}.layout-max-w-2xl{max-width:42rem}.layout-max-w-4xl{max-width:56rem}.layout-max-w-6xl{max-width:72rem}.layout-max-w-7xl{max-width:80rem}.layout-max-w-full{max-width:100%}.layout-px-2{padding-left:.5rem;padding-right:.5rem}.layout-px-4{padding-left:1rem;padding-right:1rem}.layout-px-6{padding-left:1.5rem;padding-right:1.5rem}.layout-px-8{padding-left:2rem;padding-right:2rem}.layout-py-2{padding-top:.5rem;padding-bottom:.5rem}.layout-py-4{padding-top:1rem;padding-bottom:1rem}.layout-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.layout-top-4{top:1rem}.layout-right-3{right:.75rem}.layout-left-3{left:.75rem}.layout-overflow-y-auto{overflow-y:auto}@media (max-width: 640px){.layout-px-6{padding-left:1rem;padding-right:1rem}.layout-px-8{padding-left:1.5rem;padding-right:1.5rem}}.header-base{width:100%;z-index:40}.header-default{border-bottom:1px solid var(--color-border-light)}.header-bordered{border-bottom:2px solid var(--color-border-medium)}.header-elevated{box-shadow:var(--shadow-md);border-bottom:1px solid var(--color-bg-tertiary)}.header-bg-white{background-color:var(--color-bg-primary)}.header-bg-gray{background-color:var(--color-bg-secondary)}.header-bg-transparent{background-color:transparent}.header-sticky{position:sticky;top:0}.login-form-options{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-3)}.login-form-forgot-link{color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);transition:all var(--animation-duration-fast) var(--ease-out)}.login-form-forgot-link:hover{color:var(--color-primary-dark);text-decoration:underline}.login-form-forgot-link:focus{outline:2px solid var(--color-focus-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}.login-form-submit{margin-top:var(--spacing-2)}.login-form-button{width:100%}.login-form-register{display:flex;justify-content:center;align-items:center;gap:var(--spacing-10);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:var(--border-width-1) solid var(--color-gray-200)}.login-form-register span{color:var(--color-gray-600);font-size:var(--font-size-sm)}.login-form-error,.login-form-validation-error{margin-bottom:var(--spacing-2)}@media (max-width: 540px){.login-form-container{padding:var(--spacing-4)}.login-form-card{padding:var(--spacing-5);max-width:100%}.login-form-title{font-size:var(--font-size-base)}.login-form-options{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}}.forgot-password-form-error{margin-bottom:var(--spacing-2);padding:var(--spacing-3);background-color:var(--color-error-light);color:var(--color-error);border:var(--border-width-1) solid var(--color-error);border-radius:var(--border-radius-md);font-size:var(--font-size-sm)}.register-form-options{display:flex;justify-content:flex-start;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-2)}.register-form-submit{margin-top:var(--spacing-2)}.register-form-button{width:100%}.register-form-login{display:flex;justify-content:center;align-items:center;gap:var(--spacing-10);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:var(--border-width-1) solid var(--color-gray-200)}.register-form-login span{color:var(--color-gray-600);font-size:var(--font-size-sm)}.register-form-error,.register-form-validation-error{margin-bottom:var(--spacing-2)}@media (max-width: 540px){.register-form-container{padding:var(--spacing-4)}.register-form-card{padding:var(--spacing-5);max-width:100%}.register-form-title{font-size:var(--font-size-base)}.register-form-options{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}}.dashboard-header__container{position:relative;background-color:var(--color-white);box-shadow:var(--shadow-sm);border-radius:0 0 1rem 1rem;overflow:hidden}.dashboard-header{padding:1rem 1.5rem;position:relative;z-index:2}.dashboard-header__wave{position:absolute;bottom:0;left:0;right:0;z-index:1;opacity:.4}.dashboard-header__user-info{display:flex;align-items:center;gap:1rem}.dashboard-header__user-greeting{font-size:.875rem;color:var(--color-gray-700)}.dashboard-header__user-name{font-weight:500}.dashboard-header__admin-badge{margin-left:.5rem;display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:var(--color-red-100);color:var(--color-red-800)}@media (max-width: 768px){.dashboard-header{padding:1rem}.dashboard-header__user-info{gap:.75rem}}.welcome-card{margin-bottom:2rem}.welcome-card__header{margin-bottom:1.5rem}.welcome-card__stats{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.welcome-card__stat{padding:1rem;border-radius:.5rem;border:1px solid}.welcome-card__stat-title{font-weight:500;margin-bottom:.5rem}.welcome-card__stat-value{font-size:1.5rem;font-weight:700;line-height:1.2}.welcome-card__details{font-size:.875rem;color:var(--color-gray-500)}.welcome-card__details p{margin:0}.welcome-card__stat--blue{background-color:var(--color-blue-50);border-color:var(--color-blue-200)}.welcome-card__stat--blue .welcome-card__stat-title{color:var(--color-blue-900)}.welcome-card__stat--blue .welcome-card__stat-value{color:var(--color-blue-700)}.welcome-card__stat--green{background-color:var(--color-green-50);border-color:var(--color-green-200)}.welcome-card__stat--green .welcome-card__stat-title{color:var(--color-green-900)}.welcome-card__stat--green .welcome-card__stat-value{color:var(--color-green-700)}.welcome-card__stat--purple{background-color:var(--color-purple-50);border-color:var(--color-purple-200)}.welcome-card__stat--purple .welcome-card__stat-title{color:var(--color-purple-900)}.welcome-card__stat--purple .welcome-card__stat-value{color:var(--color-purple-700)}.welcome-card__stat--red{background-color:var(--color-red-50);border-color:var(--color-red-200)}.welcome-card__stat--red .welcome-card__stat-title{color:var(--color-red-900)}.welcome-card__stat--red .welcome-card__stat-value{color:var(--color-red-700)}.welcome-card__stat--yellow{background-color:var(--color-yellow-50);border-color:var(--color-yellow-200)}.welcome-card__stat--yellow .welcome-card__stat-title{color:var(--color-yellow-900)}.welcome-card__stat--yellow .welcome-card__stat-value{color:var(--color-yellow-700)}.welcome-card__stat--gray{background-color:var(--color-gray-50);border-color:var(--color-gray-200)}.welcome-card__stat--gray .welcome-card__stat-title{color:var(--color-gray-900)}.welcome-card__stat--gray .welcome-card__stat-value{color:var(--color-gray-700)}@media (min-width: 768px){.welcome-card__stats{grid-template-columns:repeat(3,1fr)}}.login-page{width:100%;display:flex;justify-content:center;align-items:center}.login-page__form{animation:fadeInUp .5s ease-out}.login-page__loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);text-align:center}.login-page__loading-spinner{width:var(--spacing-8);height:var(--spacing-8);border:var(--border-width-4) solid var(--color-gray-200);border-top:var(--border-width-4) solid var(--color-primary);border-radius:var(--border-radius-full);animation:spin 1s linear infinite}.login-page__loading p{color:var(--color-gray-600);font-size:var(--font-size-sm);margin:0}.forgot-password-page{width:100%;display:flex;justify-content:center;align-items:center}.forgot-password-page__form{animation:fadeInUp .5s ease-out}.auth-form-container{display:flex;justify-content:center;align-items:center;padding:var(--spacing-8);background:transparent;width:100%}.auth-form-card{width:100%;max-width:360px;padding:var(--spacing-6);background-color:var(--color-white);border:var(--border-width-1) solid var(--color-gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.auth-form-header{text-align:center;margin-bottom:var(--spacing-4)}.auth-form-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0 0 var(--spacing-1) 0;line-height:var(--line-height-tight)}.auth-form-subtitle{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0;line-height:var(--line-height-relaxed)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-3)}.auth-form-field{display:flex;flex-direction:column}.auth-form-actions{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-4)}.auth-form-button{width:100%}.auth-form-error{margin-bottom:var(--spacing-2)}@media (max-width: 540px){.auth-form-container{padding:var(--spacing-4)}.auth-form-card{padding:var(--spacing-5);max-width:100%}.auth-form-title{font-size:var(--font-size-base)}}.auth-form-button:disabled{opacity:.6;cursor:not-allowed}.auth-form-button.isLoading{position:relative}.auth-form-button.isLoading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.auth-form-success .auth-form-header{color:var(--color-green-600)}.auth-form-success .auth-form-title{color:var(--color-green-700)}.auth-form-error-title{color:var(--color-red-600)!important}.auth-form-error{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.reset-password-page{width:100%;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4)}.reset-password-page__form{width:100%}.reset-password-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);min-height:200px}.reset-password-page__loading-spinner{width:32px;height:32px;border:3px solid var(--color-gray-200);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.reset-password-page__loading p{font-size:var(--font-size-base);color:var(--color-gray-600);margin:0}@media (max-width: 640px){.reset-password-page{padding:var(--spacing-2)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.register-page{width:100%;display:flex;justify-content:center;align-items:center}.register-page__form{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--color-white)}.dashboard-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--color-white);padding:var(--spacing-6)}.dashboard-page__error-card{max-width:400px;text-align:center;margin-bottom:var(--spacing-6)}.dashboard-page__error-actions{display:flex;gap:var(--spacing-4)}.dashboard-page__error-button{background:var(--color-primary);color:var(--color-white);border:none;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--border-radius-md);font-weight:600;cursor:pointer;transition:var(--transition-normal)}.dashboard-page__error-button:hover{background:var(--color-primary-700);transform:translateY(-1px)}.dashboard-page__header-actions{position:absolute;top:.75rem;right:2rem;z-index:10}.dashboard-page__content-placeholder{max-width:600px;width:100%;padding:3rem 2rem;text-align:center}.dashboard-page__placeholder-card{padding:3rem 2rem;text-align:center;background:var(--color-white);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm)}.dashboard-page__placeholder-card h3{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem}.dashboard-page__placeholder-card p{font-size:1rem;color:var(--color-text-muted);margin:0;line-height:1.5}@media (max-width: 1024px){.dashboard-page__header-actions{right:1.5rem}.dashboard-page__content-placeholder{padding:2rem 1.5rem}}@media (max-width: 768px){.dashboard-page__header-actions{right:1rem;top:.5rem}.dashboard-page__content-placeholder,.dashboard-page__placeholder-card{padding:2rem 1rem}.dashboard-page__placeholder-card h3{font-size:1.25rem}.dashboard-page__placeholder-card p{font-size:.875rem}}.calendario-page{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;margin:0;padding:0;position:relative}.calendario-page__container{width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-white);border-radius:0;box-shadow:none;overflow:hidden}.calendario-page__iframe{width:100%;height:100%;border:none;border-radius:0;min-height:calc(100vh - 220px);max-height:calc(100vh - 220px)}@media (max-width: 768px){.calendario-page__iframe{min-height:calc(100vh - 200px);max-height:calc(100vh - 200px)}}
