.high-contrast{--chat-own-message-bg:#000;--chat-own-message-text:#fff;--chat-own-message-border:#374151;--chat-other-message-bg:#fff;--chat-other-message-text:#000;--chat-other-message-border:#000;--chat-success-bg:#065f46;--chat-success-text:#fff;--chat-error-bg:#991b1b;--chat-error-text:#fff;--chat-warning-bg:#92400e;--chat-warning-text:#fff;--chat-info-bg:#1e3a8a;--chat-info-text:#fff;--chat-hover-bg:#f3f4f6;--chat-hover-text:#000;--chat-active-bg:#e5e7eb;--chat-active-text:#000;--chat-focus-bg:#fff;--chat-focus-text:#000;--chat-focus-ring:#000}.large-text{font-size:1.125rem;line-height:1.6}.large-text .text-sm{font-size:1rem}.large-text .text-xs{font-size:.875rem}.large-text .text-lg{font-size:1.25rem}.large-text .text-xl{font-size:1.5rem}.reduced-motion,.reduced-motion *,.reduced-motion :before,.reduced-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.chat-message{transition:all .2s ease-in-out}.chat-message:hover{background-color:var(--chat-hover-bg);color:var(--chat-hover-text);transform:scale(1.02)}.chat-message:active{background-color:var(--chat-active-bg);color:var(--chat-active-text);transform:scale(.98)}.chat-message:focus{background-color:var(--chat-focus-bg);color:var(--chat-focus-text);box-shadow:0 0 0 2px var(--chat-focus-ring);outline:none}.chat-message-own{background-color:var(--chat-own-message-bg);color:var(--chat-own-message-text);border-color:var(--chat-own-message-border)}.chat-message-other{background-color:var(--chat-other-message-bg);color:var(--chat-other-message-text);border-color:var(--chat-other-message-border)}.chat-status-success{background-color:var(--chat-success-bg);color:var(--chat-success-text)}.chat-status-error{background-color:var(--chat-error-bg);color:var(--chat-error-text)}.chat-status-warning{background-color:var(--chat-warning-bg);color:var(--chat-warning-text)}.chat-status-info{background-color:var(--chat-info-bg);color:var(--chat-info-text)}button,.btn,[role=button]{min-width:44px;min-height:44px;position:relative}button:focus,.btn:focus,[role=button]:focus{outline:2px solid var(--chat-focus-ring);outline-offset:2px}.status-indicator{border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.status-indicator:before{content:"";background-color:currentColor;border-radius:50%;width:.5rem;height:.5rem}@media (prefers-color-scheme:dark){:root:not(.high-contrast){--chat-hover-bg:#ffffff1a;--chat-hover-text:#fff;--chat-active-bg:#fff3;--chat-active-text:#fff;--chat-focus-bg:#ffffff0d;--chat-focus-text:#fff;--chat-focus-ring:#3b82f6}}@media (prefers-contrast:high){:root{--chat-own-message-bg:#000;--chat-own-message-text:#fff;--chat-other-message-bg:#fff;--chat-other-message-text:#000;--chat-focus-ring:#000}}@media (prefers-reduced-motion:reduce){.chat-message{transition:none}.chat-message:hover,.chat-message:active{transform:none}}
:root{--spacing-unit:.5rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-mobile-xs:.25rem;--spacing-mobile-sm:.5rem;--spacing-mobile-md:.75rem;--spacing-mobile-lg:1rem;--spacing-mobile-xl:1.25rem;--spacing-touch-min:3rem;--spacing-touch-comfortable:3.5rem;--spacing-container-xs:.75rem;--spacing-container-sm:1rem;--spacing-container-md:1.5rem;--spacing-container-lg:2rem;--color-primary-50:#f0f9ff;--color-primary-100:#e0f2fe;--color-primary-200:#bae6fd;--color-primary-300:#7dd3fc;--color-primary-400:#38bdf8;--color-primary-500:#0ea5e9;--color-primary-600:#0284c7;--color-primary-700:#0369a1;--color-primary-800:#075985;--color-primary-900:#0c4a6e;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--font-family-sans:"Inter",-apple-system,blinkmacsystemfont,"Segoe UI",roboto,sans-serif;--font-family-mono:"JetBrains Mono","Fira Code",consolas,monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:4px;--border-radius-none:0;--border-radius-sm:.25rem;--border-radius-md:.5rem;--border-radius-lg:.75rem;--border-radius-xl:1rem;--border-radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--button-height-sm:2rem;--button-height-md:2.5rem;--button-height-lg:3rem;--button-padding-x:var(--spacing-lg);--button-padding-y:var(--spacing-sm);--button-border-radius:var(--border-radius-md);--card-padding:var(--spacing-lg);--card-border-radius:var(--border-radius-lg);--card-shadow:var(--shadow-md);--card-border:var(--border-width-thin)solid var(--color-neutral-200);--input-height:2.5rem;--input-padding-x:var(--spacing-md);--input-padding-y:var(--spacing-sm);--input-border-radius:var(--border-radius-md);--input-border:var(--border-width-thin)solid var(--color-neutral-300);--input-focus-border:var(--border-width-medium)solid var(--color-primary-500);--header-height:60px;--sidebar-width:280px;--bottom-nav-height:64px;--content-max-width:1200px;--container-padding:var(--spacing-lg);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--easing-linear:linear;--easing-ease:ease;--easing-ease-in:ease-in;--easing-ease-out:ease-out;--easing-ease-in-out:ease-in-out}[data-theme=dark]{--color-neutral-50:#0f172a;--color-neutral-100:#1e293b;--color-neutral-200:#334155;--color-neutral-300:#475569;--color-neutral-400:#64748b;--color-neutral-500:#94a3b8;--color-neutral-600:#cbd5e1;--color-neutral-700:#e2e8f0;--color-neutral-800:#f1f5f9;--color-neutral-900:#f8fafc;--card-border:var(--border-width-thin)solid var(--color-neutral-700);--input-border:var(--border-width-thin)solid var(--color-neutral-600)}.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}.focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.transition-all{transition:all var(--duration-normal)var(--easing-ease-in-out)}.transition-colors{transition:color var(--duration-normal)var(--easing-ease-in-out),background-color var(--duration-normal)var(--easing-ease-in-out),border-color var(--duration-normal)var(--easing-ease-in-out)}
.button{justify-content:center;align-items:center;gap:var(--spacing-sm);height:var(--button-height-md);padding:var(--button-padding-y)var(--button-padding-x);border:var(--border-width-thin)solid transparent;border-radius:var(--button-border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);text-align:center;transition:var(--transition-colors);font-family:var(--font-family-sans);cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;text-decoration:none;display:inline-flex}.button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.button:disabled{opacity:.5;cursor:not-allowed}.button__icon{flex-shrink:0;width:1rem;height:1rem}.button__spinner{width:1rem;height:1rem;animation:1s linear infinite spin}.button--primary{background-color:var(--color-primary-600);color:#fff}.button--primary:hover:not(:disabled){background-color:var(--color-primary-700)}.button--secondary{background-color:var(--color-neutral-100);color:var(--color-neutral-900);border-color:var(--color-neutral-300)}.button--secondary:hover:not(:disabled){background-color:var(--color-neutral-200)}.button--outline{color:var(--color-primary-600);border-color:var(--color-primary-600);background-color:#0000}.button--outline:hover:not(:disabled){background-color:var(--color-primary-50)}.button--ghost{color:var(--color-neutral-700);background-color:#0000}.button--ghost:hover:not(:disabled){background-color:var(--color-neutral-100)}.button--danger{background-color:var(--color-error);color:#fff}.button--danger:hover:not(:disabled){background-color:#dc2626}.button--sm{height:var(--button-height-sm);padding:var(--spacing-xs)var(--spacing-md);font-size:var(--font-size-xs)}.button--lg{height:var(--button-height-lg);padding:var(--spacing-md)var(--spacing-xl);font-size:var(--font-size-base)}.button--loading{pointer-events:none}.button--full-width{width:100%}.card{border:var(--card-border);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);background-color:#fff;overflow:hidden}.card__header{padding:var(--card-padding);border-bottom:var(--border-width-thin)solid var(--color-neutral-200)}.card__title{color:var(--color-neutral-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.card__subtitle{margin:var(--spacing-xs)0 0 0;color:var(--color-neutral-600);font-size:var(--font-size-sm)}.card__body{padding:var(--card-padding)}.card__footer{padding:var(--card-padding);border-top:var(--border-width-thin)solid var(--color-neutral-200);background-color:var(--color-neutral-50)}.card--elevated{box-shadow:var(--shadow-lg)}.card--borderless{border:none}.card--compact .card__header,.card--compact .card__body,.card--compact .card__footer{padding:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{margin-bottom:var(--spacing-xs);color:var(--color-neutral-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:block}.form-label--required:after{content:" *";color:var(--color-error)}.form-input{width:100%;height:var(--input-height);padding:var(--input-padding-y)var(--input-padding-x);border:var(--input-border);border-radius:var(--input-border-radius);font-size:var(--font-size-sm);transition:var(--transition-colors);font-family:var(--font-family-sans);background-color:#fff}.form-input:focus{border:var(--input-focus-border);outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-input--error{border-color:var(--color-error)}.form-input--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.form-textarea{resize:vertical;min-height:6rem}.form-error{margin-top:var(--spacing-xs);color:var(--color-error);font-size:var(--font-size-xs)}.form-help{margin-top:var(--spacing-xs);color:var(--color-neutral-500);font-size:var(--font-size-xs)}.flex-container{display:flex}.flex-container--center{justify-content:center;align-items:center}.flex-container--between{justify-content:space-between;align-items:center}.flex-container--start{justify-content:flex-start;align-items:center}.flex-container--end{justify-content:flex-end;align-items:center}.flex-container--column{flex-direction:column}.flex-container--wrap{flex-wrap:wrap}.flex-container--gap-xs{gap:var(--spacing-xs)}.flex-container--gap-sm{gap:var(--spacing-sm)}.flex-container--gap-md{gap:var(--spacing-md)}.flex-container--gap-lg{gap:var(--spacing-lg)}.flex-container--gap-xl{gap:var(--spacing-xl)}.badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);display:inline-flex}.badge--primary{background-color:var(--color-primary-100);color:var(--color-primary-800)}.badge--secondary{background-color:var(--color-neutral-100);color:var(--color-neutral-800)}.badge--success{color:#166534;background-color:#dcfce7}.badge--warning{color:#92400e;background-color:#fef3c7}.badge--error{color:#991b1b;background-color:#fee2e2}.badge__remove{margin-left:var(--spacing-xs);color:currentColor;opacity:.7;transition:opacity var(--duration-fast);cursor:pointer;background:0 0;border:none;padding:0}.badge__remove:hover{opacity:1}.modal-backdrop{z-index:var(--z-modal-backdrop);animation:fadeIn var(--duration-normal)var(--easing-ease-out);background-color:#00000080;position:fixed;inset:0}.modal{z-index:var(--z-modal);border-radius:var(--border-radius-lg);max-width:90vw;max-height:90vh;box-shadow:var(--shadow-xl);animation:slideInUp var(--duration-normal)var(--easing-ease-out);background-color:#fff;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.modal__header{padding:var(--spacing-lg);border-bottom:var(--border-width-thin)solid var(--color-neutral-200);justify-content:space-between;align-items:center;display:flex}.modal__title{color:var(--color-neutral-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.modal__close{padding:var(--spacing-xs);border-radius:var(--border-radius-sm);color:var(--color-neutral-500);transition:var(--transition-colors);cursor:pointer;background:0 0;border:none}.modal__close:hover{background-color:var(--color-neutral-100);color:var(--color-neutral-700)}.modal__body{padding:var(--spacing-lg);overflow-y:auto}.modal__footer{justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);background-color:var(--color-neutral-50);border-top:var(--border-width-thin)solid var(--color-neutral-200);display:flex}.modal--sm{width:min(400px,calc(100vw - var(--spacing-container-sm)*2));max-width:95vw}.modal--md{width:min(500px,calc(100vw - var(--spacing-container-sm)*2));max-width:95vw}.modal--lg{width:min(700px,calc(100vw - var(--spacing-container-sm)*2));max-width:95vw}.modal--xl{width:min(900px,calc(100vw - var(--spacing-container-sm)*2));max-width:95vw}.modal--full{width:95vw;max-width:100vw;height:95vh;max-height:100vh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translate(-50%,-40%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}[data-theme=dark] .card{background-color:var(--color-neutral-800);border-color:var(--color-neutral-700)}[data-theme=dark] .card__title{color:var(--color-neutral-100)}[data-theme=dark] .card__subtitle{color:var(--color-neutral-400)}[data-theme=dark] .card__footer{background-color:var(--color-neutral-900);border-color:var(--color-neutral-700)}[data-theme=dark] .form-input{background-color:var(--color-neutral-800);border-color:var(--color-neutral-600);color:var(--color-neutral-100)}[data-theme=dark] .form-label{color:var(--color-neutral-300)}[data-theme=dark] .modal{background-color:var(--color-neutral-800)}[data-theme=dark] .modal__title{color:var(--color-neutral-100)}[data-theme=dark] .modal__footer{background-color:var(--color-neutral-900);border-color:var(--color-neutral-700)}
:root{--gradient-primary:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-secondary:linear-gradient(135deg,#ff6b6b 0%,#ee5a24 100%);--gradient-success:linear-gradient(135deg,#51cf66 0%,#40c057 100%);--gradient-warning:linear-gradient(135deg,#ffd43b 0%,#fab005 100%);--gradient-error:linear-gradient(135deg,#ff6b6b 0%,#e03131 100%);--color-active-bg:#667eea;--color-active-text:#fff;--color-inactive-bg:#f8f9fa;--color-inactive-text:#64748b;--color-border:#e9ecef;--color-shadow-primary:#667eea4d;--color-shadow-secondary:#764ba233;--color-shadow-badge:#ff6b6b66;--shadow-elevated:0 4px 12px var(--color-shadow-primary),0 2px 6px var(--color-shadow-secondary);--shadow-badge:0 2px 8px var(--color-shadow-badge);--shadow-card:0 2px 8px #0000001a;--shadow-hover:0 6px 20px #667eea40;--transition-smooth:all .3s cubic-bezier(.4,0,.2,1);--transition-fast:all .2s cubic-bezier(.4,0,.2,1);--transition-spring:cubic-bezier(.68,-.55,.265,1.55);--transform-active:translateY(-2px);--transform-hover:scale(1.05);--transform-tap:scale(.9);--radius-button:12px;--radius-card:16px;--radius-input:8px;--radius-badge:20px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--height-button:56px;--height-input:40px;--height-header:60px;--height-nav:64px}.btn-active{min-height:var(--height-button);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-button);transform:var(--transform-active);transition:var(--transition-smooth);box-shadow:var(--shadow-elevated);border:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;background:var(--gradient-primary)!important;color:var(--color-active-text)!important}.btn-inactive{min-height:var(--height-button);padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-button);transition:var(--transition-smooth);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;background:var(--color-inactive-bg)!important;color:var(--color-inactive-text)!important}.btn-inactive:hover{transform:var(--transform-hover);box-shadow:var(--shadow-hover)}.icon-active{margin-bottom:var(--spacing-xs);transition:var(--transition-smooth);filter:drop-shadow(0 2px 4px #0003);color:var(--color-active-text)!important}.icon-inactive{margin-bottom:var(--spacing-xs);transition:var(--transition-smooth);color:var(--color-inactive-text)!important}.text-active{text-align:center;transition:var(--transition-smooth);text-shadow:0 1px 2px #0003;font-size:11px;font-weight:600;line-height:1.1;color:var(--color-active-text)!important}.text-inactive{text-align:center;transition:var(--transition-smooth);font-size:11px;font-weight:500;line-height:1.1;color:var(--color-inactive-text)!important}.badge-notification{border:2px solid var(--color-active-text);border-radius:var(--radius-badge);min-width:20px;height:20px;box-shadow:var(--shadow-badge);font-size:11px;font-weight:700;background:var(--gradient-secondary)!important;color:var(--color-active-text)!important}.indicator-active{background:var(--gradient-primary);width:32px;height:3px;box-shadow:0 2px 8px var(--color-shadow-primary);border-radius:2px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.container-elevated{border:1px solid var(--color-border);border-radius:var(--radius-card);transition:var(--transition-smooth);box-shadow:var(--shadow-card);background:var(--color-inactive-bg)!important}.container-elevated:hover{box-shadow:var(--shadow-hover)}.input-container{min-height:var(--height-input);border:1px solid var(--color-border);border-radius:var(--radius-input);transition:var(--transition-smooth);background:var(--color-inactive-bg)!important}.input-container:focus-within{border-color:var(--color-active-bg);box-shadow:0 0 0 2px var(--color-shadow-primary)}.motion-tap{cursor:pointer}.motion-tap:active{transform:var(--transform-tap)}.filter-active{box-shadow:var(--shadow-elevated);border:none;background:var(--gradient-primary)!important;color:var(--color-active-text)!important}.filter-inactive{border:1px solid var(--color-border);min-width:120px;max-width:160px;color:var(--color-inactive-text)!important;opacity:1!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important}@media (max-width:768px){:root{--height-button:48px;--spacing-md:10px;--spacing-lg:14px}}@media (max-width:480px){:root{--height-button:44px;--spacing-sm:6px;--spacing-md:8px}}
:root{--profile-primary:#4f46e5;--profile-primary-hover:#4338ca;--profile-primary-active:#3730a3;--profile-primary-light:#e0e7ff;--profile-primary-dark:#312e81;--profile-secondary:#6b7280;--profile-secondary-hover:#4b5563;--profile-secondary-active:#374151;--profile-secondary-light:#f3f4f6;--profile-secondary-dark:#1f2937;--profile-success:#10b981;--profile-success-hover:#059669;--profile-success-active:#047857;--profile-success-light:#d1fae5;--profile-success-dark:#064e3b;--profile-warning:#f59e0b;--profile-warning-hover:#d97706;--profile-warning-active:#b45309;--profile-warning-light:#fef3c7;--profile-warning-dark:#78350f;--profile-error:#ef4444;--profile-error-hover:#dc2626;--profile-error-active:#b91c1c;--profile-error-light:#fee2e2;--profile-error-dark:#7f1d1d;--profile-background:#fff;--profile-background-alt:#f8fafc;--profile-surface:#fff;--profile-surface-elevated:#f1f5f9;--profile-border:#e2e8f0;--profile-border-strong:#cbd5e1;--profile-divider:#e2e8f0;--profile-text-primary:#0f172a;--profile-text-secondary:#475569;--profile-text-tertiary:#64748b;--profile-text-inverse:#fff;--profile-text-muted:#94a3b8;--profile-space-xs:.25rem;--profile-space-sm:.5rem;--profile-space-md:.75rem;--profile-space-lg:1rem;--profile-space-xl:1.5rem;--profile-space-2xl:2rem;--profile-space-3xl:3rem;--profile-space-4xl:4rem;--profile-font-primary:"Inter",-apple-system,blinkmacsystemfont,"Segoe UI",roboto,sans-serif;--profile-font-mono:"JetBrains Mono","Fira Code",consolas,monospace;--profile-text-xs:.75rem;--profile-text-sm:.875rem;--profile-text-base:1rem;--profile-text-lg:1.125rem;--profile-text-xl:1.25rem;--profile-text-2xl:1.5rem;--profile-text-3xl:1.875rem;--profile-text-4xl:2.25rem;--profile-font-light:300;--profile-font-normal:400;--profile-font-medium:500;--profile-font-semibold:600;--profile-font-bold:700;--profile-leading-tight:1.25;--profile-leading-normal:1.5;--profile-leading-relaxed:1.75;--profile-radius-none:0;--profile-radius-sm:.25rem;--profile-radius-md:.375rem;--profile-radius-lg:.5rem;--profile-radius-xl:.75rem;--profile-radius-2xl:1rem;--profile-radius-full:9999px;--profile-shadow-sm:0 1px 2px 0 #0000000d;--profile-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--profile-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--profile-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--profile-card-bg:var(--profile-surface);--profile-card-border:var(--profile-border);--profile-card-shadow:var(--profile-shadow-md);--profile-card-radius:var(--profile-radius-lg);--profile-card-padding:var(--profile-space-xl);--profile-button-height-sm:2rem;--profile-button-height-md:2.5rem;--profile-button-height-lg:3rem;--profile-button-padding-x:var(--profile-space-lg);--profile-button-radius:var(--profile-radius-md);--profile-button-font-weight:var(--profile-font-medium);--profile-input-height:2.5rem;--profile-input-padding-x:var(--profile-space-md);--profile-input-border:var(--profile-border);--profile-input-border-focus:var(--profile-primary);--profile-input-radius:var(--profile-radius-md);--profile-input-bg:var(--profile-background);--profile-avatar-size-sm:2rem;--profile-avatar-size-md:3rem;--profile-avatar-size-lg:4rem;--profile-avatar-size-xl:6rem;--profile-avatar-border:var(--profile-border-strong);--profile-badge-padding-x:var(--profile-space-sm);--profile-badge-padding-y:var(--profile-space-xs);--profile-badge-radius:var(--profile-radius-full);--profile-badge-font-size:var(--profile-text-xs);--profile-badge-font-weight:var(--profile-font-medium);--profile-modal-bg:var(--profile-background);--profile-modal-overlay:#00000080;--profile-modal-shadow:var(--profile-shadow-xl);--profile-modal-radius:var(--profile-radius-xl);--profile-modal-padding:var(--profile-space-2xl);--profile-transition-fast:.15s ease-in-out;--profile-transition-normal:.25s ease-in-out;--profile-transition-slow:.35s ease-in-out;--profile-breakpoint-sm:640px;--profile-breakpoint-md:768px;--profile-breakpoint-lg:1024px;--profile-breakpoint-xl:1280px;--profile-breakpoint-2xl:1536px;--profile-z-dropdown:1000;--profile-z-sticky:1020;--profile-z-fixed:1030;--profile-z-modal-backdrop:1040;--profile-z-modal:1050;--profile-z-popover:1060;--profile-z-tooltip:1070;--profile-z-toast:1080}@media (prefers-color-scheme:dark){:root{--profile-background:#0f172a;--profile-background-alt:#1e293b;--profile-surface:#1e293b;--profile-surface-elevated:#334155;--profile-border:#334155;--profile-border-strong:#475569;--profile-divider:#334155;--profile-text-primary:#f8fafc;--profile-text-secondary:#cbd5e1;--profile-text-tertiary:#94a3b8;--profile-text-inverse:#0f172a;--profile-text-muted:#64748b;--profile-card-bg:var(--profile-surface);--profile-input-bg:var(--profile-surface);--profile-modal-bg:var(--profile-surface)}}.profile-no-transparency{background-color:var(--profile-background)!important;opacity:1!important}.profile-solid-bg{background-color:var(--profile-surface)!important}.profile-text-primary{color:var(--profile-text-primary)}.profile-text-secondary{color:var(--profile-text-secondary)}.profile-text-tertiary{color:var(--profile-text-tertiary)}.profile-text-muted{color:var(--profile-text-muted)}.profile-space-xs{margin:var(--profile-space-xs)}.profile-space-sm{margin:var(--profile-space-sm)}.profile-space-md{margin:var(--profile-space-md)}.profile-space-lg{margin:var(--profile-space-lg)}.profile-space-xl{margin:var(--profile-space-xl)}.profile-card{padding:var(--profile-card-padding);border:1px solid var(--profile-card-border);border-radius:var(--profile-card-radius);background-color:var(--profile-card-bg);box-shadow:var(--profile-card-shadow)}.profile-button{justify-content:center;align-items:center;gap:var(--profile-space-sm);height:var(--profile-button-height-md);padding:0 var(--profile-button-padding-x);border-radius:var(--profile-button-radius);font-size:var(--profile-text-sm);font-weight:var(--profile-button-font-weight);transition:all var(--profile-transition-fast);cursor:pointer;border:none;display:inline-flex}.profile-button-primary{background-color:var(--profile-primary);color:var(--profile-text-inverse)}.profile-button-primary:hover{background-color:var(--profile-primary-hover)}.profile-button-primary:active{background-color:var(--profile-primary-active)}.profile-button-secondary{border:1px solid var(--profile-border);background-color:var(--profile-secondary-light);color:var(--profile-text-primary)}.profile-button-secondary:hover{background-color:var(--profile-surface-elevated)}.profile-input{width:100%;height:var(--profile-input-height);padding:0 var(--profile-input-padding-x);border:1px solid var(--profile-input-border);border-radius:var(--profile-input-radius);background-color:var(--profile-input-bg);color:var(--profile-text-primary);font-size:var(--profile-text-sm);transition:border-color var(--profile-transition-fast)}.profile-input:focus{border-color:var(--profile-input-border-focus);outline:none;box-shadow:0 0 0 3px #4f46e51a}@media (max-width:640px){.profile-card{padding:var(--profile-space-lg)}.profile-button{height:var(--profile-button-height-sm);font-size:var(--profile-text-xs)}}.profile-fade-in{animation:profileFadeIn var(--profile-transition-normal)ease-out}@keyframes profileFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-scale-in{animation:profileScaleIn var(--profile-transition-fast)ease-out}@keyframes profileScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.profile-focus-ring:focus{outline:2px solid var(--profile-primary);outline-offset:2px}.profile-focus-ring:focus:not(:focus-visible){outline:none}
:root{--dashboard-primary:#4f46e5;--dashboard-primary-light:#e0e7ff;--dashboard-primary-border:#a5b4fc;--dashboard-secondary:#3b82f6;--dashboard-secondary-light:#dbeafe;--dashboard-secondary-border:#93c5fd;--dashboard-success:#10b981;--dashboard-success-light:#d1fae5;--dashboard-success-border:#6ee7b7;--dashboard-error:#ef4444;--dashboard-error-light:#fee2e2;--dashboard-error-border:#fca5a5;--dashboard-warning:#f59e0b;--dashboard-warning-light:#fed7aa;--dashboard-warning-border:#fdba74;--dashboard-info:#06b6d4;--dashboard-info-light:#cffafe;--dashboard-info-border:#67e8f9;--dashboard-text-primary:#1f2937;--dashboard-text-secondary:#6b7280;--dashboard-text-muted:#9ca3af;--dashboard-text-inverse:#fff;--dashboard-background:#fff;--dashboard-surface:#f9fafb;--dashboard-border:#e5e7eb;--dashboard-container-padding:1rem;--dashboard-stack-gap:1.5rem;--dashboard-grid-gutter:1.5rem;--dashboard-card-padding:1.5rem;--dashboard-card-radius:.5rem;--dashboard-group-gap:.75rem;--dashboard-small-gap:.5rem;--dashboard-extra-small-gap:.25rem;--dashboard-card-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--dashboard-elevated-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--dashboard-button-shadow:0 4px 12px #4f46e54d;--dashboard-button-hover-shadow:0 6px 16px #4f46e566;--dashboard-title-size:1.875rem;--dashboard-subtitle-size:1.25rem;--dashboard-text-size:1rem;--dashboard-small-text-size:.875rem;--dashboard-large-text-size:1.25rem;--dashboard-title-weight:700;--dashboard-subtitle-weight:600;--dashboard-medium-weight:500;--dashboard-transition-fast:all .15s ease;--dashboard-transition-normal:all .3s ease;--dashboard-transition-slow:all .5s ease}.dashboard-container{padding:var(--dashboard-container-padding);width:100%;max-width:100%}.dashboard-stack{gap:var(--dashboard-stack-gap);flex-direction:column;display:flex}.dashboard-grid{gap:var(--dashboard-grid-gutter);display:grid}.dashboard-grid--responsive{grid-template-columns:1fr}@media (min-width:768px){.dashboard-grid--responsive{grid-template-columns:2fr 1fr}}.dashboard-metrics-grid{gap:var(--dashboard-grid-gutter);grid-template-columns:1fr;display:grid}@media (min-width:640px){.dashboard-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.dashboard-metrics-grid{grid-template-columns:repeat(3,1fr)}}.dashboard-card{background:var(--dashboard-background);border:1px solid var(--dashboard-border);border-radius:var(--dashboard-card-radius);padding:var(--dashboard-card-padding);box-shadow:var(--dashboard-card-shadow);transition:var(--dashboard-transition-fast)}.dashboard-card:hover{box-shadow:var(--dashboard-elevated-shadow)}.dashboard-card--primary{background:var(--dashboard-primary-light);border-color:var(--dashboard-primary-border)}.dashboard-card--success{background:var(--dashboard-success-light);border-color:var(--dashboard-success-border)}.dashboard-card--error{background:var(--dashboard-error-light);border-color:var(--dashboard-error-border)}.dashboard-card--warning{background:var(--dashboard-warning-light);border-color:var(--dashboard-warning-border)}.dashboard-title{font-size:var(--dashboard-title-size);font-weight:var(--dashboard-title-weight);color:var(--dashboard-text-primary);margin:0;line-height:1.2}.dashboard-subtitle{font-size:var(--dashboard-subtitle-size);font-weight:var(--dashboard-subtitle-weight);color:var(--dashboard-text-primary);margin:0;line-height:1.3}.dashboard-text{font-size:var(--dashboard-text-size);color:var(--dashboard-text-primary);line-height:1.5}.dashboard-text--dimmed{color:var(--dashboard-text-secondary)}.dashboard-text--muted{color:var(--dashboard-text-muted)}.dashboard-text--large{font-size:var(--dashboard-large-text-size);font-weight:var(--dashboard-title-weight)}.dashboard-text--small{font-size:var(--dashboard-small-text-size)}.dashboard-group{align-items:center;gap:var(--dashboard-group-gap);display:flex}.dashboard-group--space-between{justify-content:space-between}.dashboard-group--center{justify-content:center}.dashboard-stack--small{gap:var(--dashboard-small-gap);flex-direction:column;display:flex}.dashboard-stack--extra-small{gap:var(--dashboard-extra-small-gap);flex-direction:column;display:flex}.dashboard-button{align-items:center;gap:var(--dashboard-small-gap);border-radius:var(--dashboard-card-radius);font-weight:var(--dashboard-medium-weight);transition:var(--dashboard-transition-fast);cursor:pointer;border:1px solid #0000;padding:.5rem 1rem;text-decoration:none;display:inline-flex}.dashboard-button--primary{background:linear-gradient(135deg,var(--dashboard-primary)0%,var(--dashboard-secondary)100%);color:var(--dashboard-text-inverse);box-shadow:var(--dashboard-button-shadow);border:2px solid var(--dashboard-primary-border)}.dashboard-button--primary:hover{box-shadow:var(--dashboard-button-hover-shadow);transform:translateY(-2px)}.dashboard-button--light{background:var(--dashboard-primary-light);color:var(--dashboard-primary);border-color:var(--dashboard-primary-border)}.dashboard-button--light:hover{background:var(--dashboard-primary);color:var(--dashboard-text-inverse)}.dashboard-button--outline{color:var(--dashboard-primary);border-color:var(--dashboard-primary);background:0 0}.dashboard-button--outline:hover{background:var(--dashboard-primary);color:var(--dashboard-text-inverse)}.dashboard-icon{flex-shrink:0;width:1rem;height:1rem}.dashboard-icon--large{width:1.5rem;height:1.5rem}.dashboard-icon--primary{color:var(--dashboard-primary)}.dashboard-icon--success{color:var(--dashboard-success)}.dashboard-icon--error{color:var(--dashboard-error)}.dashboard-icon--warning{color:var(--dashboard-warning)}.dashboard-badge{font-size:var(--dashboard-small-text-size);font-weight:var(--dashboard-medium-weight);border-radius:.375rem;align-items:center;gap:.25rem;padding:.25rem .5rem;display:inline-flex}.dashboard-badge--primary{background:var(--dashboard-primary-light);color:var(--dashboard-primary)}.dashboard-badge--success{background:var(--dashboard-success-light);color:var(--dashboard-success)}.dashboard-badge--error{background:var(--dashboard-error-light);color:var(--dashboard-error)}.dashboard-badge--warning{background:var(--dashboard-warning-light);color:var(--dashboard-warning)}.dashboard-progress{background:var(--dashboard-surface);border-radius:.25rem;width:100%;height:.5rem;overflow:hidden}.dashboard-progress__bar{height:100%;transition:var(--dashboard-transition-normal)}.dashboard-progress__bar--success{background:var(--dashboard-success)}.dashboard-progress__bar--error{background:var(--dashboard-error)}@media (max-width:767px){.dashboard-container{padding:.75rem}.dashboard-card-padding{padding:1rem}.dashboard-title{font-size:1.5rem}.dashboard-subtitle{font-size:1.125rem}}.dashboard-fade-in{animation:.3s ease-out dashboardFadeIn}.dashboard-slide-up{animation:.4s ease-out dashboardSlideUp}@keyframes dashboardFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dashboardSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

.viewport-safe{box-sizing:border-box;max-width:100vw;overflow-x:hidden}.viewport-width{box-sizing:border-box;width:100vw;max-width:100vw}.viewport-container{width:100%;max-width:calc(100vw - var(--spacing-container-sm)*2);padding-right:var(--spacing-container-sm);padding-left:var(--spacing-container-sm);box-sizing:border-box;margin-left:auto;margin-right:auto}.responsive-width{width:100%;min-width:0;max-width:100vw}.responsive-image{object-fit:contain;max-width:100%;height:auto}.responsive-video{width:100%;max-width:100vw;height:auto}.modal-viewport-safe{box-sizing:border-box;width:95vw;max-width:95vw;max-height:95vh;margin:auto}.overlay-viewport{width:100vw;max-width:100vw;height:100vh;max-height:100vh;position:fixed;top:0;left:0}.grid-viewport-safe{box-sizing:border-box;width:100%;min-width:0;max-width:100vw;display:grid}.flex-viewport-safe{box-sizing:border-box;width:100%;min-width:0;max-width:100vw;display:flex}.flex-shrink-safe{flex-shrink:1;min-width:0;overflow:hidden}.text-viewport-safe{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.content-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.fixed-viewport-safe{box-sizing:border-box;max-width:100vw;max-height:100vh;position:fixed}.absolute-container-safe{box-sizing:border-box;max-width:100%;max-height:100%;position:absolute}@media (max-width:640px){table{white-space:nowrap;width:100%;max-width:100vw;display:block;overflow-x:auto}pre,code{word-wrap:break-word;max-width:100%;overflow-x:auto}img,video,iframe,embed,object{max-width:100%!important;height:auto!important}input,textarea,select,button{box-sizing:border-box;max-width:100%}}.force-viewport-safe{box-sizing:border-box!important;max-width:100vw!important;overflow-x:hidden!important}.container-viewport-safe{width:100%;max-width:100vw;padding-right:var(--spacing-container-sm);padding-left:var(--spacing-container-sm);box-sizing:border-box;margin-left:auto;margin-right:auto}.scroll-x-safe{-webkit-overflow-scrolling:touch;max-width:100vw;overflow:auto hidden}
.pull-to-refresh-container{-webkit-user-select:text;user-select:text;cursor:grab;width:100%;height:100%;position:relative;overflow:hidden}.pull-to-refresh-container:active{cursor:grabbing}.pull-to-refresh-indicator{z-index:50;border:1px solid hsl(var(--border));background:hsl(var(--background));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;min-width:120px;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)translateY(-100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.pull-to-refresh-indicator.pulling{opacity:1;animation:.3s ease-out ptr-slide-down;transform:translate(-50%)translateY(0)}.pull-to-refresh-indicator.can-refresh{background:hsl(var(--primary)/10%);border-color:hsl(var(--primary));color:hsl(var(--primary));animation:.6s ease-in-out ptr-bounce}.pull-to-refresh-indicator.refreshing{background:hsl(var(--primary)/10%);color:hsl(var(--primary));border-color:hsl(var(--primary));animation:2s ease-in-out infinite pullToRefreshPulse;transform:translate(-50%)translateY(0)}.pull-to-refresh-indicator.hiding{animation:.3s ease-in ptr-slide-up}.pull-to-refresh-content{width:100%;height:100%;color:hsl(var(--foreground));will-change:transform;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;transition:transform .2s cubic-bezier(.4,0,.2,1);display:flex}.pull-to-refresh-content.pulling{transform:translateY(var(--pull-distance,0))}.pull-to-refresh-indicator.can-refresh .pull-to-refresh-content,.pull-to-refresh-indicator.refreshing .pull-to-refresh-content{color:hsl(var(--primary))}.pull-to-refresh-spinner{border:2px solid hsl(var(--muted-foreground)/30%);border-top:2px solid hsl(var(--primary));transform-origin:50%;border-radius:50%;flex-shrink:0;width:1rem;height:1rem;animation:1s linear infinite ptr-spin}.pull-to-refresh-text{color:#374151;white-space:nowrap;margin-left:8px;font-size:.875rem;font-weight:500;transition:all .2s}.pull-to-refresh-indicator.can-refresh .pull-to-refresh-text{color:#fff}.pull-to-refresh-progress{background:hsl(var(--primary));border-radius:1px;height:2px;transition:width .1s ease-out;position:absolute;bottom:0;left:0}@keyframes pullToRefreshSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pullToRefreshPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes pullToRefreshBounce{0%,20%,53%,80%,to{transform:translate(0,0)}40%,43%{transform:translateY(-8px)}70%{transform:translateY(-4px)}90%{transform:translateY(-2px)}}@keyframes pullToRefreshSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes pullToRefreshSlideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes ptr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ptr-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes ptr-bounce{0%,20%,53%,80%,to{transform:translate(-50%)translateY(0)}40%,43%{transform:translate(-50%)translateY(-4px)}70%{transform:translate(-50%)translateY(-2px)}90%{transform:translate(-50%)translateY(-1px)}}@keyframes ptr-slide-down{0%{opacity:0;transform:translate(-50%)translateY(-100%)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes ptr-slide-up{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-100%)}}.pull-to-refresh-indicator.refreshing .pull-to-refresh-spinner{animation:1s linear infinite ptr-spin}.pull-to-refresh-indicator.refreshing .pull-to-refresh-text{animation:2s ease-in-out infinite ptr-pulse}@media (hover:hover){.pull-to-refresh-indicator:hover{transform:translate(-50%)scale(1.02)}}@media (max-width:768px){.pull-to-refresh-container{touch-action:pan-y;-webkit-overflow-scrolling:touch}.pull-to-refresh-indicator{border-radius:8px;min-width:140px;padding:1rem 1.25rem}.pull-to-refresh-text{font-size:1rem}.pull-to-refresh-spinner{width:1.25rem;height:1.25rem}}.dark .pull-to-refresh-indicator{background:hsl(var(--background));border-color:hsl(var(--border));box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.dark .pull-to-refresh-indicator.can-refresh,.dark .pull-to-refresh-indicator.refreshing{background:hsl(var(--primary)/20%);border-color:hsl(var(--primary))}@media (prefers-color-scheme:dark){.pull-to-refresh-indicator{background:#1f2937f2;border-color:#ffffff1a}.pull-to-refresh-text{color:#f3f4f6}.pull-to-refresh-indicator.can-refresh{background:#22c55ef2;border-color:#22c55e4d}}@media (prefers-reduced-motion:reduce){.pull-to-refresh-indicator,.pull-to-refresh-content,.pull-to-refresh-spinner,.pull-to-refresh-text,.pull-to-refresh-progress{transition:none!important;animation:none!important}.pull-to-refresh-indicator.pulling{opacity:1;transform:translate(-50%)translateY(0)}}@media (prefers-contrast:high){.pull-to-refresh-indicator{box-shadow:0 0 0 1px hsl(var(--foreground));border-width:2px}.pull-to-refresh-spinner{border-width:3px}}.pull-to-refresh-indicator:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.pull-to-refresh-container:hover{background:hsl(var(--muted)/30%);transition:background .2s}.pull-to-refresh-container.mouse-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.pull-to-refresh-container:before{z-index:10;color:hsl(var(--muted-foreground));opacity:0;content:"Arrastra hacia abajo para actualizar";pointer-events:none;font-size:.75rem;transition:opacity .3s;position:absolute;top:.5rem;right:.5rem}.pull-to-refresh-container:hover:before{opacity:.7}@media (max-width:768px){.pull-to-refresh-container:before{content:"Desliza hacia abajo para actualizar"}}@media (min-device-pixel-ratio:2),(min-resolution:192dpi){.pull-to-refresh-indicator{box-shadow:0 2px 8px #0000001f}}.pull-to-refresh-disabled{touch-action:auto!important;cursor:default!important}.pull-to-refresh-disabled:before{display:none!important}.pull-to-refresh-compact .pull-to-refresh-indicator{min-width:100px;padding:.5rem .75rem}.pull-to-refresh-compact .pull-to-refresh-text{font-size:.75rem}.pull-to-refresh-compact .pull-to-refresh-spinner{width:.875rem;height:.875rem}
.button-container-fix{flex-wrap:wrap;align-items:flex-start;gap:.75rem;width:100%;display:flex}.responsive-button{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;flex:auto;min-width:fit-content;max-width:100%}@media (max-width:640px){.responsive-button{flex:100%;width:100%}.button-container-fix{flex-direction:column}}.button-with-icon{text-align:center;vertical-align:middle;justify-content:center;align-items:center;gap:.5rem;line-height:1.5;display:inline-flex}.button-with-icon svg{flex-shrink:0}.form-button-container{flex-direction:column;gap:.75rem;width:100%;display:flex}@media (min-width:640px){.form-button-container{flex-direction:row;justify-content:flex-end;align-items:center}}.card-button-fix,.card-button-fix .button-container-fix{overflow:visible!important}.text-wrap-button{text-align:center;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;vertical-align:middle;justify-content:center;align-items:center;line-height:1.5;display:inline-flex;white-space:normal!important}.no-truncate{text-overflow:clip!important;white-space:normal!important;overflow:visible!important}.bottom-nav-button-fix{padding-bottom:6rem}@media (min-device-pixel-ratio:2),(min-resolution:192dpi){.responsive-button{font-size:.875rem;line-height:1.25}}@media (max-width:320px){.responsive-button{padding:.625rem .75rem;font-size:.8125rem}}@media (min-width:1024px){.button-container-fix{gap:1rem}.responsive-button{flex:0 auto}}
.perfect-button-alignment{box-sizing:border-box;min-height:2.5rem;padding:.5rem 1rem;text-align:center!important;vertical-align:middle!important;justify-content:center!important;align-items:center!important;line-height:1.5!important;display:inline-flex!important}.perfect-button-alignment--sm{min-height:2.25rem;padding:.375rem .75rem;font-size:.875rem;line-height:1.4}.perfect-button-alignment--lg{min-height:2.75rem;padding:.75rem 2rem;font-size:1rem;line-height:1.6}.perfect-button-alignment--icon{width:2.5rem;height:2.5rem;min-height:auto;padding:0}.button-icon-perfect{text-align:center;vertical-align:middle;gap:.5rem;line-height:1.5;justify-content:center!important;align-items:center!important;display:inline-flex!important}.button-icon-perfect svg,.button-icon-perfect .icon{vertical-align:middle;flex-shrink:0}.button-multiline-perfect{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;vertical-align:middle;min-height:2.5rem;padding:.5rem 1rem;line-height:1.5;text-align:center!important;white-space:normal!important;justify-content:center!important;align-items:center!important;display:inline-flex!important}@media (max-width:640px){.perfect-button-alignment{min-height:2.75rem;padding:.625rem 1rem;font-size:.875rem}.perfect-button-alignment--sm{min-height:2.5rem;padding:.5rem .75rem;font-size:.8125rem}.perfect-button-alignment--lg{min-height:3rem;padding:.875rem 1.5rem;font-size:.9375rem}}@media (min-width:641px) and (max-width:1024px){.perfect-button-alignment{min-height:2.5rem;padding:.5rem 1.25rem}}@media (min-width:1025px){.perfect-button-alignment{min-height:2.5rem;padding:.5rem 1.5rem}.perfect-button-alignment--lg{min-height:2.75rem;padding:.75rem 2.5rem}}.perfect-button-alignment:focus-visible{outline:2px solid var(--color-primary-500,#3b82f6);outline-offset:2px;box-shadow:0 0 0 4px #3b82f61a}.perfect-button-alignment:hover{transform:none}.perfect-button-alignment:disabled{opacity:.5;cursor:not-allowed;justify-content:center!important;align-items:center!important;display:inline-flex!important}@media (min-device-pixel-ratio:2),(min-resolution:192dpi){.perfect-button-alignment{letter-spacing:.025em;font-size:.875rem;line-height:1.5}.perfect-button-alignment--sm{font-size:.8125rem;line-height:1.4}.perfect-button-alignment--lg{font-size:1rem;line-height:1.6}}.force-center-alignment{text-align:center!important;vertical-align:middle!important;justify-content:center!important;align-items:center!important;display:inline-flex!important}.button-container-perfect{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.form-button-perfect{text-align:center;vertical-align:middle;width:100%;min-height:2.75rem;line-height:1.5;justify-content:center!important;align-items:center!important;display:inline-flex!important}@media (min-width:640px){.form-button-perfect{width:auto;min-width:8rem}}.card-button-perfect{text-align:center;vertical-align:middle;width:100%;line-height:1.5;justify-content:center!important;align-items:center!important;display:inline-flex!important}.nav-button-perfect{text-align:center;vertical-align:middle;min-height:2.5rem;line-height:1.5;justify-content:center!important;align-items:center!important;display:inline-flex!important}
:root{--profile-card-radius:var(--mantine-radius-lg);--profile-spacing-xs:var(--mantine-spacing-xs);--profile-spacing-sm:var(--mantine-spacing-sm);--profile-spacing-md:var(--mantine-spacing-md);--profile-spacing-lg:var(--mantine-spacing-lg);--profile-shadow-sm:var(--mantine-shadow-sm);--profile-shadow-md:var(--mantine-shadow-md);--profile-transition:all .15s ease}.public-profile-control{transition:var(--profile-transition)}.public-profile-control:hover{box-shadow:var(--profile-shadow-md);transform:translateY(-1px)}.mantine-Card-root.public-profile-card{border:1px solid var(--mantine-color-gray-2);border-radius:var(--profile-card-radius);background:var(--mantine-color-white);transition:var(--profile-transition)}.mantine-Card-root.public-profile-card:hover{box-shadow:var(--profile-shadow-md);transform:translateY(-1px)}.mantine-Button-root.profile-action-button{min-height:2.5rem;padding:var(--profile-spacing-sm)var(--profile-spacing-md);text-align:center;transition:var(--profile-transition);white-space:normal;word-break:break-word;line-height:1.3}.mantine-Button-root.profile-action-button:hover{box-shadow:var(--profile-shadow-md);transform:translateY(-1px)}.mantine-Button-inner.profile-button-inner{justify-content:center;align-items:center;gap:var(--profile-spacing-xs);flex-wrap:wrap}.mantine-Button-label.profile-button-label{text-align:center;white-space:normal;word-break:break-word;line-height:1.3}.profile-url-display{padding:var(--profile-spacing-md);border:1px solid var(--mantine-color-gray-2);border-radius:var(--mantine-radius-md);background-color:var(--mantine-color-gray-0);overflow:hidden}.profile-url-text{color:var(--mantine-color-dimmed);word-break:break-all;line-height:1.4}.mantine-ActionIcon-root.profile-action-icon{transition:var(--profile-transition)}.mantine-ActionIcon-root.profile-action-icon:hover{box-shadow:var(--profile-shadow-sm);transform:scale(1.05)}@media (max-width:48em){.profile-mobile-stack{gap:var(--profile-spacing-sm);flex-direction:column}.profile-mobile-full-width{flex:none;width:100%}.mantine-Button-root.profile-action-button{justify-content:center;width:100%}}@media (max-width:64em){.profile-tablet-responsive{gap:var(--profile-spacing-md);flex-direction:column}}.public-profile-compact{padding:var(--profile-spacing-sm);border:1px solid var(--mantine-color-gray-2);border-radius:var(--mantine-radius-md);background-color:var(--mantine-color-gray-0)}.public-profile-compact .mantine-Group-root{align-items:center;gap:var(--profile-spacing-sm);flex-wrap:nowrap}.public-profile-compact .mantine-Button-root{white-space:normal;flex:1;min-width:fit-content;height:auto}.profile-accessible-focus:focus-visible{outline:2px solid var(--mantine-color-rotary-blue-5);outline-offset:2px;border-radius:var(--mantine-radius-sm)}@keyframes profileFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-fade-in{animation:.3s ease-out profileFadeIn}.mantine-Tooltip-tooltip.profile-tooltip{padding:var(--profile-spacing-xs)var(--profile-spacing-sm);border-radius:var(--mantine-radius-sm);background-color:var(--mantine-color-gray-9);color:var(--mantine-color-white);font-size:var(--mantine-font-size-sm)}.profile-loading-state{opacity:.6;pointer-events:none;transition:opacity .2s}@media (prefers-color-scheme:dark){.public-profile-control{border-color:var(--mantine-color-dark-4);background-color:var(--mantine-color-dark-6)}.profile-url-display{background-color:var(--mantine-color-dark-5);border-color:var(--mantine-color-dark-4)}.profile-url-text{color:var(--mantine-color-dark-2)}}@media print{.public-profile-control{box-shadow:none;border:1px solid #ccc}.mantine-Button-root.profile-action-button{border:1px solid #000;color:#000!important;background:0 0!important}}
.profile-section-light{width:100%;max-width:80rem;margin:0 auto;padding:1.5rem 1rem}@media (min-width:640px){.profile-section-light{padding:2rem 1.5rem}}@media (min-width:768px){.profile-section-light{padding:2rem}}.profile-section-title{letter-spacing:-.025em;color:#111827;font-size:1.5rem;font-weight:600}@media (min-width:640px){.profile-section-title{font-size:1.875rem}}.dark .profile-section-title{color:#f9fafb}.profile-section-subtitle{color:#6b7280;font-size:.875rem}@media (min-width:640px){.profile-section-subtitle{font-size:1rem}}.dark .profile-section-subtitle{color:#9ca3af}.profile-action-row{flex-wrap:wrap;align-items:stretch;gap:.75rem;margin-top:1rem;display:flex}@media (min-width:640px){.profile-action-row{gap:1rem;margin-top:1.5rem}}.profile-cta-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.profile-cta-solid-blue{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:.75rem;align-items:center;gap:.5rem;min-height:44px;padding:.625rem 1rem;font-weight:500;transition:colors .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}@media (min-width:640px){.profile-cta-solid-blue{padding:.75rem 1.25rem}}.profile-cta-solid-blue:hover{background-color:#1d4ed8}.profile-cta-solid-blue:active{background-color:#1d4ed8e6}.profile-cta-solid-blue:focus-visible{outline:none;box-shadow:0 0 0 2px #3b82f6,0 0 0 4px #3b82f680}.profile-cta-solid-green{color:#fff;cursor:pointer;background-color:#16a34a;border:none;border-radius:.75rem;align-items:center;gap:.5rem;min-height:44px;padding:.625rem 1rem;font-weight:500;transition:colors .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}@media (min-width:640px){.profile-cta-solid-green{padding:.75rem 1.25rem}}.profile-cta-solid-green:hover{background-color:#15803d}.profile-cta-solid-green:active{background-color:#15803de6}.profile-cta-solid-green:focus-visible{outline:none;box-shadow:0 0 0 2px #22c55e,0 0 0 4px #22c55e80}.profile-cta-outline{color:#111827;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.75rem;align-items:center;gap:.5rem;min-height:44px;padding:.625rem 1rem;font-weight:500;transition:colors .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}@media (min-width:640px){.profile-cta-outline{padding:.75rem 1.25rem}}.profile-cta-outline:hover{background-color:#f9fafb}.profile-cta-outline:active{background-color:#f3f4f6cc}.profile-cta-outline:focus-visible{outline:none;box-shadow:0 0 0 2px #9ca3af,0 0 0 4px #9ca3af80}.dark .profile-cta-outline{color:#f9fafb;background-color:#0000;border-color:#374151}.dark .profile-cta-outline:hover{background-color:#ffffff1a}.profile-cta-solid-blue:disabled,.profile-cta-solid-green:disabled,.profile-cta-outline:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}
.modern-profile-theme{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--mp-bg:#f8fafc;--mp-surface:#fff;--mp-surface-alt:#f1f5f9;--mp-text:#0f172a;--mp-muted:#475569;--mp-primary:#3730a3;--mp-accent:#7c3aed;--mp-success:#047857;--mp-danger:#be123c;--mp-border:#e2e8f0;--mp-shadow:0 10px 30px #02061714;--mp-radius:16px;--mp-section-padding:clamp(2rem,4vw,4rem)}@media (prefers-color-scheme:dark){.modern-profile-theme{--lightningcss-light: ;--lightningcss-dark:initial}}.modern-profile-theme .container{max-width:76rem}.modern-profile-theme h1,.modern-profile-theme h2,.modern-profile-theme h3{letter-spacing:-.01em;text-wrap:balance}.modern-profile-theme p,.modern-profile-theme li{color:var(--mp-muted)}.modern-profile-theme section{scroll-margin-top:96px}.modern-profile-theme .card,.modern-profile-theme [class*=Card]{border-radius:var(--mp-radius);box-shadow:var(--mp-shadow)}.modern-profile-theme .hero-overlay-strong{background:linear-gradient(#0000,#00000059,#000000a6)}.modern-profile-theme .cta-grid button,.modern-profile-theme .cta-grid a{border-radius:14px}.modern-profile-theme a:focus-visible,.modern-profile-theme button:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffffe6,0 0 0 6px #7c3aed99}@media print{.modern-profile-theme,.modern-profile-theme .bg-gradient-to-r,.modern-profile-theme .bg-gradient-to-br,.modern-profile-theme .bg-gradient-to-t{background:#fff!important}}
.youtube-embed-container{background-color:#000;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 4px 12px #00000026;position:relative!important}.youtube-aspect-ratio{width:100%;height:0;padding-bottom:56.25%;position:relative}.youtube-iframe{border:none;border-radius:8px;top:0;left:0;width:100%!important;height:100%!important;position:absolute!important}.youtube-loading{z-index:1;background-color:#f8f9fa;width:100%;height:100%;position:absolute;top:0;left:0}.youtube-embed-container.error{box-shadow:none;background-color:#0000}@media (max-width:768px){.youtube-embed-container{border-radius:6px;box-shadow:0 2px 8px #0000001a}}.youtube-iframe:focus{outline-offset:2px;outline:2px solid #4285f4}.youtube-embed-container{transition:box-shadow .3s}.youtube-embed-container:hover{box-shadow:0 6px 16px #0003}
.splash-screen-minimal{z-index:9999;min-height:100dvh;padding:env(safe-area-inset-top)env(safe-area-inset-right)env(safe-area-inset-bottom)env(safe-area-inset-left);background:linear-gradient(135deg,var(--splash-bg)0%,color-mix(in srgb,var(--splash-bg)95%,var(--splash-primary))100%);will-change:opacity;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.splash-screen-minimal.splash-enter{animation:.5s cubic-bezier(.16,1,.3,1) splashFadeIn}.splash-screen-minimal.splash-exit{animation:.4s cubic-bezier(.7,0,.84,0) forwards splashFadeOut}.splash-bg-gradient{background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--splash-primary)8%,transparent)0%,transparent 50%),radial-gradient(circle at 70% 80%,color-mix(in srgb,var(--splash-primary)6%,transparent)0%,transparent 50%);animation:8s ease-in-out infinite alternate gradientShift;position:absolute;inset:0}.splash-bg-pattern{opacity:.03;background-image:linear-gradient(30deg,var(--splash-primary)12%,transparent 12.5%,transparent 87%,var(--splash-primary)87.5%,var(--splash-primary)),linear-gradient(150deg,var(--splash-primary)12%,transparent 12.5%,transparent 87%,var(--splash-primary)87.5%,var(--splash-primary)),linear-gradient(30deg,var(--splash-primary)12%,transparent 12.5%,transparent 87%,var(--splash-primary)87.5%,var(--splash-primary)),linear-gradient(150deg,var(--splash-primary)12%,transparent 12.5%,transparent 87%,var(--splash-primary)87.5%,var(--splash-primary));background-position:0 0,0 0,40px 70px,40px 70px;background-size:80px 140px;position:absolute;inset:0}.splash-content-minimal{z-index:10;text-align:center;flex-direction:column;align-items:center;gap:clamp(1rem,3vw,1.5rem);max-width:500px;padding:2rem;animation:.6s cubic-bezier(.16,1,.3,1) .1s both contentSlideUp;display:flex;position:relative}.splash-logo-container{width:120px;height:120px;margin-bottom:.5rem;position:relative}.splash-logo-circle{z-index:3;background:linear-gradient(135deg,color-mix(in srgb,var(--splash-primary)10%,white),color-mix(in srgb,var(--splash-primary)5%,white));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--splash-primary)20%,transparent);width:100%;height:100%;box-shadow:0 8px 32px color-mix(in srgb,var(--splash-primary)15%,transparent),0 2px 8px color-mix(in srgb,var(--splash-primary)10%,transparent),inset 0 1px 1px #ffffff80;color:var(--splash-primary);border-radius:32px;justify-content:center;align-items:center;animation:3s ease-in-out infinite logoFloat;display:flex;position:relative}.splash-logo-ring{z-index:2;border:2px solid color-mix(in srgb,var(--splash-primary)25%,transparent);border-radius:36px;animation:8s linear infinite ringRotate;position:absolute;inset:-8px}.splash-logo-pulse{z-index:1;background:radial-gradient(circle,color-mix(in srgb,var(--splash-primary)15%,transparent)0%,transparent 70%);border-radius:50%;animation:2s cubic-bezier(.4,0,.6,1) infinite logoPulse;position:absolute;inset:-20px}.splash-title-minimal{letter-spacing:-.02em;background:linear-gradient(135deg,var(--splash-primary),color-mix(in srgb,var(--splash-primary)70%,#000));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2rem,5vw,2.5rem);font-weight:700;line-height:1.1;animation:.6s cubic-bezier(.16,1,.3,1) .2s both titleAppear}.splash-subtitle-minimal{color:color-mix(in srgb,var(--splash-primary)60%,#000);opacity:.8;margin:0;font-size:clamp(.875rem,2vw,1rem);font-weight:500;animation:.6s cubic-bezier(.16,1,.3,1) .3s both subtitleAppear}.splash-tagline{color:color-mix(in srgb,var(--splash-primary)50%,#666);opacity:.6;margin:0;font-size:clamp(.75rem,1.5vw,.875rem);font-weight:400;animation:.6s cubic-bezier(.16,1,.3,1) .5s both taglineAppear}.splash-progress-minimal{width:100%;max-width:200px;margin-top:.5rem;animation:.6s cubic-bezier(.16,1,.3,1) .4s both progressAppear}.splash-progress-bar-minimal{background:color-mix(in srgb,var(--splash-primary)15%,transparent);border-radius:999px;width:100%;height:3px;position:relative;overflow:hidden}.splash-progress-fill{background:linear-gradient(90deg,var(--splash-primary),color-mix(in srgb,var(--splash-primary)80%,white));height:100%;box-shadow:0 0 8px color-mix(in srgb,var(--splash-primary)30%,transparent);border-radius:999px;transition:width .3s cubic-bezier(.4,0,.2,1)}.splash-orb{background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--splash-primary)20%,transparent),color-mix(in srgb,var(--splash-primary)5%,transparent));filter:blur(40px);opacity:.4;pointer-events:none;border-radius:50%;position:absolute}.splash-orb-1{width:300px;height:300px;animation:12s ease-in-out infinite orbFloat1;top:-150px;right:-100px}.splash-orb-2{width:250px;height:250px;animation:10s ease-in-out infinite orbFloat2;bottom:-100px;left:-80px}.splash-orb-3{width:200px;height:200px;animation:8s ease-in-out infinite orbFloat3;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes splashFadeIn{0%{opacity:0}to{opacity:1}}@keyframes splashFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}@keyframes contentSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes logoFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(3deg)}}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logoPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes titleAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes subtitleAppear{0%{opacity:0;transform:translateY(8px)}to{opacity:.8;transform:translateY(0)}}@keyframes taglineAppear{0%{opacity:0;transform:translateY(6px)}to{opacity:.6;transform:translateY(0)}}@keyframes progressAppear{0%{opacity:0;transform:scaleX(.8)}to{opacity:1;transform:scaleX(1)}}@keyframes gradientShift{0%{opacity:.5}to{opacity:.8}}@keyframes orbFloat1{0%,to{transform:translate(0)}33%{transform:translate(30px,40px)}66%{transform:translate(-20px,20px)}}@keyframes orbFloat2{0%,to{transform:translate(0)}33%{transform:translate(-40px,-30px)}66%{transform:translate(20px,-40px)}}@keyframes orbFloat3{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.2)}}@media (max-width:480px){.splash-logo-container{width:96px;height:96px}.splash-logo-circle{border-radius:28px}.splash-logo-circle svg{width:38px;height:38px}.splash-progress-minimal{max-width:160px}.splash-orb-1,.splash-orb-2{width:200px;height:200px}.splash-orb-3{display:none}}@media (min-width:768px){.splash-content-minimal{gap:1.75rem}.splash-logo-container{width:140px;height:140px}.splash-progress-minimal{max-width:240px}}@media (prefers-reduced-motion:reduce){.splash-screen-minimal,.splash-content-minimal,.splash-logo-circle,.splash-logo-ring,.splash-logo-pulse,.splash-title-minimal,.splash-subtitle-minimal,.splash-tagline,.splash-progress-minimal,.splash-orb,.splash-bg-gradient{animation:none!important}.splash-progress-fill{transition:none}}@media (prefers-color-scheme:dark){.splash-screen-minimal{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}.splash-bg-pattern{opacity:.02}.splash-logo-circle{background:linear-gradient(135deg,color-mix(in srgb,var(--splash-primary)15%,#1e293b),color-mix(in srgb,var(--splash-primary)8%,#1e293b));border-color:color-mix(in srgb,var(--splash-primary)30%,transparent)}.splash-title-minimal{background:linear-gradient(135deg,color-mix(in srgb,var(--splash-primary)90%,white),var(--splash-primary));-webkit-background-clip:text;background-clip:text}.splash-subtitle-minimal{color:color-mix(in srgb,var(--splash-primary)70%,white)}.splash-tagline{color:color-mix(in srgb,var(--splash-primary)50%,#94a3b8)}}@media (prefers-contrast:high){.splash-logo-circle{border-width:2px;border-color:var(--splash-primary)}.splash-logo-ring{border-width:3px;border-color:var(--splash-primary)}}