@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;font-display:block;src:url(/assets/material-symbols-outlined-BmmV8Mzf.woff2) format("woff2")}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}:root{--font-family-base: "Bricolage Grotesque Variable", sans-serif;--font-family-heading: "Bricolage Grotesque Variable", sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}:root{--indigo-900: #040a14;--indigo-800: #081428;--indigo-700: #0b1d3d;--indigo-600: #0f2751;--indigo-500: #133165;--indigo-400: #425a84;--indigo-300: #7183a3;--indigo-200: #a1adc1;--indigo-100: #d0d6e0;--smoke-900: #303030;--smoke-800: #616161;--smoke-700: #919191;--smoke-600: #c1c1c1;--smoke-500: #f2f2f2;--smoke-400: #f5f5f5;--smoke-300: #f7f7f7;--smoke-200: #fafafa;--smoke-100: #ffffff;--prussian-900: #030508;--prussian-800: #060911;--prussian-700: #0a0e19;--prussian-600: #0d1222;--prussian-500: #10172a;--prussian-400: #18223a;--prussian-300: #334155;--prussian-200: #47576d;--prussian-100: #6f829e;--emerald-900: #012716;--emerald-800: #034e2c;--emerald-700: #127654;--emerald-600: #069c58;--emerald-500: #07c36e;--emerald-400: #39cf8b;--emerald-300: #83e1b6;--emerald-200: #9ce7c5;--emerald-100: #cdf3e2;--danger-900: #471818;--danger-800: #6c2525;--danger-700: #922e2e;--danger-600: #ba3c3c;--danger-500: #e03e3e;--danger-400: #ff6868;--danger-300: #ff8e8e;--danger-200: #f4b9b9;--danger-100: #fae2e2;--warning-900: #332400;--warning-800: #664700;--warning-700: #996b00;--warning-600: #b87d00;--warning-500: #e59b00;--warning-400: #fbbf32;--warning-300: #fbce64;--warning-200: #ffdb90;--warning-100: #fbf0d9;--success-900: #133110;--success-800: #194216;--success-700: #21591e;--success-600: #2d7528;--success-500: #3d9b35;--success-400: #64be5c;--success-300: #94cf8f;--success-200: #bee4bb;--success-100: #e2f0e1;--info-900: #0C2D45;--info-800: #123F5C;--info-700: #1A5478;--info-600: #226B96;--info-500: #2F8FE0;--info-400: #55A6EC;--info-300: #85C2F3;--info-200: #B8DEF8;--info-100: #E3F3FD;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-medium: .5s cubic-bezier(.4, 0, .2, 1);--container-md: 700px;--container-lg: 820px;--container-xl: 1200px;--container-2xl: 1440px;--icon-size-xs: 1rem;--icon-size-sm: 1.125rem;--icon-size-md: 1.25rem;--icon-size-lg: 1.5rem;--icon-size-xl: 2.25rem;--icon-size-2xl: 3rem;--z-default: 1;--z-dropdown: 800;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-toast: 600;--z-tooltip: 700;--sidebar-width: 256px;--sidebar-collapsed-width: 72px;--table-min-width: 70rem;--button-height-principal: 2.25rem;--button-height-secundary: 2rem;--button-height-terciary: 1.75rem;--badge-height-principal: 2.25rem;--badge-height-secundary: 2rem;--badge-height-terciary: 1.75rem;--input-heigth: 2.375rem;--checkbox--size: 1rem;--switch-width: 2.75rem;--switch-height: 1.5rem;--switch-thumb-size: 1rem;--switch-padding: .25rem;--modal-xs: 26.25rem;--modal-sm: 35rem;--modal-md: 45rem;--modal-lg: 60rem;--modal-xl: 95rem;--modal-fullscreen-w: 100vw;--modal-fullscreen-h: 90vh}:root{--color-primary: var(--emerald-500);--color-primary-light: var(--emerald-300);--color-primary-dark: var(--emerald-600);--color-secondary: var(--indigo-500);--color-secondary-light: var(--indigo-400);--color-secondary-dark: var(--indigo-700);--color-tertiary: var(--indigo-100);--color-tertiary-light: var(--indigo-200);--color-tertiary-dark: var(--indigo-700);--bg-base: var(--smoke-400);--bg-surface: var(--smoke-100);--bg-surface-elevated: var(--smoke-300);--bg-card: var(--bg-surface);--bg-modal: var(--bg-surface);--bg-sidebar: var(--bg-surface);--bg-input: var(--bg-surface);--bg-input-disabled: var(--smoke-400);--bg-table-header: var(--indigo-100);--text-table-body-hover: var(--smoke-500);--bg-radio: var(--smoke-400);--text-primary: var(--prussian-500);--text-secondary: var(--prussian-400);--text-muted: var(--prussian-200);--text-on-primary: var(--smoke-100);--text-table-head: var(--prussian-200);--text-table-body: var(--prussian-200);--text-input-placeholder: var();--text-input-hover: var();--text-input-disabled:var();--input-border: var(--indigo-100);--input-border-active: var(--prussian-500);--input-border-error: var(--danger-400);--input-text: var(--prussian-400);--input-text-placeholder: var(--prussian-200);--input-text-disabled: color-mix( in srgb, var(--prussian-200) 50%, transparent );--input-bg: var(--bg-surface);--input-bg-disabled: var(--smoke-400);--text-h1: var(--prussian-400);--text-h2: var(--prussian-400);--text-h3: var(--prussian-400);--text-h4: var(--prussian-400);--text-p1: var(--prussian-400);--text-p2: var(--prussian-400);--text-p3: var(--prussian-200);--state-success: var(--success-500);--state-success-bg:color-mix(in srgb, var(--success-500) 15%, transparent);--state-success-border: var(--success-500);--state-success-text: var(--success-500);--state-success-hover-bg: var(--success-600);--state-success-hover-border: var(--success-600);--state-success-hover-text: var(--text-on-primary);--state-warning: var(--warning-500);--state-warning-bg: color-mix(in srgb, var(--warning-500) 15%, transparent);--state-warning-border: var(--warning-500);--state-warning-text: var(--warning-600);--state-warning-hover-bg: var(--warning-600);--state-warning-hover-border: var(--warning-600);--state-warning-hover-text: var(--text-on-primary);--state-danger: var(--danger-500);--state-danger-bg: color-mix(in srgb, var(--danger-500) 15%, transparent);--state-danger-border: var(--danger-500);--state-danger-text: var(--danger-500);--state-danger-hover-bg: var(--danger-600);--state-danger-hover-border: var(--danger-600);--state-danger-hover-text: var(--text-on-primary);--state-info: var(--info-500);--state-info-bg: var(--info-500);--state-info-border: var(--info-500);--state-info-text: var(--text-on-primary);--state-info-hover-bg: var(--info-600);--state-info-hover-border: var(--info-600);--state-info-hover-text: var(--text-on-primary);--state-primary: var(--color-primary);--state-primary-bg: var(--state-primary);--state-primary-border: var(--state-primary);--state-primary-text: var(--text-on-primary);--state-primary-hover-bg: var(--color-primary-dark);--state-primary-hover-border: var(--color-primary-dark);--state-primary-hover-text: var(--text-on-primary);--state-primary-disabled-bg: var(--color-primary-light);--state-primary-disabled-border: var(--color-primary-light);--state-primary-disabled-text: var(--text-on-primary);--state-olprimary-text: var(--color-primary);--state-olprimary-hover-bg: color-mix(in srgb, var(--color-primary) 15%, transparent);--state-secondary: var(--color-primary);--state-secondary-bg: var(--color-secondary);--state-secondary-border: var(--color-secondary);--state-secondary-text: var(--text-on-primary);--state-secondary-hover-bg: var(--color-secondary-dark);--state-secondary-hover-border: var(--color-secondary-dark);--state-secondary-hover-text: var(--text-on-primary);--state-secondary-disabled-bg: var(--indigo-200);--state-secondary-disabled-border: var(--indigo-200);--state-secondary-disabled-text: var(--text-on-primary);--state-olsecondary-text: var(--color-secondary);--state-olsecondary-hover-bg: var(--indigo-100);--state-tertiary: var(--color-tertiary);--state-tertiary-bg: var(--color-tertiary);--state-tertiary-border: var(--color-tertiary);--state-tertiary-text: var(--text-secondary);--state-tertiary-hover-bg: var(--color-tertiary-light);--state-tertiary-hover-border: var(--color-tertiary-light);--state-tertiary-hover-text: var(--text-secondary);--state-tertiary-disabled-bg: var(--color-tertiary-light);--state-tertiary-disabled-border: var(--color-tertiary );--state-tertiary-disabled-text: var(--text-secondary);--focus-ring: var(--prussian-500);--border-color: var(--indigo-100);--border-color-check: var(--smoke-100);--border-color-hover: var(--prussian-500);--border-light: var(--smoke-300);--border-strong: var(--smoke-700);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--disabled-bg: var(--smoke-500);--disabled-text: var(--smoke-700);--disabled-border: var(--smoke-600);--overlay-bg: rgba(255, 255, 255, .95);--overlay-backdrop: rgba(16, 23, 42, .45);--switch-background:var(--smoke-400);--switch-background-activated:var(--color-primary);--switch-activated:var(--smoke-100);--switch-deactivated:var(--indigo-100);--switch-box-shadow: var(--shadow-sm)}[data-theme=dark]{--color-primary: var(--emerald-500);--color-primary-light: var(--emerald-300);--color-primary-dark: var(--emerald-600);--focus-ring: var(--smoke-100);--color-secondary: var(--indigo-400);--color-secondary-dark: var(--indigo-300);--color-secondary-light: var(--indigo-600);--color-tertiary: var(--prussian-300);--color-tertiary-light: var(--prussian-200);--color-tertiary-dark: var(--prussian-400);--bg-base: var(--prussian-500);--bg-surface: var(--prussian-400);--bg-surface-elevated: var(--prussian-300);--bg-card: var(--bg-surface);--bg-modal: var(--bg-surface);--bg-sidebar: var(--bg-surface);--bg-input: var(--bg-surface);--bg-input-disabled: var(--prussian-500);--bg-table-header: var(--indigo-400);--bg-radio: var(--prussian-500);--text-primary: var(--smoke-200);--text-secondary: var(--smoke-600);--text-muted: var(--smoke-700);--text-on-primary: var(--smoke-100);--text-table-head: var(--smoke-100);--text-table-body: var(--prussian-100);--text-table-body-hover: var(--prussian-200);--input-border: var(--prussian-300);--input-border-active: var(--smoke-100);--input-border-error: var(--danger-400);--input-text: var(--smoke-100);--input-text-placeholder: var(--prussian-100);--input-text-disabled: var(--prussian-100);--input-bg: var(--bg-surface);--input-bg-disabled: var(--prussian-500);--state-success: var(--success-500);--state-success-bg:color-mix(in srgb, var(--success-500) 15%, transparent);--state-success-border: var(--success-500);--state-success-text: var(--success-500);--state-success-hover-bg: var(--success-600);--state-success-hover-border: var(--success-600);--state-success-hover-text: var(--text-on-primary);--state-warning: var(--warning-500);--state-warning-bg: color-mix(in srgb, var(--warning-500) 15%, transparent);--state-warning-border: var(--warning-500);--state-warning-text: var(--warning-600);--state-warning-hover-bg: var(--warning-600);--state-warning-hover-border: var(--warning-600);--state-warning-hover-text: var(--text-on-primary);--state-danger: var(--danger-500);--state-danger-bg: color-mix(in srgb, var(--danger-500) 15%, transparent);--state-danger-border: var(--danger-500);--state-danger-text: var(--danger-500);--state-danger-hover-bg: var(--danger-600);--state-danger-hover-border: var(--danger-600);--state-danger-hover-text: var(--text-on-primary);--state-info: var(--info-500);--state-info-bg: var(--info-500);--state-info-border: var(--info-500);--state-info-text: var(--text-on-primary);--state-info-hover-bg: var(--info-600);--state-info-hover-border: var(--info-600);--state-info-hover-text: var(--text-on-primary);--state-primary: var(--color-primary);--state-primary-bg: var(--color-primary);--state-primary-border: var(--color-primary);--state-primary-text: var(--text-on-primary);--state-primary-hover-bg: var(--color-primary-dark);--state-primary-hover-border: var(--color-primary-dark);--state-primary-hover-text: var(--text-on-primary);--state-primary-disabled-bg: var(--color-primary-light);--state-primary-disabled-border: var(--color-primary-light);--state-primary-disabled-text: var(--text-on-primary);--state-olprimary-text: var(--color-primary);--state-olprimary-hover-bg: color-mix(in srgb, var(--color-primary) 15%, transparent);--state-secondary: var(--color-secondary);--state-secondary-bg: var(--state-secondary);--state-secondary-border: var(--state-secondary);--state-secondary-text: var(--text-on-primary);--state-secondary-hover-bg: var(--color-secondary-dark);--state-secondary-hover-border: var(--color-secondary-dark);--state-secondary-hover-text: var(--text-on-primary);--state-secondary-disabled-bg: var(--color-secondary-light);--state-secondary-disabled-border: var(--color-secondary-light);--state-secondary-disabled-text: var(--text-on-primary);--state-olsecondary-text: var(--prussian-100);--state-olsecondary-hover-bg: color-mix(in srgb, var(--indigo-400) 15%, transparent);--state-tertiary: var(--color-tertiary);--state-tertiary-bg: var(--color-tertiary);--state-tertiary-border: var(--color-tertiary);--state-tertiary-text: var(--text-on-primary);--state-tertiary-hover-bg: var(--color-tertiary-light);--state-tertiary-hover-border: var(--color-tertiary);--state-tertiary-hover-text: var(--text-on-primary);--state-tertiary-disabled-bg: var(--color-tertiary);--state-tertiary-disabled-border: var(--color-tertiary-dark);--state-tertiary-disabled-text: var(--text-on-primary);--border-color: var(--prussian-300);--border-color-check: var(--smoke-100);--border-color-hover: var(--smoke-100);--border-light: var(--prussian-200);--border-strong: var(--prussian-400);--text-h1: var(--smoke-100);--text-h3: var(--smoke-100);--text-h2: var(--smoke-100);--text-h4: var(--smoke-100);--text-p1: var(--smoke-100);--text-p2: var(--smoke-100);--text-p3: var(--prussian-100);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .7);--disabled-bg: var(--prussian-400);--disabled-text: var(--prussian-100);--disabled-border: var(--prussian-300);--overlay-bg: rgba(24, 34, 58, .96);--overlay-backdrop: rgba(0, 0, 0, .65);--switch-background:var(--prussian-500);--switch-background-activated:var(--color-primary);--switch-activated:var(--smoke-100);--switch-deactivated:var(--indigo-400);--switch-box-shadow: var(--shadow-sm)}:root{--heading-h1-size: 2.25rem;--heading-h1-weight: var(--font-weight-bold);--heading-h1-line-height: 1.2;--heading-h1-letter-spacing: 0;--heading-h2-size: 1.875rem;--heading-h2-weight: var(--font-weight-bold);--heading-h2-line-height: 1.2;--heading-h2-letter-spacing: 0;--heading-h3-size: 1.5rem;--heading-h3-weight: var(--font-weight-semibold);--heading-h3-line-height: 1.3;--heading-h3-letter-spacing: 0;--heading-h4-size: 1.25rem;--heading-h4-weight: var(--font-weight-semibold);--heading-h4-line-height: 1.4;--heading-h4-letter-spacing: 0;--text-p1-size: 1rem;--text-p1-weight: var(--font-weight-regular);--text-p1-line-height: 1.75;--text-p1-letter-spacing: 0;--text-p2-size: .875rem;--text-p2-weight: var(--font-weight-regular);--text-p2-line-height: 1.4285;--text-p2-letter-spacing: 0;--text-p3-size: .75rem;--text-p3-weight: var(--font-weight-regular);--text-p3-line-height: 1.66667;--text-p3-letter-spacing: 0;--link-size: var(--text-p2-size);--link-weight: var(--font-weight-regular);--link-line-height: 1.7143;--link-letter-spacing: 0;--breadcrumb-size: .875rem;--breadcrumb-weight: var(--font-weight-regular);--breadcrumb-line-height: 1;--breadcrumb-letter-spacing: 0;--text-p4-size: .625rem;--modal-line-height: 2.57;--font-size-sm: var(--text-p3-size);--font-size-base: var(--text-p2-size);--font-size-lg: var(--text-p1-size);--font-size-xl: var(--heading-h4-size);--font-size-2xl: var(--heading-h3-size);--font-size-3xl: var(--heading-h2-size);--font-size-4xl: var(--heading-h1-size)}h1,.h1{font-family:var(--font-family-heading);font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height);letter-spacing:var(--heading-h1-letter-spacing);color:var(--text-h1);margin:0}h2,.h2{font-family:var(--font-family-heading);font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height);letter-spacing:var(--heading-h2-letter-spacing);color:var(--text-h2);margin:0}h3,.h3{font-family:var(--font-family-heading);font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height);letter-spacing:var(--heading-h3-letter-spacing);color:var(--text-h3);margin:0}h4,.h4{font-family:var(--font-family-heading);font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line-height);letter-spacing:var(--heading-h4-letter-spacing);color:var(--text-h4);margin:0}p,.p2{font-family:var(--font-family-base);font-size:var(--text-p2-size);font-weight:var(--text-p2-weight);line-height:var(--text-p2-line-height);letter-spacing:var(--text-p2-letter-spacing);color:var(--text-p2);margin:0}.p1{font-family:var(--font-family-base);font-size:var(--text-p1-size);font-weight:var(--text-p1-weight);line-height:var(--text-p1-line-height);letter-spacing:var(--text-p1-letter-spacing);color:var(--text-p1)}.p3{font-family:var(--font-family-base);font-size:var(--text-p3-size);font-weight:var(--text-p3-weight);line-height:var(--text-p3-line-height);letter-spacing:var(--text-p3-letter-spacing);color:var(--text-p3)}a{font-family:var(--font-family-base);font-size:var(--link-size);font-weight:var(--link-weight);line-height:var(--link-line-height);letter-spacing:var(--link-letter-spacing);color:var(--color-primary);text-decoration:underline;cursor:pointer;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-family-base);font-size:var(--text-p2-size);line-height:var(--text-p2-line-height);color:var(--text-primary);background:var(--bg-base);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:color var(--transition-normal),background-color var(--transition-normal)}img{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;appearance:none}ul,ol{list-style:none}#app{display:flex;flex-direction:column;min-height:100vh;min-width:0}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}input,textarea,select{font:inherit;color:inherit;background:transparent}textarea{resize:vertical}svg{display:block}table{border-collapse:collapse;border-spacing:0}.form-input[type=search]::-webkit-search-decoration,.form-input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--state-success)}.text-warning{color:var(--state-warning)}.text-danger{color:var(--state-danger)}.text-info{color:var(--state-info)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mt-12{margin-top:var(--space-12)}.mt-16{margin-top:var(--space-16)}.px-6{padding-left:1.5rem;padding-right:1.5rem}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;justify-content:center;align-items:center}.self-center{align-self:center}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-group--horizontal{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-1)}.form-field-content{display:flex;flex-direction:column;flex:1}.form-group--vertical{padding-bottom:var(--space-4)}.form-group--horizontal .form-field-content{display:flex;flex-direction:column;width:220px;flex-shrink:0}.form-group--horizontal .input-wrapper{flex:1}.flex-row{display:flex;flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.relative{position:relative}.absolute{position:absolute}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.hidden{display:none}.invisible{visibility:hidden}.block{display:block}.inline-flex{display:inline-flex}.inline-block{display:inline-block}.grid{display:grid}.container{width:100%;max-width:var(--container-xl);margin:0 auto}.container-fluid{width:100%;margin:0}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}:root{--badge-font-size: var(--text-p3-size);--badge-padding-y: 4px;--badge-padding-x: 12px}.badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;font:inherit;font-weight:var(--font-weight-semibold);font-size:var(--badge-font-size);line-height:1;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:var(--radius-full);border:1px solid transparent}.badge-sm{height:var(--badge-height-terciary);padding-inline:var(--space-4);font-size:10px}.badge-md{height:var(--badge-height-secundary);padding-inline:var(--space-4);font-size:var(--font-size-sm)}.badge-lg{height:var(--badge-height-principal);padding-inline:var(--space-4);font-size:var(--font-size-sm)}.badge-success{background:var(--state-success-bg);color:var(--state-success-text);border-color:var(--state-success-border)}.badge-success:hover{background:var(--state-success-hover-bg);color:var(--state-success-hover-text);border-color:var(--state-success-hover-border)}.badge-warning{background:var(--state-warning-bg);color:var(--state-warning-text);border-color:var(--state-warning-border)}.badge-warning:hover{background:var(--state-warning-hover-bg);color:var(--state-warning-hover-text);border-color:var(--state-warning-hover-border)}.badge-danger{background:var(--state-danger-bg);color:var(--state-danger-text);border-color:var(--state-danger-border)}.badge-danger:hover{background:var(--state-danger-hover-bg);color:var(--state-danger-hover-text);border-color:var(--state-danger-hover-border)}.badge-info{background:var(--state-info-bg);color:var(--state-info-text);border-color:var(--state-info-border)}.badge-info:hover{background:var(--state-info-hover-bg);color:var(--state-info-hover-text);border-color:var(--state-info-hover-border)}.badge-neutral{background:var(--state-tertiary-bg);color:var(--state-tertiary-text);border-color:var(--state-tertiary-border)}.badge-neutral:hover{background:var(--state-tertiary-hover-bg)}.btn{display:inline-flex;align-items:center;justify-content:center;width:fit-content;gap:var(--space-2);font:inherit;font-weight:var(--font-weight-semibold);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;border-radius:var(--radius-2xl);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);text-decoration:none}.btn-full{width:100%}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:not(:disabled):active{transform:scale(.9)}.btn-sm{height:var(--button-height-terciary);padding-inline:var(--space-4);font-size:var(--font-size-sm)}.btn-md{height:var(--button-height-secundary);padding-inline:var(--space-4);font-size:var(--font-size-base)}.btn-lg{height:var(--button-height-principal);padding-inline:var(--space-4);font-size:var(--font-size-lg)}.btn-primary{background-color:var(--state-primary-bg);color:var(--state-primary-text);border-color:var(--state-primary-border);box-shadow:var(--shadow-md)}.btn-primary:not(:disabled):hover{background-color:var(--state-primary-hover-bg);color:var(--state-primary-hover-text);border-color:var(--state-primary-hover-border);box-shadow:var(--shadow-md)}.btn-primary:disabled{background-color:var(--color-primary-light);color:var(--text-on-primary);border-color:var(--color-primary-light);box-shadow:var(--shadow-md);cursor:not-allowed}.btn-outline-1{background-color:transparent;color:var(--color-primary);border-color:var(--state-primary-border);box-shadow:var(--shadow-md)}.btn-outline-1:not(:disabled):hover{background-color:var(--state-olprimary-hover-bg);color:var(--color-primary);border-color:var(--state-primary-border);box-shadow:var(--shadow-md)}.btn-outline-1:disabled{background-color:transparent;color:var(--color-primary);border-color:var(--state-primary-border);box-shadow:var(--shadow-md);cursor:not-allowed;opacity:.3}.btn-secondary{background-color:var(--state-secondary-bg);color:var(--state-secondary-text);border-color:var(--state-secondary-border);box-shadow:var(--shadow-md)}.btn-secondary:not(:disabled):hover{background-color:var(--state-secondary-hover-bg);color:var(--state-secondary-hover-text);border-color:var(--state-secondary-hover-border);box-shadow:var(--shadow-md)}.btn-secondary:disabled{background-color:var(--state-secondary-disabled-bg);color:var(--state-secondary-disabled-text);border-color:var(--state-secondary-disabled-border);box-shadow:var(--shadow-md);cursor:not-allowed;opacity:.5}.btn-outline-2{background-color:transparent;color:var(--state-olsecondary-text);border-color:var(--state-secondary-border);box-shadow:var(--shadow-md)}.btn-outline-2:not(:disabled):hover{background-color:var(--state-olsecondary-hover-bg);color:var(--color-secondary);border-color:var(--state-secondary-border);box-shadow:var(--shadow-md)}.btn-outline-2:disabled{background-color:transparent;color:var(--color-secondary);border-color:var(--state-secondary-border);box-shadow:var(--shadow-md);cursor:not-allowed;opacity:.3}.btn-tertiary{background-color:var(--color-tertiary);color:var(--state-tertiary-text);border-color:var(--color-tertiary);box-shadow:var(--shadow-md)}.btn-tertiary:not(:disabled):hover{background-color:var(--state-tertiary-hover-bg);color:var(--state-tertiary-text);border-color:var(--state-tertiary-hover-border);box-shadow:var(--shadow-md)}.btn-tertiary:disabled{background-color:var(--state-tertiary-disabled-bg);color:var(--state-tertiary-text);border-color:var(--state-tertiary-disabled-border);box-shadow:var(--shadow-md);cursor:not-allowed;opacity:.5}.btn-danger{background-color:var(--state-danger);color:var(--state-primary-text);border-color:var(--state-danger);box-shadow:var(--shadow-md)}.btn-danger:not(:disabled):hover{background-color:var(--state-danger-hover-bg);color:var(--state-danger-hover-text);border-color:var(--state-danger-hover-border);box-shadow:var(--shadow-md)}.btn-danger:disabled{background-color:var(--state-danger);color:var(--state-primary-text);border-color:var(--state-danger);box-shadow:var(--shadow-md);opacity:.5;cursor:not-allowed}.btn-danger-outline{background-color:transparent;color:var(--state-danger-text);border-color:var(--state-danger-border);box-shadow:var(--shadow-md)}.btn-danger-outline:not(:disabled):hover{background-color:var(--state-danger-hover-bg);color:var(--state-danger-hover-text);border-color:var(--state-danger-hover-border);box-shadow:var(--shadow-md)}.btn-danger-outline:disabled{background-color:transparent;color:var(--state-danger-text);border-color:var(--state-danger-border);box-shadow:var(--shadow-md);opacity:.5;cursor:not-allowed}.icon-btn{background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;padding:var(--space-2);border-radius:var(--radius-full);transition:background-color var(--transition-fast),color var(--transition-fast)}.icon-btn:hover{background-color:var(--bg-surface-elevated);color:var(--text-primary)}.btn-close{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-close:hover{color:var(--text-primary)}.btn-icon-only{display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:50%;aspect-ratio:1 / 1;flex-shrink:0;background:var()}.btn-icon-only{display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:50%;aspect-ratio:1 / 1;flex-shrink:0}.btn-icon-only .icon{margin:0}.btn-icon-only:hover{transform:translateY(-1px);background-color:var(--bg-surface-elevated)}.btn-icon-only:active{transform:translateY(0)}.btn-menu{border-color:Transparent;font-weight:lighter;display:flex;padding-left:var(--space-3);line-height:var(--link-line-height);background:transparent;color:var(--text-primary);cursor:pointer;text-align:left;height:var(--button-height-principal);margin-bottom:var(--space-1);transition:background-color var(--transition-fast),color var(--transition-fast)}.btn-menu:not(:disabled):hover{background-color:var(--state-primary-hover-bg);color:var(--state-primary-text);border-color:transparent}.btn-menu:disabled{color:var(--text-muted);cursor:not-allowed}.btn-menu.is-selected{background-color:var(--state-primary-bg);color:var(--state-primary-text);border-color:transparent;box-shadow:var(--shadow-md)}.btn-modal{border-color:Transparent;font-weight:400;display:flex;padding-left:var(--space-1);line-height:var(--modal-line-height);background:Transparent;color:var(--text-primary);cursor:pointer;text-align:left;justify-content:flex-start;transition:background-color var(--transition-fast),color var(--transition-fast)}.btn-modal:disabled{color:var(--text-muted);cursor:not-allowed}.btn-modal:not(:disabled):hover{background-color:var(--state-olprimary-hover-bg);color:var(--color-primary);border-color:var(--state-primary-border);box-shadow:var(--shadow-md)}.btn-modal.is-selected{background-color:transparent;color:var(--color-primary);border-color:var(--state-primary-border);box-shadow:var(--shadow-md)}.btn-multiple-select{padding-left:var(--space-1);font-weight:400;display:flex;line-height:var(--modal-line-height);background:Transparent;color:var(--text-primary);cursor:pointer;text-align:left;justify-content:flex-start}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;color:currentColor;flex-shrink:0}.icon-xs{font-size:var(--icon-size-xs)}.icon-sm{font-size:var(--icon-size-sm)}.icon-md{font-size:var(--icon-size-md)}.icon-lg{font-size:var(--icon-size-lg)}.icon-xl{font-size:var(--icon-size-xl)}.icon-2xl{font-size:var(--icon-size-2xl)}.step-icon{font-size:var(--icon-size-xl);color:var(--text-primary);display:block;margin-bottom:var(--space-4)}.pure-image{display:block;max-width:100%}.image-xs{width:24px;height:24px}.image-sm{width:32px;height:32px}.image-md{width:48px;height:48px}.image-lg{width:72px;height:72px}.image-xl{width:120px;height:120px}.image-avatar{border-radius:50%}.image-rounded{border-radius:var(--radius-xl)}.image-circle{border-radius:50%}.image-default{border-radius:0}:root{--card-width-sm: 900px;--card-width-md: 600px}.card{display:flex;flex-direction:column;width:100%;max-width:100%;min-width:0;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);margin-bottom:var(--space-8);padding:var(--space-6);box-shadow:var(--shadow-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.card-expand{width:100%}.card-fit{width:100%;max-width:var(--card-width-md)}.card-clickable{cursor:pointer}.card-clickable:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{padding-bottom:var(--space-3)}.card-body{flex:1}.card-footer{padding-top:var(--space-2);margin-top:var(--space-3)}.auth-card{width:min(100%,650px)}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0000007f;padding:15px;z-index:var(--z-modal-backdrop)}.modal{position:relative;width:100%;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden;height:70vh;max-height:90vh;display:flex;flex-direction:column}.modal-sm{max-width:var(--modal-sm);height:auto}.modal-md{max-width:var(--modal-md);height:auto}.modal-lg{max-width:var(--modal-lg)}.modal-xl{max-width:var(--modal-xl)}.modal-full{width:var(--modal-fullscreen-w);height:var(--modal-fullscreen-h)}.modal-header{flex-shrink:0;width:100%;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-color)}.modal-header-top{display:flex;align-items:center;justify-content:space-between;width:100%}.modal-header-content{flex:1;min-width:0}.modal-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.modal-layout{display:grid;grid-template-columns:1fr;flex:1;min-height:0}.modal-layout.has-aside{grid-template-columns:255px minmax(0,1fr)}.modal-aside{padding:var(--space-4);height:100%;border-right:1px solid var(--border-color);background:var(--bg-base);overflow-y:auto;min-height:0;min-width:0}.modal-content{display:flex;flex-direction:column;overflow-y:auto;min-width:0;min-height:0}.modal-body{flex:1;min-height:0;overflow-y:auto;padding-right:var(--space-3);padding-left:var(--space-3);margin:var(--space-3)}.modal-footer{display:flex;justify-content:flex-start;background:var(--bg-base);width:100%;border-top:1px solid var(--border-color);padding:var(--space-5);z-index:var(--z-modal)}.modal-footer-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);width:100%}.modal-close{position:absolute;top:var(--space-6);right:var(--space-6)}@media(max-width:768px){.modal{width:95%;height:90vh;max-height:90vh}.modal-layout.has-aside{grid-template-columns:64px minmax(0,1fr)}.modal-aside{padding:var(--space-2);display:flex;flex-direction:column;align-items:center;overflow-y:auto}.modal-content{min-width:0}.modal-body{padding-left:var(--space-2);padding-right:var(--space-2);margin:var(--space-2)}.modal-footer{padding:var(--space-3)}.modal-header{padding:var(--space-3) var(--space-4)}.modal-close{top:var(--space-4);right:var(--space-4)}}.swal-custom-popup{background:var(--bg-surface)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-lg)!important;font-family:var(--font-family-base)!important}.swal2-title{color:var(--text-primary)!important;font-size:var(--font-size-xl)!important;font-weight:var(--font-weight-semibold)!important}.swal2-html-container{color:var(--text-secondary)!important;font-size:var(--font-size-md)!important;line-height:1.6!important}.swal2-actions{gap:var(--space-3)!important}.swal-custom-confirm,.swal-custom-cancel{min-width:120px;padding:var(--space-2) var(--space-5)!important;border-radius:var(--radius-lg)!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-medium)!important;transition:all .2s ease}.swal-custom-confirm{background:var(--state-primary-bg)!important;color:var(--state-primary-text)!important;border:1px solid var(--state-primary-border)!important}.swal-custom-confirm:hover{filter:brightness(.95)}.swal-custom-cancel{min-width:120px;padding:var(--space-2) var(--space-5)!important;background-color:transparent!important;color:var(--state-olsecondary-text)!important;border:1px solid var(--state-secondary-border)!important;box-shadow:var(--shadow-md)!important;border-radius:var(--radius-lg)!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-medium)!important;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.swal-custom-cancel:hover{background-color:var(--state-olsecondary-hover-bg)!important;color:var(--color-secondary)!important;border-color:var(--state-secondary-border)!important;box-shadow:var(--shadow-md)!important}.swal-custom-cancel:disabled{background-color:transparent!important;color:var(--color-secondary)!important;border-color:var(--state-secondary-border)!important;box-shadow:var(--shadow-md)!important;cursor:not-allowed;opacity:.3}.swal2-input,.swal2-select,.swal2-textarea{background:var(--bg-surface)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-lg)!important;box-shadow:none!important}.swal2-input:focus,.swal2-select:focus,.swal2-textarea:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px var(--color-primary-100)!important}.swal2-loader{border-color:var(--color-primary) transparent var(--color-primary) transparent!important}.swal2-close{color:var(--text-muted)!important}.swal2-close:hover{color:var(--text-primary)!important}.swal2-timer-progress-bar{background:var(--color-primary)!important}.swal2-toast{border-radius:var(--radius-xl)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-lg)!important}.swal2-toast .swal2-title{font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-medium)!important}.swal2-icon.swal2-success{border-color:var(--state-success)!important;color:var(--state-success)!important}.swal2-icon.swal2-error{border-color:var(--state-danger)!important;color:var(--state-danger)!important}.swal2-icon.swal2-warning{border-color:var(--state-warning)!important;color:var(--state-warning)!important}.swal2-icon.swal2-info{border-color:var(--state-info)!important;color:var(--state-info)!important}.swal2-icon.swal2-question{border-color:var(--color-primary)!important;color:var(--color-primary)!important}.swal-custom-danger{min-width:120px;padding:var(--space-2) var(--space-5)!important;border-radius:var(--radius-lg)!important;background:var(--state-danger)!important;color:var(--state-primary-text)!important;border:1px solid var(--state-danger)!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-medium)!important}.swal-custom-danger:hover{background:var(--state-danger-hover-bg)!important;color:var(--state-danger-hover-text)!important;border-color:var(--state-danger-hover-border)!important}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;padding-block:var(--space-4)}.pagination-info{font-size:var(--font-size-sm);color:var(--text-muted)}.pagination-controls{display:flex;align-items:center;gap:var(--space-2)}.pagination-pages{display:flex;align-items:center;gap:var(--space-1)}.step-item{text-align:center;padding:var(--space-6);position:relative}.table-wrapper{width:100%;margin-top:var(--space-1);margin-bottom:var(--space-1)}.table-container{overflow-x:auto;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-lg)}.table{border-collapse:collapse;table-layout:auto;width:100%;text-align:left}.table-empty{text-align:center;padding:var(--space-8)}.table-empty-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--text-muted)}.table-head{background:var(--bg-table-header)}.table-head th{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-table-head);text-transform:uppercase;border-bottom:2px solid var(--border-color)}.table-body td{font-size:var(--font-size-base);color:var(--text-table-body);vertical-align:middle;border-bottom:1px solid var(--border-color)}.table-striped tbody tr:nth-child(2n){background:var(--bg-surface-elevated)}.table-row{transition:background-color var(--transition-fast),color var(--transition-fast)}.table-row-clickable{cursor:pointer}.table-hover .table-row:hover{background:var(--text-table-body-hover);cursor:pointer}.table-head th,.table-body td{padding-inline:var(--space-4)}.table-head th{padding-block:var(--space-3)}.table-body td,.table-loading-row td{padding-block:var(--space-4)}.table-skeleton{width:100%;height:12px;border-radius:var(--radius-full);background:var(--bg-surface-elevated)}.table-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table-header-content{display:inline-flex;align-items:center;gap:var(--space-2)}.form-label{font-size:var(--text-p2-size);font-weight:var(--font-weight-medium);color:var(--text-primary);padding-bottom:8px}.form-required{margin-left:var(--space-1);color:var(--text-muted);font-weight:var(--font-weight-semibold)}.form-input{width:100%;height:var(--input-heigth);padding:0 var(--space-4);background:var(--input-bg);color:var(--input-text);font-family:var(--font-family-base);font-size:var(--text-p2-size);font-weight:var(--font-weight-regular);font-style:normal;line-height:20px;letter-spacing:0;border:1px solid var(--input-border);border-radius:var(--radius-2xl);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);box-sizing:border-box}.form-input::placeholder{color:var(--input-text-placeholder);font-family:var(--font-family-base);font-size:var(--text-p2-size);font-weight:var(--font-weight-regular);font-style:normal;line-height:1;letter-spacing:0}.form-input:hover{border-color:var(--input-border-active)}.form-input:focus{border-color:var(--input-border-active)}.form-input:disabled{background:var(--input-bg-disabled);color:var(--input-text-disabled);cursor:not-allowed}.form-input:read-only{background:var(--input-bg-disabled);color:var(--input-text-disabled);cursor:not-allowed}.form-input.is-error{border-color:var(--input-border-error)}.form-input.is-error:focus{border-color:var(--input-border-error);box-shadow:0 0 0 3px rgb(from var(--input-border-error) r g b / .15)}.form-input::placeholder{color:color-mix(in srgb,var(--text-muted) 50%,transparent)}.form-input:hover{border-color:var(--border-color-hover)}.form-input:focus{border-color:var(--focus-ring)}.form-input:disabled{background:var(--bg-input-disabled);color:color-mix(in srgb,var(--text-muted) 50%,transparent);cursor:not-allowed;border:var(--bg-surface-elevated)}.form-input:read-only{background:var(--bg-input-disabled);color:color-mix(in srgb,var(--text-muted) 50%,transparent);cursor:not-allowed;border:var(--bg-surface-elevated)}.form-input.is-error{border-color:var(--state-danger)}.form-input.is-error:focus{border-color:var(--state-danger);box-shadow:0 0 0 3px rgb(from var(--state-danger) r g b / .15)}.input-wrapper{position:relative}.password-toggle{position:absolute;top:50%;right:var(--space-4);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--text-secondary);cursor:pointer}.password-toggle:hover:not(:disabled){color:var(--text-primary)}.password-toggle:disabled{cursor:not-allowed}.input-with-icon .form-input{padding-left:var(--space-10)}.input-icon-left{position:absolute;top:50%;left:var(--space-3);transform:translateY(-50%)}.input-with-icon .form-select{padding-left:var(--space-10);padding-right:var(--space-10)}.form-helper{font-size:var(--font-size-sm);line-height:var(--text-p3-line-height);color:var(--text-muted);padding-bottom:8px}.form-group{min-width:0}.form-field-content{width:100%;min-width:0}.form-error{display:block;width:100%;max-width:100%;min-width:0;min-height:20px;margin-top:var(--space-1);font-size:var(--font-size-sm);line-height:20px;color:var(--state-danger);overflow-wrap:anywhere;word-break:break-word}.form-error--hidden{visibility:hidden}.form-input.error:focus{box-shadow:0 0 0 2px rgb(from var(--state-danger) r g b / .15)}.form-checkbox{position:relative;display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.form-checkbox-input{position:absolute;opacity:0;pointer-events:none}.form-checkbox-mark{position:relative;width:var(--checkbox--size);height:var(--checkbox--size);background:var(--bg-base);border:1px solid var(--border-color-check);border-radius:var(--radius-sm);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.form-checkbox-mark{display:flex;align-items:center;justify-content:center}.form-checkbox-mark .material-symbols-outlined{font-size:var(--font-weight-regular);opacity:0;color:var(--text-on-primary);transition:opacity var(--transition-fast)}.form-checkbox:hover .form-checkbox-mark{border:solid var(--border-color-hover)}.form-checkbox-input:checked+.form-checkbox-mark{background:var(--color-primary);border-color:var(--color-primary)}.form-checkbox-input:checked+.form-checkbox-mark .material-symbols-outlined{opacity:1}.form-checkbox-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:var(--text-p2-line-height)}.form-checkbox.is-error .form-checkbox-mark{border-color:var(--state-danger)}.form-checkbox.is-error .form-checkbox-mark:focus-within{box-shadow:0 0 0 2px rgb(from var(--state-danger) r g b / .15)}.form-input[type=date]{cursor:pointer}.form-textarea{width:100%;min-height:var(--input-heigth);padding:var(--space-2) var(--space-4);background:var(--input-bg);color:var(--input-text);font-family:var(--font-family-base);font-size:var(--text-p2-size);font-weight:var(--font-weight-regular);font-style:normal;line-height:20px;letter-spacing:0;border:1px solid var(--input-border);border-radius:var(--radius-2xl);outline:none;resize:vertical;box-sizing:border-box;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.form-textarea::placeholder{color:color-mix(in srgb,var(--text-muted) 50%,transparent);font-family:var(--font-family-base);font-size:var(--text-p2-size);font-weight:var(--font-weight-regular);font-style:normal;line-height:20px;letter-spacing:0}.form-textarea:hover{border-color:var(--input-border-active)}.form-textarea:focus{border-color:var(--input-border-active)}.form-textarea:disabled{background:var(--input-bg-disabled);color:var(--input-text-disabled);cursor:not-allowed}.form-textarea:read-only{background:var(--input-bg-disabled);color:var(--input-text-disabled)}.form-textarea.is-error{border-color:var(--input-border-error)}.form-textarea.is-error:focus{border-color:var(--input-border-error)}.select-wrapper{position:relative;width:100%}.select-arrow{position:absolute;top:50%;right:var(--space-3);display:flex;align-items:center;justify-content:center;font-size:var(--icon-size-lg);line-height:1;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.form-select{width:100%;height:var(--input-heigth);padding:0 var(--space-10) 0 var(--space-4);background:var(--input-bg);color:var(--input-text);font-family:var(--font-family-base);font-size:var(--text-p2-size);font-weight:var(--font-weight-regular);font-style:normal;line-height:20px;letter-spacing:0;border:1px solid var(--input-border);border-radius:var(--radius-2xl);cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.form-select:hover{border-color:var(--input-border-active)}.form-select:focus{border-color:var(--input-border-active)}.form-select:disabled{background:var(--input-bg-disabled);color:var(--input-text-disabled);cursor:not-allowed}.form-select.is-error{border-color:var(--input-border-error)}.form-select option{background:var(--input-bg);color:var(--input-text);font:inherit}.form-radio{position:relative;display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.form-radio-input{position:absolute;opacity:0;pointer-events:none}.form-radio-mark{display:flex;align-items:center;justify-content:center;width:var(--checkbox--size);height:var(--checkbox--size);background:var(--bg-radio);border:1px solid var(--border-color-check);border-radius:50%;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.form-radio-mark:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--text-on-primary);transform:scale(0);transition:transform var(--transition-fast)}.form-radio-input:checked+.form-radio-mark{background:var(--color-primary);border-color:var(--color-primary)}.form-radio-input:checked+.form-radio-mark:after{transform:scale(1)}.form-radio:hover .form-radio-mark{border:solid var(--border-color-hover)}.form-radio-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.form-switch{position:relative;display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.form-switch-input{position:absolute;inset:0;opacity:0;cursor:pointer}.form-switch-slider{position:relative;width:var(--switch-width);height:var(--switch-height);flex-shrink:0;overflow:hidden;background:var(--switch-background);border-radius:999px;transition:background-color var(--transition-fast)}.form-switch-slider:before{content:"";position:absolute;top:var(--switch-padding);left:var(--switch-padding);width:var(--switch-thumb-size);height:var(--switch-thumb-size);border-radius:50%;background:var(--switch-deactivated);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.form-switch-input:checked+.form-switch-slider{background:var(--switch-background-activated)}.form-switch-input:checked+.form-switch-slider:before{transform:translate(calc(var(--switch-width) - var(--switch-thumb-size) - (var(--switch-padding) * 2)));background:var(--switch-activated)}.form-switch:hover .form-switch-slider{border:solid var(--border-color-hover)}.form-switch-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.form-file{width:100%;font:inherit;color:var(--text-secondary)}.form-file::file-selector-button{margin-right:var(--space-3);padding:var(--space-2) var(--space-4);font:inherit;background:var(--state-primary-bg);color:var(--state-primary-text);border:solid var(--state-primary-border);border-radius:var(--radius-2xl);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.form-file::file-selector-button:hover{background:var(--state-primary-hover-bg);border:solid var(--border-color-hover)}.form-file:disabled{opacity:.6;cursor:not-allowed}.form-file:disabled::file-selector-button{cursor:not-allowed}.pure-grid{display:grid}.grid-cols-1{grid-template-columns: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-span-2{grid-column:span 2}.grid-span-3{grid-column:span 3}.grid-span-4{grid-column:span 4}.grid-gap-sm{gap:var(--space-3)}.grid-gap-md{gap:var(--space-5)}.grid-gap-lg{gap:var(--space-8)}.divider{display:flex;align-items:center;width:100%}.divider-line{flex:1;height:1px;background:var(--border-color)}.divider-label{margin-inline:var(--space-3);font-size:var(--font-size-sm)}.divider-vertical{width:1px;height:100%;background:var(--border-color)}.divider-spacing-sm{margin-block:var(--space-2)}.divider-spacing-md{margin-block:var(--space-4)}.divider-spacing-lg{margin-block:var(--space-6)}.btn-flat-menu-item{display:flex;background:Transparent;color:var(--text-primary);border-radius:0;cursor:pointer;text-align:left;justify-content:flex-start;width:100%;font-weight:lighter;transition:background-color var(--transition-fast),color var(--transition-fast)}.btn-flat-menu-item:hover:not(:disabled){background:var(--color-tertiary)}.btn-flat-menu-item-label{flex:1}.btn-flat-menu-item-shortcut{color:var(--text-muted);font-size:var(--font-size-sm)}.btn-flat-menu-item-danger{color:var(--state-danger-text)}.btn-flat-menu-item-danger:hover:not(:disabled){background:var(--state-danger-bg)}.btn-flat-menu-item:disabled{opacity:.5;cursor:not-allowed}.dropdown{position:relative}.dropdown-menu{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding-top:var(--space-4);padding-bottom:var(--space-4)}.dropdown-trigger{display:inline-flex;width:100%}.multiple-select-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.tag{display:inline-flex;align-items:center;justify-content:center;width:fit-content;gap:var(--space-1);padding-right:var(--space-3);padding-left:var(--space-3);font:inherit;font-weight:var(--font-weight-semibold);white-space:nowrap;cursor:none;-webkit-user-select:none;user-select:none;border:1px solid transparent;border-radius:var(--radius-2xl);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);text-decoration:none}.tag-full{width:100%}.tag-sm{height:var(--space-4);font-size:var(--text-p4-size)}.tag-md{height:var(--button-height-secundary);font-size:var(--text-p3-size)}.tag-lg{height:var(--button-height-principal);font-size:var(--text-p2-size)}.tag-primary{background-color:color-mix(in srgb,var(--emerald-500) 15%,transparent);color:var(--color-primary)}.tag-primary:disabled{background-color:color-mix(in srgb,var(--color-primary-light) 5%,transparent);color:color-mix(in srgb,var(--text-on-primary) 50%,transparent);cursor:not-allowed}.tag-secondary{background-color:var(--state-tertiary-bg);color:var(--state-tertiary-text)}.tag-secondary:disabled{background-color:var(--state-tertiary-disabled-bg);cursor:not-allowed;opacity:.5}.context-bar{background-color:var(--bg-base);padding:var(--space-4) 0;width:100%;z-index:var(--z-sticky)}.context-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.breadcrumbs-nav{align-items:center}.breadcrumb-list{display:flex;flex-wrap:wrap;font-family:var(--font-family-base);font-size:var(--breadcrumb-size);font-weight:var(--breadcrumb-weight);line-height:var(--breadcrumb-line-height);letter-spacing:var(--breadcrumb-letter-spacing)}.breadcrumb-item{display:flex;align-items:center;color:var(--text-muted);white-space:nowrap}.bc-link{text-decoration:none;color:var(--text-muted)}.bc-current,.bc-link:hover{color:var(--text-primary)}.bc-separator{margin:0 var(--space-1);opacity:.5}.page-title-heading{padding-top:var(--space-2)}.dashboard-nav-container{width:100%;z-index:var(--z-sticky);position:sticky;top:0;background-color:var(--bg-base)}.top-navbar{height:64px;background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);position:relative}.top-navbar .logo-img{height:32px}.v-divider{width:1px;height:24px;background-color:var(--prussian-200);margin:0 var(--space-2)}.sidebar{width:var(--sidebar-width);height:100vh;background-color:var(--bg-surface);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width var(--transition-medium);z-index:100;overflow:hidden;position:relative}.sidebar.is-collapsed{width:48px}.user-profile-section{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-1)}.user-profile-section.is-collapsed{padding:var(--space-4) 0}.avatar-circle{width:32px;height:32px;border-radius:var(--radius-full);background:var(--bg-surface-elevated);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.is-collapsed .avatar-circle{width:36px;height:36px}.user-name{font-weight:600;color:var(--text-primary);font-size:var(--font-size-base);margin:0}.user-role{font-size:var(--text-p3-size);color:var(--text-muted);text-transform:uppercase}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-10) 0}.menu-list{list-style:none;padding:var(--space-4);margin:0}.item-content{display:flex;align-items:center;padding:var(--space-3) var(--space-4);color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);border-left:3px solid transparent;gap:var(--space-3);position:relative;z-index:2}.sidebar.is-collapsed .item-content{padding:var(--space-3) 0;justify-content:center;gap:0}.item-content:hover{background-color:var(--bg-surface-elevated);color:var(--text-primary)}.router-link-active.item-content{background-color:var(--bg-surface-elevated);color:var(--text-primary);border-left-color:var(--color-primary);font-weight:600}.item-icon{font-size:var(--icon-size-md);min-width:var(--icon-size-md);display:flex;align-items:center;justify-content:center}.item-label{white-space:nowrap;font-size:var(--font-size-sm);flex:1}.sub-menu{list-style:none;padding:0;background-color:var(--bg-surface-elevated)}.level-2{padding-left:var(--space-10);font-size:.85rem}.level-3{padding-left:4.5rem;font-size:.8rem;border-left:1px dashed var(--border-color);margin-left:4rem}.page-wrapper{display:flex;flex-direction:column;min-height:100vh;position:relative;overflow:hidden}.section-title{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;line-height:1.25;color:var(--text-primary);letter-spacing:-.02em}@media(min-width:640px){.register-card .form-grid{grid-template-columns:repeat(2,1fr)}}.stat-value{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:var(--space-2)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.feature-icon-wrap,.faq-icon-wrap{display:inline-flex;margin-bottom:var(--space-4)}.feature-icon,.faq-icon{font-size:var(--icon-size-lg);color:var(--text-primary)}.step-connector{width:60px;height:2px;background:var(--border-color);margin:var(--space-3) auto;border-radius:2px}.navbar{background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;padding:var(--space-2)}.navbar-content{display:flex;justify-content:space-between;align-items:center}.home-wrapper{display:flex;flex-direction:column;min-height:100vh;position:relative;overflow:hidden}.home-main{flex:1}.hero-section{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:120px var(--space-4) 80px}.hero-content{position:relative;z-index:1;max-width:820px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--bg-surface-elevated);border:1px solid var(--border-color);color:var(--text-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600}.hero-title{font-size:clamp(2.2rem,5vw,4rem);font-weight:800;line-height:1.15;color:var(--text-primary);letter-spacing:-.02em}.hero-desc{font-size:var(--font-size-xl);line-height:1.65;max-width:600px;margin:0 auto}.btn-hero{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:700;cursor:pointer;border:none;text-decoration:none;font-family:var(--font-family-base)}.hero-trust{flex-wrap:wrap;gap:var(--space-4)}.trust-item{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:var(--text-secondary)}.trust-icon{font-size:1rem;color:var(--text-primary)}.stats-section{position:relative;z-index:1;padding:var(--space-10) 0;background:var(--bg-surface);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.features-section{position:relative;z-index:1;padding:var(--space-16) 0}.section-header{max-width:720px;margin:0 auto}.section-chip{display:inline-block;background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-color);padding:4px 14px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-4)}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.how-section{position:relative;z-index:1;padding:var(--space-16) 0;background:var(--bg-surface);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.steps-row{display:grid;grid-template-columns:1fr;gap:var(--space-8)}.step-desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.65;max-width:260px;margin:0 auto}.faq-section{position:relative;z-index:1;padding:var(--space-16) 0}.faq-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.faq-question{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.faq-answer{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.65}.cta-final-section{position:relative;z-index:1;padding:var(--space-16) 0;overflow:hidden;border-top:1px solid var(--border-color)}.cta-final-inner{position:relative;z-index:1;max-width:700px;margin:0 auto}.cta-final-icon{font-size:var(--icon-size-2xl);color:var(--text-primary);display:block}.cta-final-title{font-size:clamp(1.8rem,3.5vw,3rem);font-weight:800;color:var(--text-primary);line-height:1.2;letter-spacing:-.02em}.cta-final-desc{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:550px;margin:0 auto;line-height:1.65}@media(min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}.steps-row{grid-template-columns:repeat(3,1fr)}.faq-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.login-bg,.register-bg{background-color:var(--bg-base)}.auth-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;box-shadow:var(--shadow-lg)}.auth-icon{font-size:3rem;background:var(--bg-surface-elevated);padding:var(--space-3);border-radius:var(--radius-full);display:inline-block}.auth-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.login-main,.register-main{flex:1;display:flex;align-items:center;justify-content:center}.login-card{max-width:450px}.register-card{max-width:var(--card-width-sm)}.form-grid{display:grid;grid-template-columns:1fr;gap:var(--space-1)}.private-view-container{display:flex;width:100vw;height:100vh;overflow:hidden;background-color:var(--bg-base)}.main-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.scrollable-viewport{flex:1;overflow-y:auto;display:flex;flex-direction:column}.content-body{flex:1;padding:var(--space-8);display:flex;flex-direction:column;box-sizing:border-box}.main-content{flex:1;display:flex;flex-direction:column}