@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary-base:#000;--secondary-base:#000;--accent-base:#000;--text-base:#000;--background-base:#fff;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--neutral-300:#d4d4d4;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--neutral-950:#0a0a0a;--primary-50:var(--neutral-50);--primary-100:var(--neutral-100);--primary-200:var(--neutral-200);--primary-300:var(--neutral-300);--primary-400:var(--neutral-400);--primary-500:var(--neutral-500);--primary-600:var(--neutral-600);--primary-700:var(--neutral-700);--primary-800:var(--neutral-800);--primary-900:var(--neutral-900);--primary-950:var(--neutral-950);--secondary-50:var(--neutral-50);--secondary-100:var(--neutral-100);--secondary-200:var(--neutral-200);--secondary-300:var(--neutral-300);--secondary-400:var(--neutral-400);--secondary-500:var(--neutral-500);--secondary-600:var(--neutral-600);--secondary-700:var(--neutral-700);--secondary-800:var(--neutral-800);--secondary-900:var(--neutral-900);--secondary-950:var(--neutral-950);--accent-50:var(--neutral-50);--accent-100:var(--neutral-100);--accent-200:var(--neutral-200);--accent-300:var(--neutral-300);--accent-400:var(--neutral-400);--accent-500:var(--neutral-500);--accent-600:var(--neutral-600);--accent-700:var(--neutral-700);--accent-800:var(--neutral-800);--accent-900:var(--neutral-900);--accent-950:var(--neutral-950);--success-50:#f0fdf4;--success-100:#dcfce7;--success-200:#bbf7d0;--success-300:#86efac;--success-400:#4ade80;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--success-800:#166534;--success-900:#14532d;--success-950:#052e16;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-200:#fde68a;--warning-300:#fcd34d;--warning-400:#fbbf24;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--warning-800:#92400e;--warning-900:#78350f;--warning-950:#451a03;--danger-50:#fef2f2;--danger-100:#fee2e2;--danger-200:#fecaca;--danger-300:#fca5a5;--danger-400:#f87171;--danger-500:#ef4444;--danger-600:#dc2626;--danger-700:#b91c1c;--danger-800:#991b1b;--danger-900:#7f1d1d;--danger-950:#450a0a;--info-50:#eff6ff;--info-100:#dbeafe;--info-200:#bfdbfe;--info-300:#93c5fd;--info-400:#60a5fa;--info-500:#3b82f6;--info-600:#2563eb;--info-700:#1d4ed8;--info-800:#1e40af;--info-900:#1e3a8a;--info-950:#172554;--font-family-base:"Inter",system-ui,-apple-system,sans-serif;--font-family-mono:"JetBrains Mono","SF Mono",Monaco,monospace;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2.25rem;--text-3xl:3.375rem;--text-4xl:5.063rem;--text-5xl:7.595rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--space-0:0;--space-px:1px;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-3-5:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-none:0;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--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 -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--transition-fast:.15s;--transition-normal:.2s;--transition-slow:.3s;--color-background:var(--background-base);--color-surface:var(--neutral-50);--color-surface-hover:var(--neutral-100);--color-surface-elevated:var(--background-base);--color-text-primary:var(--neutral-900);--color-text-secondary:var(--neutral-600);--color-text-tertiary:var(--neutral-400);--color-text-disabled:var(--neutral-300);--color-text-placeholder:var(--neutral-400);--color-text-inverse:var(--background-base);--color-border:var(--neutral-200);--color-border-hover:var(--neutral-300);--color-border-focus:var(--neutral-950);--color-border-error:var(--danger-600);--color-primary:var(--primary-950);--color-primary-hover:var(--primary-800);--color-primary-active:var(--primary-900);--color-primary-light:var(--primary-100);--color-primary-text:var(--background-base);--color-neutral:var(--neutral-950);--color-neutral-hover:var(--neutral-800);--color-neutral-light:var(--neutral-100);--color-success:var(--success-500);--color-success-hover:var(--success-600);--color-success-light:var(--success-100);--color-success-text:var(--success-800);--color-warning:var(--warning-500);--color-warning-hover:var(--warning-600);--color-warning-light:var(--warning-100);--color-warning-text:var(--warning-800);--color-danger:var(--danger-500);--color-danger-hover:var(--danger-600);--color-danger-light:var(--danger-100);--color-danger-text:var(--danger-800);--color-blue:var(--info-500);--color-blue-hover:var(--info-600);--color-blue-light:var(--info-100);--color-blue-text:var(--info-800);--color-green:var(--success-500);--color-green-hover:var(--success-600);--color-green-light:var(--success-100);--color-green-text:var(--success-800);--color-yellow:var(--warning-500);--color-yellow-hover:var(--warning-600);--color-yellow-light:var(--warning-100);--color-yellow-text:var(--warning-800);--color-red:var(--danger-500);--color-red-hover:var(--danger-600);--color-red-light:var(--danger-100);--color-red-text:var(--danger-800);--color-purple:var(--neutral-700);--color-purple-hover:var(--neutral-800);--color-purple-light:var(--neutral-100);--color-purple-text:var(--neutral-900);--color-pink:var(--neutral-600);--color-pink-hover:var(--neutral-700);--color-pink-light:var(--neutral-100);--color-pink-text:var(--neutral-800);--color-gray:var(--neutral-500);--color-gray-hover:var(--neutral-600);--color-gray-light:var(--neutral-100);--color-gray-text:var(--neutral-700);--color-overlay:rgba(0,0,0,.5);--color-surface-inverse:var(--neutral-900);--color-text-on-dark:var(--background-base);--font-family:var(--font-family-base);--font-weight-normal:var(--font-weight-normal);--font-weight-medium:var(--font-weight-medium);--font-weight-semibold:var(--font-weight-semibold);--font-weight-bold:var(--font-weight-bold);--focus-ring-color:var(--color-primary);--focus-ring-offset:2px;--focus-ring-width:2px;--focus-ring:var(--focus-ring-width) solid var(--focus-ring-color);--transition-fast:var(--transition-fast) ease;--transition-normal:var(--transition-normal) ease;--transition-slow:var(--transition-slow) ease;--button-padding-x:var(--space-4);--button-padding-y:var(--space-2);--button-padding-x-sm:var(--space-3);--button-padding-y-sm:var(--space-1-5);--button-padding-x-lg:var(--space-6);--button-padding-y-lg:var(--space-3);--button-radius:var(--radius-md);--button-font-size:var(--text-sm);--button-font-weight:var(--font-weight-medium);--input-bg:var(--color-background);--input-border:var(--color-border);--input-border-focus:var(--color-primary);--input-padding-x:var(--space-3);--input-padding-y:var(--space-2);--input-radius:var(--radius-md);--input-font-size:var(--text-base);--card-bg:var(--color-surface-elevated);--card-text:var(--color-text-primary);--card-border:var(--color-border);--card-padding:var(--space-6);--card-radius:var(--radius-lg);--card-shadow:var(--shadow-sm);--badge-padding-x:var(--space-2);--badge-padding-y:var(--space-0-5);--badge-radius:var(--radius-full);--badge-font-size:var(--text-xs);--badge-font-weight:var(--font-weight-medium);--modal-bg:var(--color-surface-elevated);--modal-overlay:var(--color-overlay);--modal-radius:var(--radius-lg);--modal-padding:var(--space-6);--modal-shadow:var(--shadow-xl);--tooltip-bg:var(--color-surface-inverse);--tooltip-text:var(--color-text-on-dark);--tooltip-padding-x:var(--space-3);--tooltip-padding-y:var(--space-2);--tooltip-radius:var(--radius-md);--tooltip-font-size:var(--text-sm);--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1100;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--section-padding-y:var(--space-16);--section-padding-y-sm:var(--space-8);--section-padding-y-lg:var(--space-24);--grid-gap:var(--space-6);--grid-gap-sm:var(--space-4);--grid-gap-lg:var(--space-8);--gutter:var(--space-4);--gutter-sm:var(--space-3);--gutter-lg:var(--space-6);--gutter-xl:var(--space-8);--header-height:4rem;--header-height-sm:3.5rem;--header-height-lg:5rem;--sidebar-width:16rem;--sidebar-width-sm:12rem;--sidebar-width-lg:20rem}[data-theme=dark]{--color-background:var(--neutral-900);--color-surface:var(--neutral-800);--color-surface-hover:var(--neutral-700);--color-surface-elevated:var(--neutral-800);--color-text-primary:var(--neutral-50);--color-text-secondary:var(--neutral-300);--color-text-tertiary:var(--neutral-400);--color-text-disabled:var(--neutral-600);--color-text-placeholder:var(--neutral-400);--color-text-inverse:var(--neutral-900);--color-border:var(--neutral-700);--color-border-hover:var(--neutral-600);--color-border-focus:var(--background-base);--color-border-error:var(--danger-400);--color-primary:var(--background-base);--color-primary-hover:var(--neutral-100);--color-primary-active:var(--neutral-200);--color-primary-light:var(--neutral-700);--color-primary-text:var(--neutral-900);--color-neutral:var(--background-base);--color-neutral-hover:var(--neutral-100);--color-neutral-light:var(--neutral-700);--color-success:var(--success-400);--color-success-hover:var(--success-500);--color-success-light:var(--success-950);--color-success-text:var(--success-100);--color-warning:var(--warning-400);--color-warning-hover:var(--warning-500);--color-warning-light:var(--warning-950);--color-warning-text:var(--warning-100);--color-danger:var(--danger-400);--color-danger-hover:var(--danger-500);--color-danger-light:var(--danger-950);--color-danger-text:var(--danger-100);--color-blue:var(--info-400);--color-blue-hover:var(--info-500);--color-blue-light:var(--info-950);--color-blue-text:var(--info-100);--input-bg:var(--neutral-800);--card-bg:var(--neutral-800);--card-shadow:0 4px 6px -1px rgba(0,0,0,.3);--tooltip-bg:var(--neutral-950);--color-overlay:rgba(0,0,0,.7);--color-surface-inverse:var(--neutral-50);--color-text-on-dark:var(--neutral-900)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body,html{line-height:var(--leading-normal)}body{background:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family);font-weight:var(--font-weight-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}article,aside,footer,header,main,nav,section{display:block}[hidden],template{display:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--leading-tight);margin-bottom:var(--space-4);margin-top:0}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}ol,p,ul{margin-bottom:var(--space-4);margin-top:0}ol,ul{padding-left:var(--space-8)}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}li{margin-bottom:var(--space-1)}dl{margin-bottom:var(--space-4);margin-top:0}dt{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}dd{margin-bottom:var(--space-2);margin-left:var(--space-8)}a{background-color:transparent;color:var(--color-primary);text-decoration:underline}a:hover{color:var(--color-primary-hover)}a:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}b,strong{font-weight:var(--font-weight-bold)}em,i{font-style:italic}small{font-size:var(--text-xs)}mark{background-color:var(--color-yellow-light);color:var(--color-text-primary);padding:var(--space-0-5)}del,s{text-decoration:line-through}ins{text-decoration:underline}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}blockquote{background:var(--color-surface);border-left:var(--space-1) solid var(--color-border);font-style:italic;margin:0 0 var(--space-4);padding:var(--space-4);padding-left:var(--space-6)}blockquote cite{color:var(--color-text-secondary);display:block;font-size:var(--text-sm);font-style:normal;margin-top:var(--space-2)}q{quotes:""" """ "'" "'"}q:before{content:open-quote}q:after{content:close-quote}code,kbd,pre,samp,var{font-family:var(--font-family-mono);font-size:var(--text-sm)}pre{border-radius:var(--radius-md);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);margin-top:0;overflow:auto;padding:var(--space-4)}code,pre{background:var(--color-surface)}code{border-radius:var(--radius-sm);color:var(--color-danger);padding:var(--space-0-5) var(--space-1)}pre code{background:transparent;color:inherit;font-size:inherit;padding:0}kbd{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000001a;padding:var(--space-0-5) var(--space-1)}table{border-collapse:collapse;border-spacing:0;margin-bottom:var(--space-4);width:100%}caption{caption-side:bottom;color:var(--color-text-secondary);padding-bottom:var(--space-3);padding-top:var(--space-3)}caption,td,th{text-align:left}td,th{border-bottom:1px solid var(--color-border);padding:var(--space-3)}th{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}tbody tr:hover,th{background:var(--color-surface)}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;margin:0}button{-webkit-appearance:button;-moz-appearance:button;appearance:button;background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0;text-transform:none}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);margin:0 0 var(--space-4);padding:var(--space-4)}legend{font-weight:var(--font-weight-semibold);padding:0 var(--space-2)}label,legend{color:var(--color-text-primary)}label{display:inline-block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}img{border-style:none}svg{overflow:hidden;vertical-align:middle}audio{width:100%}audio,video{display:inline-block}details{display:block;margin-bottom:var(--space-4)}summary{background:var(--color-surface);border-radius:var(--radius-md);cursor:pointer;display:list-item;font-weight:var(--font-weight-semibold);padding:var(--space-2)}summary:hover{background:var(--color-surface-hover)}summary:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}dialog{background:var(--color-surface-elevated);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);color:var(--color-text-primary);padding:var(--space-6)}dialog::backdrop{background:var(--color-overlay)}hr{border:0;border-top:1px solid var(--color-border);height:0;margin:var(--space-8) 0}abbr[title]{cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:var(--space-4)}time{font-weight:var(--font-weight-medium)}figure{margin:0 0 var(--space-4)}figcaption{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--space-2);text-align:center}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.not-sr-only{height:auto;margin:0;overflow:visible;padding:0;position:static;width:auto;clip:auto;white-space:normal}.button{align-items:center;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-weight:var(--font-weight-medium);justify-content:center;letter-spacing:.025em;outline:none;text-decoration:none;transition:all var(--transition-normal)}.button:focus{box-shadow:0 0 0 var(--focus-ring-offset) var(--color-background),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)}.button-disabled,.button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.button-sm{gap:var(--space-1);padding:var(--space-1-5) var(--space-3)}.button-md,.button-sm{font-size:var(--text-sm)}.button-md{gap:var(--space-1-5);padding:var(--space-2) var(--space-4)}.button-lg{font-size:var(--text-base);gap:var(--space-2);padding:var(--space-3) var(--space-6)}.button-xl{font-size:var(--text-lg);gap:var(--space-2);padding:var(--space-4) var(--space-8)}.button-solid-neutral{background:var(--color-neutral);color:var(--color-text-inverse)}.button-solid-neutral:hover{background:var(--color-neutral-hover)}.button-outline-neutral{background:var(--color-background);border-color:var(--color-neutral);color:var(--color-neutral)}.button-outline-neutral:hover{background:var(--color-neutral);color:var(--color-text-inverse)}.button-soft-neutral{background:var(--color-neutral-light);color:var(--color-neutral)}.button-soft-neutral:hover{background:var(--color-border-hover)}.button-ghost-neutral{background:transparent;color:var(--color-text-secondary)}.button-ghost-neutral:hover{background:var(--color-neutral-light)}.button-solid-blue,.button-solid-primary{background:var(--color-primary);color:var(--color-primary-text)}.button-solid-blue:hover,.button-solid-primary:hover{background:var(--color-primary-hover)}.button-outline-blue,.button-outline-primary{background:var(--color-background);border-color:var(--color-primary);color:var(--color-primary)}.button-outline-blue:hover,.button-outline-primary:hover{background:var(--color-primary);color:var(--color-primary-text)}.button-soft-blue,.button-soft-primary{background:var(--color-primary-light);color:var(--color-blue-text)}.button-soft-blue:hover,.button-soft-primary:hover{background:var(--color-border-hover)}.button-ghost-blue,.button-ghost-primary{background:transparent;color:var(--color-primary)}.button-ghost-blue:hover,.button-ghost-primary:hover{background:var(--color-primary-light)}.button-solid-red{background:var(--color-red);color:var(--color-primary-text)}.button-solid-red:hover{background:var(--color-red-hover)}.button-outline-red{background:var(--color-background);border-color:var(--color-red);color:var(--color-red)}.button-outline-red:hover{background:var(--color-red);color:var(--color-primary-text)}.button-soft-red{background:var(--color-red-light);color:var(--color-red-text)}.button-soft-red:hover{background:var(--color-border-hover)}.button-ghost-red{background:transparent;color:var(--color-red)}.button-ghost-red:hover{background:var(--color-red-light)}.button-solid-green{background:var(--color-green);color:var(--color-primary-text)}.button-solid-green:hover{background:var(--color-green-hover)}.button-outline-green{background:var(--color-background);border-color:var(--color-green);color:var(--color-green)}.button-outline-green:hover{background:var(--color-green);color:var(--color-primary-text)}.button-soft-green{background:var(--color-green-light);color:var(--color-green-text)}.button-soft-green:hover{background:var(--color-border-hover)}.button-ghost-green{background:transparent;color:var(--color-green)}.button-ghost-green:hover{background:var(--color-green-light)}.button-solid-yellow{background:var(--color-yellow);color:var(--color-primary-text)}.button-solid-yellow:hover{background:var(--color-yellow-hover)}.button-outline-yellow{background:var(--color-background);border-color:var(--color-yellow);color:var(--color-yellow)}.button-outline-yellow:hover{background:var(--color-yellow);color:var(--color-primary-text)}.button-soft-yellow{background:var(--color-yellow-light);color:var(--color-yellow-text)}.button-soft-yellow:hover{background:var(--color-border-hover)}.button-ghost-yellow{background:transparent;color:var(--color-yellow)}.button-ghost-yellow:hover{background:var(--color-yellow-light)}.button-solid-purple{background:var(--color-purple);color:var(--color-primary-text)}.button-solid-purple:hover{background:var(--color-purple-hover)}.button-outline-purple{background:var(--color-background);border-color:var(--color-purple);color:var(--color-purple)}.button-outline-purple:hover{background:var(--color-purple);color:var(--color-primary-text)}.button-soft-purple{background:var(--color-purple-light);color:var(--color-purple-text)}.button-soft-purple:hover{background:var(--color-border-hover)}.button-ghost-purple{background:transparent;color:var(--color-purple)}.button-ghost-purple:hover{background:var(--color-purple-light)}.card{background:var(--color-surface-elevated);border-radius:var(--radius-lg);color:var(--color-text-primary);overflow:hidden}.card-default{border:1px solid var(--color-border)}.card-bordered{border:2px solid var(--color-border-hover)}.card-shadow{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.card-elevated,.card-shadow{border:1px solid var(--color-border)}.card-elevated{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.card-padding-none{padding:0}.card-padding-sm{padding:var(--space-4)}.card-padding-md{padding:var(--space-6)}.card-padding-lg{padding:var(--space-8)}.card-header{border-bottom:1px solid var(--color-border)}.card-body,.card-footer,.card-header{padding:var(--space-6)}.card-footer{background:var(--color-surface);border-top:1px solid var(--color-border)}.alert{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);position:relative;width:100%}.alert-default{background:var(--color-surface-elevated);border-color:var(--color-border);color:var(--color-text-primary)}.alert-blue{background:var(--color-blue);border-color:var(--color-blue)}.alert-blue,.alert-red{color:var(--color-primary-text)}.alert-red{background:var(--color-red);border-color:var(--color-red)}.alert-green{background:var(--color-green);border-color:var(--color-green)}.alert-green,.alert-yellow{color:var(--color-primary-text)}.alert-yellow{background:var(--color-yellow);border-color:var(--color-yellow)}.alert-soft-blue{background:var(--color-blue-light);border-color:var(--color-border);color:var(--color-blue-text)}.alert-soft-red{background:var(--color-red-light);border-color:var(--color-border);color:var(--color-red-text)}.alert-soft-green{background:var(--color-green-light);border-color:var(--color-border);color:var(--color-green-text)}.alert-soft-yellow{background:var(--color-yellow-light);border-color:var(--color-border);color:var(--color-yellow-text)}.alert-title{font-weight:var(--font-weight-medium);letter-spacing:-.025em;line-height:var(--leading-tight);margin-bottom:var(--space-1)}.alert-content{font-size:var(--text-sm)}.alert-content.has-title{opacity:.7}.alert-dismiss{align-items:center;background:transparent;border:none;color:currentColor;cursor:pointer;display:flex;height:var(--space-4);justify-content:center;padding:0;position:absolute;right:var(--space-4);top:var(--space-4);width:var(--space-4)}.alert-dismiss:hover{opacity:.7}.alert-icon{height:var(--space-5);left:var(--space-4);position:absolute;top:var(--space-4);width:var(--space-5)}.alert-dismiss-icon{height:var(--space-4);width:var(--space-4)}.alert-content-with-icon{padding-left:calc(var(--space-5) + var(--space-3))}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-weight:var(--font-weight-semibold);white-space:nowrap}.badge-sm{padding:var(--space-0-5) var(--space-2)}.badge-md,.badge-sm{font-size:var(--text-xs);gap:var(--space-1)}.badge-md{padding:var(--space-0-5) var(--space-2-5)}.badge-lg{font-size:var(--text-sm);gap:var(--space-1-5);padding:var(--space-1) var(--space-3)}.badge-solid-black{background:var(--color-neutral);color:var(--color-text-inverse)}.badge-solid-blue{background:var(--color-blue);color:var(--color-primary-text)}.badge-solid-red{background:var(--color-red);color:var(--color-primary-text)}.badge-solid-green{background:var(--color-green);color:var(--color-primary-text)}.badge-solid-yellow{background:var(--color-yellow);color:var(--color-primary-text)}.badge-solid-purple{background:var(--color-purple);color:var(--color-primary-text)}.badge-solid-pink{background:var(--color-pink);color:var(--color-primary-text)}.badge-solid-gray{background:var(--color-gray);color:var(--color-primary-text)}.badge-soft-black{background:var(--color-neutral-light);color:var(--color-text-primary)}.badge-soft-blue{background:var(--color-blue-light);color:var(--color-blue-text)}.badge-soft-red{background:var(--color-red-light);color:var(--color-red-text)}.badge-soft-green{background:var(--color-green-light);color:var(--color-green-text)}.badge-soft-yellow{background:var(--color-yellow-light);color:var(--color-yellow-text)}.badge-soft-purple{background:var(--color-purple-light);color:var(--color-purple-text)}.badge-soft-pink{background:var(--color-pink-light);color:var(--color-pink-text)}.badge-soft-gray{background:var(--color-gray-light);color:var(--color-gray-text)}.badge-outline-black{background:transparent;border:1px solid var(--color-neutral);color:var(--color-neutral)}.badge-outline-blue{background:transparent;border:1px solid var(--color-blue);color:var(--color-blue)}.badge-outline-red{background:transparent;border:1px solid var(--color-red);color:var(--color-red)}.badge-outline-green{background:transparent;border:1px solid var(--color-green);color:var(--color-green)}.badge-outline-yellow{background:transparent;border:1px solid var(--color-yellow);color:var(--color-yellow)}.badge-outline-purple{background:transparent;border:1px solid var(--color-purple);color:var(--color-purple)}.badge-outline-pink{background:transparent;border:1px solid var(--color-pink);color:var(--color-pink)}.badge-outline-gray{background:transparent;border:1px solid var(--color-gray);color:var(--color-gray)}.badge-dot-black,.badge-dot-blue,.badge-dot-gray,.badge-dot-green,.badge-dot-pink,.badge-dot-purple,.badge-dot-red,.badge-dot-yellow{background:transparent;border:1px solid var(--color-border-hover);color:var(--color-text-primary)}.badge-dot:before{border-radius:var(--radius-full);content:"";display:block;height:var(--space-1-5);margin-left:calc(var(--space-0-5)*-1);margin-right:var(--space-1);width:var(--space-1-5)}.badge-dot-black:before{background:var(--color-neutral)}.badge-dot-blue:before{background:var(--color-blue)}.badge-dot-red:before{background:var(--color-red)}.badge-dot-green:before{background:var(--color-green)}.badge-dot-yellow:before{background:var(--color-yellow)}.badge-dot-purple:before{background:var(--color-purple)}.badge-dot-pink:before{background:var(--color-pink)}.badge-dot-gray:before{background:var(--color-gray)}.toast{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;font-family:var(--font-family);padding:var(--space-4);position:relative;transition:all var(--transition-normal);width:100%}.toast-content{flex:1;min-width:0}.toast-title{color:currentColor;font-size:var(--text-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}.toast-message{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.toast-message.has-title{opacity:.9}.toast-icon{flex-shrink:0;height:var(--space-5);margin-right:var(--space-3);width:var(--space-5);stroke:currentColor;fill:none}.toast-close{align-items:center;background:transparent;border:none;color:currentColor;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-left:var(--space-4);padding:0;transition:opacity var(--transition-fast)}.toast-close:hover{opacity:.7}.toast-close svg{height:var(--space-4);width:var(--space-4)}.toast-default{background:var(--color-surface-elevated);color:var(--color-text-primary)}.toast-default,.toast-success{border-color:var(--color-border)}.toast-success{background:var(--color-success-light);color:var(--color-success-text)}.toast-error{background:var(--color-danger-light);color:var(--color-danger-text)}.toast-error,.toast-warning{border-color:var(--color-border)}.toast-warning{background:var(--color-warning-light);color:var(--color-warning-text)}.toast-info{background:var(--color-blue-light);border-color:var(--color-border);color:var(--color-blue-text)}.toast-progress{background:currentColor;border-radius:0 0 var(--radius-lg) var(--radius-lg);bottom:0;height:var(--space-1);left:0;opacity:.3;position:absolute;transition:width linear}.toast-container{max-width:24rem;pointer-events:auto;position:fixed;width:100%;z-index:var(--z-toast)}.toast-container--top-right{right:var(--space-4);top:var(--space-4)}.toast-container--top-left{left:var(--space-4);top:var(--space-4)}.toast-container--bottom-right{bottom:var(--space-4);right:var(--space-4)}.toast-container--bottom-left{bottom:var(--space-4);left:var(--space-4)}.toast-container--top-center{left:50%;top:var(--space-4);transform:translate(-50%)}.toast-container--bottom-center{bottom:var(--space-4);left:50%;transform:translate(-50%)}.modal{background:var(--color-surface-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:100%;overflow:hidden;position:relative;width:100%}.modal-backdrop{align-items:center;background:var(--color-overlay);display:flex;height:100vh;inset:0;justify-content:center;position:fixed;width:100vw;z-index:var(--z-modal)}.modal-content{background:var(--color-surface-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;position:relative;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between}.modal-body,.modal-footer,.modal-header{padding:var(--space-6)}.modal-footer{border-top:1px solid var(--color-border);gap:var(--space-3);justify-content:flex-end}.modal-close,.modal-footer{align-items:center;display:flex}.modal-close{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;justify-content:center;padding:0;transition:color var(--transition-fast)}.modal-close:hover{color:var(--color-text-primary)}.modal-close-icon{height:1.5rem;width:1.5rem}.modal-sm{max-width:20rem}.modal-md{max-width:28rem}.modal-lg{max-width:32rem}.modal-xl{max-width:48rem}.modal-full{max-height:90vh;max-width:90vw}.fullscreen-modal,.fullscreen-modal-backdrop{background:var(--color-surface-elevated);display:flex;flex-direction:column;height:100vh;inset:0;position:fixed;width:100vw;z-index:var(--z-modal)}.fullscreen-modal-content{display:flex;flex:1;flex-direction:column;overflow-y:auto}.fullscreen-modal-header{align-items:center;background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-6) var(--space-6);z-index:10}.fullscreen-modal-body{flex:1;min-height:100%;overflow-y:auto;padding:var(--space-6)}.fullscreen-modal-footer{align-items:center;background:var(--color-surface-elevated);border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-6);z-index:10}.fullscreen-modal-close{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--space-2);transition:all var(--transition-fast)}.fullscreen-modal-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.popover{position:relative}.popover,.popover-trigger{display:inline-block}.popover-content{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000}.popover-arrow,.popover-content{background:var(--color-surface-elevated);position:absolute}.popover-arrow{border:1px solid var(--color-border);height:12px;transform:rotate(45deg);width:12px;z-index:-1}.popover-top .popover-arrow,.popover-top-end .popover-arrow,.popover-top-start .popover-arrow{border-left:none;border-top:none}.popover-bottom .popover-arrow,.popover-bottom-end .popover-arrow,.popover-bottom-start .popover-arrow{border-bottom:none;border-right:none}.popover-left .popover-arrow,.popover-left-end .popover-arrow,.popover-left-start .popover-arrow{border-bottom:none;border-left:none}.popover-right .popover-arrow,.popover-right-end .popover-arrow,.popover-right-start .popover-arrow{border-right:none;border-top:none}.popover-header{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-weight:var(--font-weight-medium);padding:var(--space-4) var(--space-4) var(--space-2) var(--space-4)}.popover-body{color:var(--color-text-secondary);font-size:var(--text-sm);padding:var(--space-4)}.dropdown{display:inline-block;position:relative}.dropdown-trigger{cursor:pointer;display:inline-block}.dropdown-menu{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:12rem;padding:var(--space-1) 0;position:absolute;z-index:var(--z-dropdown)}.dropdown-item{align-items:center;background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);text-align:left;text-decoration:none;transition:background-color var(--transition-fast);width:100%}.dropdown-item:focus,.dropdown-item:hover{background:var(--color-surface)}.dropdown-item:focus{outline:none}.dropdown-item.dropdown-item-danger{color:var(--color-red)}.dropdown-item.dropdown-item-danger:hover{background:var(--color-red-light)}.dropdown-separator{background:var(--color-border);height:1px;margin:var(--space-1) 0}.dropdown-header{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;padding:var(--space-2) var(--space-4);text-transform:uppercase}.dropdown-item-icon{flex-shrink:0;height:var(--space-4);margin-right:var(--space-2);width:var(--space-4)}.tooltip-container{display:inline-block;position:relative}.tooltip{background:var(--color-surface-inverse);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--color-text-on-dark);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);position:absolute;white-space:nowrap;z-index:var(--z-tooltip)}.tooltip-content{display:block}.tooltip-arrow{border:4px solid transparent;height:0;position:absolute;width:0}.tooltip-top{bottom:100%;left:50%;margin-bottom:var(--space-2);transform:translate(-50%)}.tooltip-top .tooltip-arrow{border-bottom-width:0;border-top-color:var(--color-surface-inverse)}.tooltip-bottom,.tooltip-top .tooltip-arrow{left:50%;top:100%;transform:translate(-50%)}.tooltip-bottom{margin-top:var(--space-2)}.tooltip-bottom .tooltip-arrow{border-bottom-color:var(--color-surface-inverse);border-top-width:0;bottom:100%;left:50%;transform:translate(-50%)}.tooltip-left{margin-right:var(--space-2);right:100%;top:50%;transform:translateY(-50%)}.tooltip-left .tooltip-arrow{border-left-color:var(--color-surface-inverse);border-right-width:0}.tooltip-left .tooltip-arrow,.tooltip-right{left:100%;top:50%;transform:translateY(-50%)}.tooltip-right{margin-left:var(--space-2)}.tooltip-right .tooltip-arrow{border-left-width:0;border-right-color:var(--color-surface-inverse);right:100%;top:50%;transform:translateY(-50%)}.accordion{border-radius:var(--radius-md);overflow:hidden}.accordion-item{border-bottom:1px solid var(--color-border)}.accordion-item:last-child{border-bottom:none}.accordion-button{align-items:center;background:var(--color-surface);border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-weight:var(--font-weight-medium);justify-content:space-between;padding:var(--space-4);transition:background-color var(--transition-fast);width:100%}.accordion-button:focus,.accordion-button:hover{background:var(--color-surface-hover)}.accordion-button:focus{outline:none}.accordion-title{flex:1;text-align:left}.accordion-icon{color:var(--color-text-secondary);flex-shrink:0;height:var(--space-4);margin-left:var(--space-2);transition:transform var(--transition-normal);width:var(--space-4)}.accordion-icon-open{transform:rotate(180deg)}.accordion-content{overflow:hidden}.accordion-text{color:var(--color-text-secondary);line-height:1.6;padding:0 var(--space-4) var(--space-4) var(--space-4)}.tabs{font-family:var(--font-family)}.tab-list,.tab-list-container{align-items:center;display:flex;position:relative}.tab-item{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);white-space:nowrap}.tab-item:hover{color:var(--color-text-primary)}.tab-item-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.tab-active{color:var(--color-text-primary)}.tab-content{margin-top:var(--space-4)}.tab-panel{outline:none}.tabs-underline .tab-list{border-bottom:1px solid var(--color-border)}.tabs-underline .tab-item{border-bottom:2px solid transparent;position:relative}.tabs-underline .tab-active{border-bottom-color:var(--color-primary)}.tabs-pills .tab-list{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-1);position:relative}.tabs-pills .tab-item{border-radius:var(--radius-md);position:relative;z-index:1}.tab-marker,.tabs-pills .tab-active{background:var(--color-surface-elevated);box-shadow:var(--shadow-sm)}.tab-marker{border-radius:var(--radius-md);position:absolute;transition:all var(--transition-normal);z-index:0}.tabs-enclosed .tab-list{border-bottom:1px solid var(--color-border)}.tabs-enclosed .tab-item{border:1px solid transparent;border-bottom:none;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);margin-bottom:-1px}.tabs-enclosed .tab-active{background:var(--color-surface-elevated);border-color:var(--color-border);border-bottom-color:var(--color-surface-elevated)}.pagination{display:flex;flex-direction:column;font-family:var(--font-family);gap:var(--space-4)}.pagination-info-mobile{display:block}.pagination-info-desktop{display:none}.pagination-info-text{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.pagination-info-highlight{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.pagination-nav-container{display:flex;flex-direction:column;gap:var(--space-4)}.pagination-nav{gap:var(--space-1)}.pagination-button,.pagination-nav{align-items:center;display:flex;justify-content:center}.pagination-button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);height:2.5rem;min-width:2.5rem;padding:0 var(--space-2);text-decoration:none;transition:all var(--transition-fast)}.pagination-button:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.pagination-button-enabled{cursor:pointer}.pagination-button-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.pagination-page-current{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.pagination-page-current:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.pagination-ellipsis{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);height:2.5rem;justify-content:center;min-width:2.5rem}.pagination-icon{height:1.25rem;width:1.25rem}.pagination-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@media (min-width:640px){.pagination{align-items:center;flex-direction:row;justify-content:space-between}.pagination-info-mobile{display:none}.pagination-info-desktop{display:block}.pagination-nav-container{align-items:center;flex-direction:row;gap:var(--space-6)}}.breadcrumbs{font-family:var(--font-family);font-size:var(--text-sm)}.breadcrumbs-list{flex-wrap:wrap;gap:0;list-style:none;margin:0;padding:0}.breadcrumbs-home,.breadcrumbs-list,.breadcrumbs-list li{align-items:center;display:flex}.breadcrumbs-home{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumbs-home:hover{color:var(--color-text-primary)}.breadcrumb-home-icon{height:var(--space-4);width:var(--space-4)}.breadcrumb-item{align-items:center;display:flex}.breadcrumb-link{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--color-text-primary);text-decoration:underline}.breadcrumb-current{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.breadcrumb-separator{align-items:center;color:var(--color-text-muted);display:flex;margin:0 var(--space-2)}.breadcrumb-separator svg{height:var(--space-4);width:var(--space-4)}.breadcrumbs-chevron .breadcrumb-separator svg{stroke:currentColor;fill:none}.breadcrumbs-dot .breadcrumb-separator span,.breadcrumbs-slash .breadcrumb-separator span{font-size:var(--text-base);line-height:1}.banner{left:0;position:fixed;width:100%;z-index:var(--z-toast)}.banner-position-top{top:0}.banner-position-bottom{bottom:0}.banner-container{background:var(--color-primary);box-shadow:var(--shadow-lg);color:var(--color-primary-text);padding:var(--space-3) var(--space-4)}.banner-content{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;margin:0 auto;max-width:80rem}.banner-message{flex:1;font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:var(--leading-normal)}.banner-close{align-items:center;background:transparent;border-radius:var(--radius-md);color:var(--color-primary-text);cursor:pointer;display:flex;justify-content:center;opacity:.8;padding:var(--space-1);transition:all var(--transition-fast)}.banner-close:focus,.banner-close:hover{background:#ffffff1a;opacity:1}.banner-close:focus{box-shadow:0 0 0 var(--focus-ring-offset) #fff3}.banner-close-icon{height:var(--space-5);width:var(--space-5);stroke-width:2}.input{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--text-base);line-height:1.5;padding:var(--space-2-5) var(--space-3);transition:all var(--transition-normal);width:100%}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 var(--focus-ring-offset) var(--color-background),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);outline:none}.input::-moz-placeholder{color:var(--color-text-placeholder)}.input::placeholder{color:var(--color-text-placeholder)}.input--sm{font-size:var(--text-sm);padding:var(--space-2) var(--space-2-5)}.input--lg{font-size:var(--text-lg);padding:var(--space-3) var(--space-4)}.input--filled{background:var(--color-surface-secondary);border-color:transparent}.input--filled:focus{background:var(--color-surface);border-color:var(--color-primary)}.input--underlined{background:transparent;border:none;border-bottom:2px solid var(--color-border);border-radius:0;padding-left:0;padding-right:0}.input--underlined:focus{border-bottom-color:var(--color-primary);box-shadow:none}.input--error{background:var(--color-danger-bg);border-color:var(--color-danger)}.input--error:focus{border-color:var(--color-danger);box-shadow:0 0 0 var(--focus-ring-offset) var(--color-background),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--color-danger-light)}.input--disabled{background:var(--color-surface-disabled);color:var(--color-text-disabled);cursor:not-allowed;pointer-events:none}.input--readonly{background:var(--color-surface-secondary);cursor:default}.textarea{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--text-base);line-height:1.5;min-height:calc(var(--space-4)*4);padding:var(--space-2-5) var(--space-3);resize:vertical;transition:all var(--transition-normal);width:100%}.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 var(--focus-ring-offset) var(--color-background),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);outline:none}.textarea::-moz-placeholder{color:var(--color-text-placeholder)}.textarea::placeholder{color:var(--color-text-placeholder)}.textarea--filled{background:var(--color-surface-secondary);border-color:transparent}.textarea--filled:focus{background:var(--color-surface);border-color:var(--color-primary)}.textarea--underlined{background:transparent;border:none;border-bottom:2px solid var(--color-border);border-radius:0;padding-left:0;padding-right:0}.textarea--underlined:focus{border-bottom-color:var(--color-primary);box-shadow:none}.textarea--error{background:var(--color-danger-bg);border-color:var(--color-danger)}.textarea--error:focus{border-color:var(--color-danger);box-shadow:0 0 0 var(--focus-ring-offset) var(--color-background),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--color-danger-light)}.textarea--disabled{background:var(--color-surface-disabled);color:var(--color-text-disabled);cursor:not-allowed;pointer-events:none;resize:none}.textarea--readonly{background:var(--color-surface-secondary);cursor:default;resize:none}.select{display:inline-block;position:relative;width:100%}.select-trigger{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:var(--text-base);justify-content:space-between;padding:var(--space-2-5) var(--space-3);transition:all var(--transition-normal);width:100%}.select-trigger:focus{box-shadow:0 0 0 var(--focus-ring-offset) var(--color-background),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);outline:none}.select-trigger:focus,.select-trigger[aria-expanded=true]{border-color:var(--color-primary)}.select--disabled .select-trigger{background:var(--color-surface-disabled);color:var(--color-text-disabled);cursor:not-allowed;pointer-events:none}.select-icon{color:var(--color-text-secondary);height:var(--space-4);transition:transform var(--transition-normal);width:var(--space-4)}.select-trigger[aria-expanded=true] .select-icon{transform:rotate(180deg)}.select-placeholder{color:var(--color-text-placeholder)}.select-dropdown{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;margin-top:var(--space-1);max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:50}.select-search{background:transparent;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--text-sm);outline:none;padding:var(--space-2-5) var(--space-3);width:100%}.select-search::-moz-placeholder{color:var(--color-text-placeholder)}.select-search::placeholder{color:var(--color-text-placeholder)}.select-option{align-items:center;background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--text-base);padding:var(--space-2-5) var(--space-3);text-align:left;transition:background var(--transition-fast);width:100%}.select-option:focus,.select-option:hover{background:var(--color-surface-secondary)}.select-option:focus{outline:none}.select-option[aria-selected=true]{background:var(--color-primary-bg);color:var(--color-primary)}.select-option:disabled{color:var(--color-text-disabled);cursor:not-allowed;pointer-events:none}.select-no-results{color:var(--color-text-secondary);font-size:var(--text-sm);padding:var(--space-2-5) var(--space-3);text-align:center}.checkbox-wrapper{align-items:flex-start;display:flex;gap:var(--space-3)}.checkbox-input-wrapper{align-items:center;display:flex;justify-content:center;margin-top:var(--space-0-5)}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;height:var(--space-4);position:relative;transition:all var(--transition-normal);width:var(--space-4)}.checkbox:focus{box-shadow:0 0 0 var(--focus-ring-offset) var(--color-background),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);outline:none}.checkbox:checked{background:var(--color-primary);border-color:var(--color-primary)}.checkbox:checked:after{background:var(--color-surface);content:"";height:8px;left:50%;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='m13.854 3.646-4.5 4.5-.707.707-.707-.707-2-2 1.414-1.414L8.5 6.086l3.793-3.793z'/%3E%3C/svg%3E") no-repeat center;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='m13.854 3.646-4.5 4.5-.707.707-.707-.707-2-2 1.414-1.414L8.5 6.086l3.793-3.793z'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain;mask-size:contain;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.checkbox:indeterminate{background:var(--color-primary);border-color:var(--color-primary)}.checkbox:indeterminate:after{background:var(--color-surface);content:"";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.checkbox-sm{height:var(--space-3-5);width:var(--space-3-5)}.checkbox-sm:checked:after,.checkbox-sm:indeterminate:after{height:6px;width:6px}.checkbox-sm:indeterminate:after{height:1px}.checkbox-lg{height:var(--space-5);width:var(--space-5)}.checkbox-lg:checked:after,.checkbox-lg:indeterminate:after{height:10px;width:10px}.checkbox-lg:indeterminate:after{height:3px}.checkbox:disabled{background:var(--color-surface-disabled);border-color:var(--color-border-disabled);cursor:not-allowed;pointer-events:none}.checkbox-content{flex:1;min-width:0}.checkbox-label{color:var(--color-text-primary);cursor:pointer;display:block;font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}.checkbox-label.disabled{color:var(--color-text-disabled);cursor:not-allowed}.checkbox-description{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.4;margin-top:var(--space-1)}.checkbox-description.disabled{color:var(--color-text-disabled)}.switch-wrapper{align-items:flex-start;display:flex;gap:var(--space-3)}.switch-input-wrapper{align-items:center;display:flex;justify-content:center;margin-top:var(--space-0-5)}.switch{background:var(--color-border);border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-block;height:var(--space-6);outline:none;position:relative;transition:background var(--transition-normal);width:var(--space-11)}.switch:focus{box-shadow:0 0 0 var(--focus-ring-offset) var(--color-background),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)}.switch.switch-on{background:var(--color-primary)}.switch:disabled{background:var(--color-surface-disabled);cursor:not-allowed;pointer-events:none}.switch-thumb{background:var(--color-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);height:var(--space-5);left:var(--space-0-5);position:absolute;top:var(--space-0-5);transition:transform var(--transition-normal);width:var(--space-5)}.switch.switch-on .switch-thumb{transform:translate(var(--space-5))}.switch-sm{height:var(--space-5);width:var(--space-9)}.switch-sm .switch-thumb{height:var(--space-4);width:var(--space-4)}.switch-sm.switch-on .switch-thumb{transform:translate(var(--space-4))}.switch-lg{height:var(--space-7);width:var(--space-14)}.switch-lg .switch-thumb{height:var(--space-6);width:var(--space-6)}.switch-lg.switch-on .switch-thumb{transform:translate(var(--space-7))}.switch-content{flex:1;min-width:0}.switch-label{color:var(--color-text-primary);cursor:pointer;display:block;font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}.switch-label.disabled{color:var(--color-text-disabled);cursor:not-allowed}.switch-description{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.4;margin-top:var(--space-1)}.switch-description.disabled{color:var(--color-text-disabled)}.radio-group{flex-direction:column}.radio-group,.radio-option{display:flex;gap:var(--space-3)}.radio-option{align-items:flex-start;border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:var(--space-3);transition:all var(--transition-normal)}.radio-option:hover{background:var(--color-primary-bg);border-color:var(--color-primary-light)}.radio-option.radio-option-selected{background:var(--color-primary-bg);border-color:var(--color-primary)}.radio-input-wrapper{align-items:center;display:flex;justify-content:center;margin-top:var(--space-0-5)}.radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;height:var(--space-4);position:relative;transition:all var(--transition-normal);width:var(--space-4)}.radio:focus{box-shadow:0 0 0 var(--focus-ring-offset) var(--color-background),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);outline:none}.radio:checked{background:var(--color-primary);border-color:var(--color-primary)}.radio:checked:after{background:var(--color-surface);border-radius:var(--radius-full);content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.radio-sm{height:var(--space-3-5);width:var(--space-3-5)}.radio-sm:checked:after{height:4px;width:4px}.radio-lg{height:var(--space-5);width:var(--space-5)}.radio-lg:checked:after{height:8px;width:8px}.radio-content{flex:1;min-width:0}.radio-title{color:var(--color-text-primary);display:block;font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5;margin-bottom:var(--space-1)}.radio-description{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.4}.range-slider-wrapper{display:flex;flex-direction:column;gap:var(--space-3)}.range-slider-track{align-items:center;display:flex;gap:var(--space-3)}.range-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-border);border-radius:var(--radius-full);cursor:pointer;flex:1;height:var(--space-2);outline:none;transition:background var(--transition-normal)}.range-slider:focus{box-shadow:0 0 0 var(--focus-ring-offset) var(--color-background),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);cursor:pointer;height:var(--space-5);-webkit-transition:all var(--transition-normal);transition:all var(--transition-normal);width:var(--space-5)}.range-slider::-webkit-slider-thumb:hover{box-shadow:var(--shadow-md);transform:scale(1.1)}.range-slider::-moz-range-thumb{background:var(--color-primary);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);cursor:pointer;height:var(--space-5);-moz-transition:all var(--transition-normal);transition:all var(--transition-normal);width:var(--space-5)}.range-slider::-moz-range-thumb:hover{box-shadow:var(--shadow-md);transform:scale(1.1)}.range-slider::-moz-range-track{background:var(--color-border);border:none;border-radius:var(--radius-full);height:var(--space-2)}.range-slider-sm{height:var(--space-1-5)}.range-slider-sm::-webkit-slider-thumb{height:var(--space-4);width:var(--space-4)}.range-slider-sm::-moz-range-thumb{height:var(--space-4);width:var(--space-4)}.range-slider-sm::-moz-range-track{height:var(--space-1-5)}.range-slider-lg{height:var(--space-3)}.range-slider-lg::-webkit-slider-thumb{height:var(--space-6);width:var(--space-6)}.range-slider-lg::-moz-range-thumb{height:var(--space-6);width:var(--space-6)}.range-slider-lg::-moz-range-track{height:var(--space-3)}.range-slider:disabled{background:var(--color-surface-disabled);cursor:not-allowed;pointer-events:none}.range-slider:disabled::-webkit-slider-thumb{background:var(--color-border-disabled);cursor:not-allowed}.range-slider:disabled::-moz-range-thumb{background:var(--color-border-disabled);cursor:not-allowed}.range-slider-value{background:var(--color-surface-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-weight-medium);min-width:var(--space-12);padding:var(--space-1) var(--space-2);text-align:center}.range-slider-value,.table{color:var(--color-text-primary)}.table{background:var(--color-surface-elevated);border-collapse:collapse;overflow:hidden;width:100%}.table,.table-container{border-radius:var(--radius-md)}.table-container{border:1px solid var(--color-border);overflow-x:auto}.table-container .table{border:none}.table-thead{background:var(--color-surface);border-bottom:2px solid var(--color-border)}.table-tbody{background:var(--color-surface-elevated)}.table-footer{background:var(--color-surface);border-top:2px solid var(--color-border)}.table-header{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);letter-spacing:.025em;padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase}.table-header-compact{padding:var(--space-2) var(--space-3)}.table-row{border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.table-row:last-child{border-bottom:none}.table-cell{color:var(--color-text-primary);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);vertical-align:top}.table-cell-compact{padding:var(--space-2) var(--space-3)}.table-striped .table-tbody .table-row:nth-child(2n){background:var(--color-surface)}.table-bordered{border:1px solid var(--color-border)}.table-bordered .table-cell,.table-bordered .table-header{border-right:1px solid var(--color-border)}.table-bordered .table-cell:last-child,.table-bordered .table-header:last-child{border-right:none}.table-hover .table-tbody .table-row:hover{background:var(--color-surface)}.table-compact .table-cell,.table-compact .table-header{padding:var(--space-2) var(--space-3)}.command{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:32rem;overflow:hidden;position:relative;width:100%}.command-backdrop{align-items:start;background:var(--color-overlay);display:flex;height:100vh;inset:0;justify-content:center;padding-top:10vh;position:fixed;width:100vw;z-index:var(--z-modal)}.command-input-container{align-items:center;border-bottom:1px solid var(--color-border);display:flex;padding:var(--space-3) var(--space-4)}.command-input-icon{color:var(--color-text-tertiary);flex-shrink:0;height:1.25rem;margin-right:var(--space-3);width:1.25rem}.command-input{background:transparent;border:none;color:var(--color-text-primary);font-size:var(--text-sm);outline:none;width:100%}.command-input::-moz-placeholder{color:var(--color-text-placeholder)}.command-input::placeholder{color:var(--color-text-placeholder)}.command-shortcuts{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--text-xs);gap:var(--space-1)}.command-list{overflow-y:auto}.command-group{padding:var(--space-2) 0}.command-group-header{background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;padding:var(--space-1-5) var(--space-4);text-transform:uppercase}.command-item{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);justify-content:space-between;padding:var(--space-3) var(--space-4);transition:background-color var(--transition-fast)}.command-item:hover{background:var(--color-surface)}.command-item-active{background:var(--color-surface-hover)}.command-item-text{color:var(--color-text-primary)}.command-separator{background:var(--color-border);height:1px;margin:var(--space-2) 0}.command-empty{padding:var(--space-8) var(--space-4);text-align:center}.command-empty-icon{color:var(--color-text-disabled);height:2rem;margin:0 auto var(--space-2);width:2rem}.command-empty-title{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-1)}.command-empty-description{color:var(--color-text-tertiary);font-size:var(--text-xs)}.command-footer{align-items:center;background:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-text-secondary);display:flex;font-size:var(--text-xs);justify-content:space-between;padding:var(--space-2) var(--space-4)}.command-footer-controls{align-items:center;display:flex;gap:var(--space-4)}.command-footer-control,.command-footer-shortcut{align-items:center;display:flex;gap:var(--space-1)}.command-kbd{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);padding:.125rem .375rem}.context-menu{position:relative}.context-menu,.context-menu-trigger{display:inline-block}.context-menu-content{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:12rem;padding:var(--space-1) 0}.context-menu-item{align-items:center;background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);text-align:left;text-decoration:none;transition:background-color var(--transition-fast);width:100%}.context-menu-item:focus,.context-menu-item:hover{background:var(--color-surface)}.context-menu-item:focus{outline:none}.context-menu-item.context-menu-item-danger{color:var(--color-red)}.context-menu-item.context-menu-item-danger:hover{background:var(--color-red-light)}.context-menu-separator{background:var(--color-border);height:1px;margin:var(--space-1) 0}.context-menu-submenu{position:relative}.context-menu-submenu-content{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:11rem;padding:var(--space-1) 0}.context-menu-item-icon{flex-shrink:0;height:var(--space-4);margin-right:var(--space-2);width:var(--space-4)}.navigation-menu{align-items:center;display:flex;font-family:var(--font-family);justify-content:space-between;position:relative;width:100%}.navigation-menu-brand{align-items:center;display:flex;flex-shrink:0}.navigation-menu-list{align-items:center;display:flex;gap:var(--space-6);list-style:none;margin:0;padding:0}.navigation-menu-list-horizontal{flex-direction:row}.navigation-menu-list-vertical{flex-direction:column;gap:var(--space-2)}.navigation-menu-item{align-items:center;display:flex;position:relative}.navigation-menu-trigger{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-2) var(--space-3);text-decoration:none;transition:all var(--transition-fast)}.navigation-menu-trigger:hover{background:var(--color-surface);color:var(--color-text-primary)}.navigation-menu-trigger:focus{box-shadow:0 0 0 var(--focus-ring-offset) var(--color-background),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);outline:none}.navigation-menu-link{align-items:center;border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-3);text-decoration:none;transition:all var(--transition-fast)}.navigation-menu-link:hover{background:var(--color-surface);color:var(--color-text-primary)}.navigation-menu-link:focus{box-shadow:0 0 0 var(--focus-ring-offset) var(--color-background),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);outline:none}.navigation-menu-content{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;margin-top:var(--space-2);min-width:12rem;padding:var(--space-2) 0;position:absolute;top:100%;z-index:var(--z-dropdown)}.navigation-menu-content-wide{min-width:24rem;padding:var(--space-6)}.navigation-menu-content-mega{min-width:32rem;padding:var(--space-6)}.navigation-menu-content-item{color:var(--color-text-secondary);display:block;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);text-decoration:none;transition:all var(--transition-fast)}.navigation-menu-content-item:hover{background:var(--color-surface);color:var(--color-text-primary)}.navigation-menu-content-header{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);padding:var(--space-2) var(--space-4)}.navigation-menu-mobile-toggle{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:var(--space-2);transition:all var(--transition-fast)}.navigation-menu-mobile-toggle:hover{background:var(--color-surface);color:var(--color-text-primary)}.navigation-menu-mobile-toggle:focus{box-shadow:0 0 0 var(--focus-ring-offset) var(--color-background),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);outline:none}.navigation-menu-mobile{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;margin-top:var(--space-1);position:absolute;right:0;top:100%;z-index:var(--z-dropdown)}.navigation-menu-mobile-content{padding:var(--space-2)}.navigation-menu-mobile-item{border-radius:var(--radius-md);color:var(--color-text-secondary);display:block;font-size:var(--text-base);font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-3);text-decoration:none;transition:all var(--transition-fast)}.navigation-menu-mobile-item:hover{background:var(--color-surface);color:var(--color-text-primary)}.navigation-menu-mobile-actions{border-top:1px solid var(--color-border);padding:var(--space-4) var(--space-3) var(--space-3) var(--space-3)}.navigation-menu-actions{align-items:center;display:flex;gap:var(--space-4)}.navigation-menu-desktop{display:none}.navigation-menu-mobile-only{display:flex}@media (min-width:768px){.navigation-menu-desktop{display:flex}.navigation-menu-mobile-only{display:none}}.navigation-menu-logo{display:block;height:2rem;width:2rem}.navigation-menu-brand-text{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--font-weight-bold)}.navigation-menu-chevron{display:block;margin-left:var(--space-1)}.nav-chevron,.navigation-menu-chevron{height:var(--space-4);width:var(--space-4)}.nav-chevron{display:inline-block}.navigation-menu-mobile-icon{display:block;height:1.5rem;width:1.5rem}.navigation-menu-mega-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.navigation-menu-list-wrap{flex-wrap:wrap}.menu-bar,.navigation-menu-relative{position:relative}.menu-bar{font-family:var(--font-family);width:100%}.menu-bar-nav{align-items:center;display:flex;padding:var(--space-1) var(--space-2)}.menu-bar-desktop{background:var(--color-surface)}.menu-bar-desktop,.menu-bar-web{border-bottom:1px solid var(--color-border)}.menu-bar-web{background:var(--color-surface-elevated);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.menu-bar-list{align-items:center;display:flex;gap:var(--space-0-5);list-style:none;margin:0;padding:0}.menu-bar-item{position:relative}.menu-bar-trigger{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3);transition:all var(--transition-fast)}.menu-bar-trigger:focus,.menu-bar-trigger:hover{outline:none}.menu-bar-trigger-active,.menu-bar-trigger:focus,.menu-bar-trigger:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.menu-bar-trigger-desktop{color:var(--color-text-primary)}.menu-bar-trigger-desktop:focus,.menu-bar-trigger-desktop:hover{background:var(--color-border-hover)}.menu-bar-content{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;margin-top:var(--space-0-5);min-width:14rem;overflow:hidden;position:absolute;top:100%;z-index:var(--z-dropdown)}.menu-bar-content-list{list-style:none;margin:0;padding:var(--space-1) 0}.menu-bar-content-item{display:block}.menu-bar-content-button{align-items:center;background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);justify-content:space-between;padding:var(--space-2) var(--space-4);text-align:left;transition:background-color var(--transition-fast);width:100%}.menu-bar-content-button:focus,.menu-bar-content-button:hover{background:var(--color-surface);outline:none}.menu-bar-content-button:disabled{color:var(--color-text-disabled);cursor:not-allowed}.menu-bar-content-button:disabled:hover{background:transparent}.menu-bar-content-label{flex:1}.menu-bar-content-shortcut{color:var(--color-text-tertiary);font-size:var(--text-xs);margin-left:var(--space-4)}.menu-bar-separator{background:var(--color-border);height:1px;margin:var(--space-1) 0}.hover-card{position:relative}.hover-card,.hover-card-trigger{display:inline-block}.hover-card-content{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;position:absolute;z-index:1000}.hover-card-arrow{border:4px solid transparent;height:0;position:absolute;width:0}.hover-card-top{bottom:100%;left:50%;margin-bottom:var(--space-2);transform:translate(-50%)}.hover-card-top .hover-card-arrow{border-bottom-width:0;border-left-color:transparent;border-right-color:transparent;border-top-color:var(--color-surface-elevated);left:50%;top:100%;transform:translate(-50%)}.hover-card-top-start{bottom:100%;left:0;margin-bottom:var(--space-2)}.hover-card-top-start .hover-card-arrow{border-bottom-width:0;border-left-color:transparent;border-right-color:transparent;border-top-color:var(--color-surface-elevated);left:var(--space-3);top:100%}.hover-card-top-end{bottom:100%;margin-bottom:var(--space-2);right:0}.hover-card-top-end .hover-card-arrow{border-bottom-width:0;border-left-color:transparent;border-right-color:transparent;border-top-color:var(--color-surface-elevated);right:var(--space-3);top:100%}.hover-card-bottom{left:50%;margin-top:var(--space-2);top:100%;transform:translate(-50%)}.hover-card-bottom .hover-card-arrow{border-bottom-color:var(--color-surface-elevated);border-left-color:transparent;border-right-color:transparent;border-top-width:0;bottom:100%;left:50%;transform:translate(-50%)}.hover-card-bottom-start{left:0;margin-top:var(--space-2);top:100%}.hover-card-bottom-start .hover-card-arrow{border-bottom-color:var(--color-surface-elevated);border-left-color:transparent;border-right-color:transparent;border-top-width:0;bottom:100%;left:var(--space-3)}.hover-card-bottom-end{margin-top:var(--space-2);right:0;top:100%}.hover-card-bottom-end .hover-card-arrow{border-bottom-color:var(--color-surface-elevated);border-left-color:transparent;border-right-color:transparent;border-top-width:0;bottom:100%;right:var(--space-3)}.hover-card-left{margin-right:var(--space-2);right:100%;top:50%;transform:translateY(-50%)}.hover-card-left .hover-card-arrow{border-bottom-color:transparent;border-left-color:var(--color-surface-elevated);border-right-width:0;border-top-color:transparent;left:100%;top:50%;transform:translateY(-50%)}.hover-card-left-start{margin-right:var(--space-2);right:100%;top:0}.hover-card-left-start .hover-card-arrow{border-bottom-color:transparent;border-left-color:var(--color-surface-elevated);border-right-width:0;border-top-color:transparent;left:100%;top:var(--space-3)}.hover-card-left-end{bottom:0;margin-right:var(--space-2);right:100%}.hover-card-left-end .hover-card-arrow{border-bottom-color:transparent;border-left-color:var(--color-surface-elevated);border-right-width:0;border-top-color:transparent;bottom:var(--space-3);left:100%}.hover-card-right{left:100%;margin-left:var(--space-2);top:50%;transform:translateY(-50%)}.hover-card-right .hover-card-arrow{border-bottom-color:transparent;border-left-width:0;border-right-color:var(--color-surface-elevated);border-top-color:transparent;right:100%;top:50%;transform:translateY(-50%)}.hover-card-right-start{left:100%;margin-left:var(--space-2);top:0}.hover-card-right-start .hover-card-arrow{border-bottom-color:transparent;border-left-width:0;border-right-color:var(--color-surface-elevated);border-top-color:transparent;right:100%;top:var(--space-3)}.hover-card-right-end{bottom:0;left:100%;margin-left:var(--space-2)}.hover-card-right-end .hover-card-arrow{border-bottom-color:transparent;border-left-width:0;border-right-color:var(--color-surface-elevated);border-top-color:transparent;bottom:var(--space-3);right:100%}.hover-card-body{color:var(--color-text-secondary);font-size:var(--text-sm);padding:var(--space-4) var(--space-4) var(--space-3) var(--space-4)}.slide-over{height:auto;position:relative;width:auto;z-index:var(--z-modal)}.slide-over-backdrop{background:var(--color-overlay);display:flex;inset:0;position:fixed;z-index:var(--z-modal)}.slide-over-panel{background:var(--color-surface-elevated);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;position:fixed}.slide-over-header{align-items:flex-start;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-6) var(--space-6) var(--space-4) var(--space-6)}.slide-over-header>div{flex:1}.slide-over-body{flex:1;overflow-y:auto;padding:var(--space-6)}.slide-over-footer{align-items:center;background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-6)}.slide-over-close{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;margin-left:var(--space-3);padding:var(--space-1);transition:color var(--transition-fast)}.slide-over-close:hover{color:var(--color-text-primary)}.slide-over-close:focus{box-shadow:0 0 0 2px var(--color-primary);outline:none}.slide-over-close-icon{display:block;flex-shrink:0;height:1.25rem;width:1.25rem}.slide-over-transition{transform:translate(0) translateY(0);transition:transform var(--transition-slow) ease-in-out}.slide-over-enter-left{transform:translate(-100%)}.slide-over-enter-right{transform:translate(100%)}.slide-over-enter-top{transform:translateY(-100%)}.slide-over-enter-bottom{transform:translateY(100%)}.slide-over-enter-end{transform:translate(0) translateY(0)}.slide-over-flex-col{flex-direction:column}.slide-over-bg-transparent{background-color:transparent!important}.slide-over-backdrop-transition{transition:opacity var(--transition-slow)}.slide-over-left .slide-over-panel{inset-y:0;height:100%;left:0}.slide-over-right .slide-over-panel{inset-y:0;height:100%;right:0}.slide-over-top .slide-over-panel{inset-x:0;top:0;width:100%}.slide-over-bottom .slide-over-panel{inset-x:0;bottom:0;width:100%}.slide-over-left.slide-over-sm .slide-over-panel,.slide-over-right.slide-over-sm .slide-over-panel{width:20rem}.slide-over-left.slide-over-md .slide-over-panel,.slide-over-right.slide-over-md .slide-over-panel{width:24rem}.slide-over-left.slide-over-lg .slide-over-panel,.slide-over-right.slide-over-lg .slide-over-panel{width:32rem}.slide-over-left.slide-over-xl .slide-over-panel,.slide-over-right.slide-over-xl .slide-over-panel{width:40rem}.slide-over-left.slide-over-full .slide-over-panel,.slide-over-right.slide-over-full .slide-over-panel{width:100%}.slide-over-bottom.slide-over-sm .slide-over-panel,.slide-over-top.slide-over-sm .slide-over-panel{height:20rem}.slide-over-bottom.slide-over-md .slide-over-panel,.slide-over-top.slide-over-md .slide-over-panel{height:24rem}.slide-over-bottom.slide-over-lg .slide-over-panel,.slide-over-top.slide-over-lg .slide-over-panel{height:32rem}.slide-over-bottom.slide-over-xl .slide-over-panel,.slide-over-top.slide-over-xl .slide-over-panel{height:40rem}.slide-over-bottom.slide-over-full .slide-over-panel,.slide-over-top.slide-over-full .slide-over-panel{height:100%}.progress,.progress-container{position:relative;width:100%}.progress-container{background:var(--color-surface);border-radius:var(--radius-full);overflow:hidden}.progress-container-sm{height:var(--space-1)}.progress-container-md{height:var(--space-2)}.progress-container-lg{height:var(--space-3)}.progress-bar{border-radius:var(--radius-full);height:100%;position:relative;transition:all var(--transition-normal)}.progress-bar-blue{background:var(--color-blue)}.progress-bar-green{background:var(--color-green)}.progress-bar-red{background:var(--color-red)}.progress-bar-yellow{background:var(--color-yellow)}.progress-bar-purple{background:var(--color-purple)}.progress-bar-gray{background:var(--color-gray)}.progress-bar-striped{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem}.progress-bar-animated{animation:progress-stripe 1s linear infinite}@keyframes progress-stripe{0%{background-position:1rem 0}to{background-position:0 0}}.progress-label{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.progress-value{color:var(--color-text-secondary);font-size:var(--text-sm)}.progress-label-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.progress-controls{align-items:center;display:flex;gap:var(--space-2);justify-content:center;margin-top:var(--space-3)}.progress-inner-glow{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2));inset:0;position:absolute}.rating{font-family:var(--font-family);gap:var(--space-1)}.rating,.rating-star{align-items:center;display:flex}.rating-star{background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;justify-content:center;padding:0;transition:all var(--transition-normal)}.rating-star:focus{box-shadow:0 0 0 var(--focus-ring-offset) var(--color-background),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);outline:none}.rating-star:hover{transform:scale(1.1)}.rating-star:disabled{cursor:not-allowed;opacity:.5}.rating-star:disabled:hover{transform:none}.rating-readonly .rating-star{cursor:default}.rating-readonly .rating-star:hover{transform:none}.rating-star-sm{height:var(--space-4);width:var(--space-4)}.rating-star-md{height:var(--space-6);width:var(--space-6)}.rating-star-lg{height:var(--space-8);width:var(--space-8)}.rating-star-filled{color:var(--color-yellow)}.rating-star-empty{color:var(--color-border-hover)}.rating-reset{background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm);margin-left:var(--space-2);padding:var(--space-1) var(--space-2);transition:color var(--transition-fast)}.rating-reset:hover{color:var(--color-text-primary)}.rating-reset:focus{box-shadow:0 0 0 var(--focus-ring-offset) var(--color-background),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);outline:none}.rating-display{color:var(--color-text-secondary);font-size:var(--text-sm);margin-left:var(--space-2)}.quote{font-family:var(--font-family);position:relative}.quote-default{text-align:left}.quote-centered{text-align:center}.quote-minimal{border-left:4px solid var(--color-border-hover);padding-left:var(--space-6);text-align:left}.quote-text{color:var(--color-text-secondary);font-style:italic;font-weight:var(--font-weight-medium);margin-bottom:var(--space-6)}.quote-text-minimal{margin-bottom:var(--space-2)}.quote-text-sm{font-size:var(--text-base)}.quote-text-md,.quote-text-sm{line-height:var(--leading-relaxed)}.quote-text-md{font-size:var(--text-lg)}.quote-text-lg{font-size:var(--text-xl);line-height:var(--leading-relaxed)}.quote-author{color:var(--color-text-primary);font-style:normal;font-weight:var(--font-weight-semibold)}.quote-author-sm{font-size:var(--text-sm)}.quote-author-md{font-size:var(--text-base)}.quote-author-lg{font-size:var(--text-lg)}.quote-icon{color:var(--color-text-muted);height:var(--space-8);margin-bottom:var(--space-4);width:var(--space-8)}.quote-icon-centered{margin-left:auto;margin-right:auto}.quote-footer{align-items:center;display:flex;gap:var(--space-3)}.quote-footer-centered{align-items:center;flex-direction:column}.quote-avatar{border-radius:var(--radius-full);flex-shrink:0;height:var(--space-12);-o-object-fit:cover;object-fit:cover;width:var(--space-12)}.quote-attribution{display:flex;flex-direction:column}.quote-attribution-centered{text-align:center}.quote-role{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--space-0-5)}.date-picker-input{background:var(--color-surface);font-size:var(--text-sm);padding:var(--space-2-5) var(--space-10) var(--space-2-5) var(--space-3)}.date-picker-input:focus{border-color:var(--color-primary)}.date-picker-icon{height:var(--space-4);right:var(--space-3);width:var(--space-4)}.date-picker-calendar{background:var(--color-surface);border-radius:var(--radius-md);margin-top:var(--space-1);min-width:280px;padding:var(--space-3);z-index:50}.date-picker-header{margin-bottom:var(--space-3)}.date-picker-nav{height:var(--space-8);transition:background-color var(--transition-fast);width:var(--space-8)}.date-picker-nav:hover{background:var(--color-surface-hover)}.date-picker-weekday{padding:var(--space-1)}.date-picker-day{border-radius:var(--radius-md);height:var(--space-8);transition:all var(--transition-fast);width:var(--space-8)}.date-picker-day:hover{background:var(--color-surface-hover)}.date-picker-day-selected{background:var(--color-primary);color:var(--color-text-inverse)}.date-picker-day-today{background:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.date-picker-footer{margin-top:var(--space-3)}.date-picker-today-button{background:var(--color-surface-hover);color:var(--color-text-primary);padding:var(--space-2);transition:background-color var(--transition-fast);width:100%}.date-picker-today-button:hover{background:var(--color-primary-light)}.date-picker{display:inline-block;font-family:var(--font-family);position:relative}.date-picker-input{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family);font-size:var(--text-base);padding:var(--space-2) var(--space-4);transition:border-color var(--transition-fast);width:100%}.date-picker-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.date-picker-input::-moz-placeholder{color:var(--color-text-placeholder)}.date-picker-input::placeholder{color:var(--color-text-placeholder)}.date-picker-input:disabled{cursor:not-allowed;opacity:.5}.date-picker-input:-moz-read-only{cursor:pointer}.date-picker-input:read-only{cursor:pointer}.date-picker-icon{color:var(--color-text-secondary);height:var(--space-6);pointer-events:none;position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);width:var(--space-6)}.date-picker-calendar{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);left:0;margin-top:var(--space-2);min-width:320px;padding:var(--space-4);position:absolute;top:100%;z-index:var(--z-dropdown)}.date-picker-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.date-picker-nav{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--space-1);transition:all var(--transition-fast)}.date-picker-nav:hover{background:var(--color-surface);color:var(--color-text-primary)}.date-picker-nav:focus{box-shadow:0 0 0 var(--focus-ring-offset) var(--color-background),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);outline:none}.date-picker-nav svg{height:var(--space-4);width:var(--space-4)}.date-picker-title{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-weight-semibold)}.date-picker-weekdays{display:grid;gap:var(--space-1);grid-template-columns:repeat(7,1fr);margin-bottom:var(--space-2)}.date-picker-weekday{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-1);text-align:center}.date-picker-grid{display:grid;gap:var(--space-1);grid-template-columns:repeat(7,1fr)}.date-picker-day{align-items:center;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);height:var(--space-10);justify-content:center;transition:all var(--transition-normal);width:var(--space-10)}.date-picker-day:hover{background:var(--color-blue-light);color:var(--color-blue-text)}.date-picker-day:focus{box-shadow:0 0 0 var(--focus-ring-offset) var(--color-background),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);outline:none}.date-picker-day-selected{background:var(--color-blue);color:var(--color-primary-text)}.date-picker-day-selected:hover{background:var(--color-blue-hover);color:var(--color-primary-text)}.date-picker-day-today{background:var(--color-blue-light);color:var(--color-blue-text)}.date-picker-day-today.date-picker-day-selected{background:var(--color-blue);color:var(--color-primary-text)}.date-picker-day-blank{color:transparent;cursor:default}.date-picker-footer{border-top:1px solid var(--color-border);display:flex;justify-content:center;margin-top:var(--space-4);padding-top:var(--space-3)}.date-picker-today-button{background:var(--color-blue-light);border:none;border-radius:var(--radius-md);color:var(--color-blue);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.date-picker-today-button:hover{background:var(--color-border-hover)}.date-picker-today-button:focus{box-shadow:0 0 0 var(--focus-ring-offset) var(--color-background),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);outline:none}.date-picker-wrapper{position:relative}.date-picker-input--disabled{cursor:not-allowed;opacity:.5}.image-gallery{font-family:var(--font-family);position:relative;width:100%}.image-gallery-grid{display:grid;gap:var(--space-4)}.image-gallery-grid-2,.image-gallery-grid-3,.image-gallery-grid-4,.image-gallery-grid-5,.image-gallery-grid-6{grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.image-gallery-grid-3{grid-template-columns:repeat(3,1fr)}.image-gallery-grid-4{grid-template-columns:repeat(4,1fr)}.image-gallery-grid-5,.image-gallery-grid-6{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.image-gallery-grid-5{grid-template-columns:repeat(5,1fr)}.image-gallery-grid-6{grid-template-columns:repeat(6,1fr)}}.image-gallery-gap-sm{gap:var(--space-2)}.image-gallery-gap-md{gap:var(--space-4)}.image-gallery-gap-lg{gap:var(--space-6)}.image-gallery-item{border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;position:relative;transition:transform var(--transition-normal)}.image-gallery-item:hover{transform:scale(1.02)}.image-gallery-item-square{aspect-ratio:1/1}.image-gallery-item-video{aspect-ratio:16/9}.image-gallery-item-photo{aspect-ratio:4/3}.image-gallery-item-auto{aspect-ratio:auto}.image-gallery-thumbnail{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-normal);width:100%}.image-gallery-item:hover .image-gallery-thumbnail{transform:scale(1.05)}.image-gallery-overlay{align-items:center;background:transparent;display:flex;inset:0;justify-content:center;position:absolute;transition:background var(--transition-normal)}.image-gallery-item:hover .image-gallery-overlay{background:#0003}.image-gallery-zoom-icon{color:#fff;height:var(--space-8);opacity:0;transition:opacity var(--transition-normal);width:var(--space-8)}.image-gallery-item:hover .image-gallery-zoom-icon{opacity:1}.image-gallery-caption{background:linear-gradient(0deg,rgba(0,0,0,.6),transparent);bottom:0;left:0;padding:var(--space-3);position:absolute;right:0}.image-gallery-caption-text{color:#fff;font-size:var(--text-sm);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-gallery-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000e6;display:flex;height:100vh;inset:0;justify-content:center;position:fixed;width:100vw;z-index:var(--z-modal)}.image-gallery-modal-content{max-height:90vh;max-width:90vw;padding:var(--space-4);position:relative}.image-gallery-modal-image{border-radius:var(--radius-md);max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.image-gallery-modal-info{background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.4),transparent);bottom:0;left:0;padding:var(--space-6);position:absolute;right:0}.image-gallery-modal-caption{color:#fff;font-size:var(--text-lg);font-weight:var(--font-weight-medium);text-align:center}.image-gallery-modal-counter{background:#00000080;border-radius:var(--radius-full);left:var(--space-4);padding:var(--space-1) var(--space-3);position:absolute;top:var(--space-4)}.image-gallery-modal-counter-text{color:#fff;font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.image-gallery-nav{background:transparent;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;padding:var(--space-2);position:absolute;top:50%;transform:translateY(-50%);transition:all var(--transition-fast);z-index:10}.image-gallery-nav:hover{background:#ffffff1a;color:#ffffffe6}.image-gallery-nav:focus{box-shadow:0 0 0 2px #ffffff80;outline:none}.image-gallery-nav-icon{height:var(--space-8);width:var(--space-8)}.image-gallery-nav-prev{left:var(--space-4)}.image-gallery-nav-next{right:var(--space-4)}.image-gallery-nav-close{right:var(--space-4);top:var(--space-4);transform:none}.image-gallery-loading{align-items:center;background:#0000001a;display:flex;inset:0;justify-content:center;position:absolute}.image-gallery-spinner{animation:image-gallery-spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:var(--radius-full);border-top-color:#fff;height:var(--space-12);width:var(--space-12)}@keyframes image-gallery-spin{to{transform:rotate(1turn)}}.image-gallery-empty{color:var(--color-text-secondary);padding:var(--space-8);text-align:center}.image-gallery-empty-message{margin-bottom:var(--space-2)}.image-gallery-empty-hint{font-size:var(--text-sm);margin-top:var(--space-2)}.video-player{background:#000;border-radius:var(--radius-lg);cursor:default;font-family:var(--font-family);overflow:hidden;position:relative}.video-player:focus{box-shadow:0 0 0 var(--focus-ring-offset) var(--color-background),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);outline:none}.video-player-video{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.video-player-loading{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:absolute}.video-player-loading-spinner{animation:video-player-spin 1s linear infinite;border:2px solid transparent;border-radius:var(--radius-full);border-top-color:#fff;height:var(--space-8);width:var(--space-8)}@keyframes video-player-spin{to{transform:rotate(1turn)}}.video-player-controls{position:absolute;inset-x:0;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.4),transparent);bottom:0;padding:var(--space-4);transition:opacity var(--transition-normal)}.video-player-controls-hidden{opacity:0}.video-player:hover .video-player-controls-hidden{opacity:1}.video-player-progress-container{margin-bottom:var(--space-4)}.video-player-progress{background:#ffffff4d;border-radius:var(--radius-full);cursor:pointer;height:4px;position:relative;transition:height var(--transition-fast)}.video-player:hover .video-player-progress{height:6px}.video-player-progress-buffered{background:#ffffff80}.video-player-progress-buffered,.video-player-progress-current{position:absolute;inset-y:0;border-radius:var(--radius-full);left:0;transition:width var(--transition-fast)}.video-player-progress-current{background:#fff}.video-player-progress-scrubber{background:#fff;border-radius:var(--radius-full);height:12px;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity var(--transition-fast);width:12px}.video-player:hover .video-player-progress-scrubber{opacity:1}.video-player-control-bar{align-items:center;display:flex;justify-content:space-between}.video-player-control-group{align-items:center;display:flex;gap:var(--space-4)}.video-player-button{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;justify-content:center;padding:var(--space-1);transition:all var(--transition-fast)}.video-player-button:hover{background:#ffffff1a;color:#ffffffb3}.video-player-button:focus{box-shadow:0 0 0 2px #ffffff80;outline:none}.video-player-button-play{padding:var(--space-2)}.video-player-button-speed{font-size:var(--text-sm);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2)}.video-player-icon{height:var(--space-6);width:var(--space-6);fill:currentColor}.video-player-icon-sm{height:var(--space-5);width:var(--space-5)}.video-player-icon-lg{height:var(--space-8);margin-left:2px;width:var(--space-8)}.video-player-volume{gap:var(--space-2);position:relative}.video-player-volume,.video-player-volume-slider-container{align-items:center;display:flex}.video-player-volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff4d;border-radius:var(--radius-lg);cursor:pointer;height:4px;outline:none;width:80px}.video-player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:var(--radius-full);cursor:pointer;height:12px;-webkit-transition:transform var(--transition-fast);transition:transform var(--transition-fast);width:12px}.video-player-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.video-player-volume-slider::-moz-range-thumb{background:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;height:12px;-moz-transition:transform var(--transition-fast);transition:transform var(--transition-fast);width:12px}.video-player-volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}.video-player-time{color:#fff;font-family:var(--font-family-mono);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.video-player-time-separator{color:#fff9}.video-player-speed{position:relative}.video-player-speed-menu{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;border-radius:var(--radius-lg);bottom:100%;margin-bottom:var(--space-2);min-width:80px;padding:var(--space-2) 0;position:absolute;right:0}.video-player-speed-option{background:transparent;border:none;color:#fff;cursor:pointer;display:block;font-size:var(--text-sm);padding:var(--space-1) var(--space-3);text-align:left;transition:background var(--transition-fast);width:100%}.video-player-speed-option-active,.video-player-speed-option:hover{background:#fff3}.video-player-fullscreen{padding:var(--space-2)}.video-player-overlay{align-items:center;background:#0003;cursor:pointer;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.video-player:hover .video-player-overlay{opacity:1}.video-player-overlay-play{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:var(--radius-full);display:flex;height:64px;justify-content:center;transition:all var(--transition-fast);width:64px}.video-player-overlay-play:hover{background:#ffffff4d;transform:scale(1.1)}.video-player-overlay-play svg{color:#fff}@media (max-width:768px){.video-player-controls{padding:var(--space-2)}.video-player-control-group{gap:var(--space-2)}.video-player-progress-container{margin-bottom:var(--space-2)}.video-player-volume-slider{width:60px}.video-player-time{font-size:var(--text-xs)}}@media (prefers-reduced-motion:reduce){.video-player-button,.video-player-controls,.video-player-overlay,.video-player-overlay-play,.video-player-progress,.video-player-progress-buffered,.video-player-progress-current,.video-player-progress-scrubber{transition:none}.video-player-loading-spinner{animation:none}}@media (prefers-contrast:high){.video-player-progress{background:#fffc}.video-player-progress-buffered{background:#ffffffe6}.video-player-controls{background:#000000f2}}.monaco-editor{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);height:auto;overflow:hidden;position:relative;transition:all var(--transition-normal);width:auto;z-index:var(--z-dropdown)}.monaco-editor:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-xl)}.monaco-editor-container{border-radius:var(--radius-md);height:100%;overflow:hidden;position:relative;width:100%}.monaco-editor-loading{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);display:flex;justify-content:center}.monaco-editor-loading-content{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-8)}.monaco-editor-loading-spinner{animation:spin 1s linear infinite;color:var(--color-primary);height:var(--space-8);width:var(--space-8)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.monaco-editor-loading-text{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.monaco-editor-error{background:var(--color-surface);border:1px solid var(--color-border-error);border-radius:var(--radius-lg);gap:var(--space-4);justify-content:center;padding:var(--space-8)}.monaco-editor-error,.monaco-editor-error-content{align-items:center;display:flex;flex-direction:column}.monaco-editor-error-content{gap:var(--space-2);text-align:center}.monaco-editor-error-icon{color:var(--color-danger);height:var(--space-12);width:var(--space-12)}.monaco-editor-error-title{color:var(--color-danger);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin:0}.monaco-editor-error-message{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.monaco-editor-error-retry{margin-top:var(--space-2)}.monaco-editor-status{align-items:center;background:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--space-2);justify-content:space-between;padding:var(--space-2) var(--space-4)}.monaco-editor-status-info{align-items:center;display:flex;gap:var(--space-4)}.monaco-editor-status-item{font-weight:var(--font-weight-medium)}.monaco-editor-status-value{color:var(--color-text-primary);font-weight:var(--font-weight-normal)}.monaco-editor-toolbar{align-items:center;display:flex;gap:var(--space-1)}.monaco-editor-toolbar-button{border-radius:var(--radius-sm);font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.copy-to-clipboard{display:inline-block;position:relative}.copy-to-clipboard-button{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--text-sm);justify-content:center;outline:none;padding:var(--space-2) var(--space-3);transition:all var(--transition-normal)}.copy-to-clipboard-button:hover{background:var(--color-neutral-light);border-color:var(--color-border-hover)}.copy-to-clipboard-button:focus{box-shadow:0 0 0 var(--focus-ring-offset) var(--color-background),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)}.copy-to-clipboard-icon-button{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:var(--space-2);transition:all var(--transition-normal)}.copy-to-clipboard-icon-button:hover{background:var(--color-neutral-light);color:var(--color-text)}.copy-to-clipboard-icon-button:focus{box-shadow:0 0 0 var(--focus-ring-offset) var(--color-background),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)}.copy-to-clipboard-content{align-items:center;display:flex;gap:var(--space-1-5)}.copy-to-clipboard-icon{flex-shrink:0;height:var(--space-4);width:var(--space-4)}.copy-to-clipboard-icon-large{flex-shrink:0;height:var(--space-5);width:var(--space-5)}.copy-to-clipboard-feedback{align-items:center;display:flex;gap:var(--space-1-5)}.copy-to-clipboard-feedback-success{color:var(--color-success)}.copy-to-clipboard-feedback-error{color:var(--color-danger)}.copy-to-clipboard-icon-success{color:var(--color-success)}.copy-to-clipboard-icon-error{color:var(--color-danger)}.copy-to-clipboard-tooltip{background:var(--color-neutral-dark);border-radius:var(--radius-lg);bottom:100%;box-shadow:var(--shadow-lg);color:var(--color-text-inverse);font-size:var(--text-sm);left:50%;margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);position:absolute;transform:translate(-50%);white-space:nowrap;z-index:50}.copy-to-clipboard-tooltip-arrow{border-left:var(--space-1) solid transparent;border-right:var(--space-1) solid transparent;border-top:var(--space-1) solid var(--color-neutral-dark);height:0;left:50%;position:absolute;top:100%;transform:translate(-50%);width:0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes marquee-reverse{0%{transform:translate(-100%)}to{transform:translate(0)}}.marquee{overflow:hidden;position:relative;width:100%}.marquee-content{display:flex}.marquee-item{align-items:center;display:flex;flex-shrink:0;justify-content:space-around}.marquee-gradient{height:100%;pointer-events:none;position:absolute;top:0;width:10rem;z-index:20}.marquee-gradient-left{background:linear-gradient(to right,var(--color-background),transparent);left:0}.marquee-gradient-right{background:linear-gradient(to left,var(--color-background),transparent);right:0}.marquee-slow .marquee-content{animation-duration:40s}.marquee-normal .marquee-content{animation-duration:20s}.marquee-fast .marquee-content{animation-duration:10s}.marquee-left .marquee-content{animation:marquee linear infinite}.marquee-right .marquee-content{animation:marquee-reverse linear infinite}.marquee-pause:hover .marquee-content{animation-play-state:paused}.retro-grid{overflow:hidden;position:relative}.retro-grid-lines{inset:0;opacity:.3;position:absolute}.retro-grid-animated .retro-grid-horizontal{animation:retro-grid-move 1s linear infinite}.retro-grid-animated .retro-grid-vertical{animation:retro-grid-move-vertical 1s linear infinite}.retro-grid-horizontal{background:linear-gradient(to bottom,transparent,var(--color-text-secondary),transparent);inset:0;position:absolute}.retro-grid-vertical{background:linear-gradient(to right,transparent,var(--color-text-secondary),transparent);inset:0;position:absolute}.retro-grid-pattern-horizontal{background-image:repeating-linear-gradient(0deg,transparent,transparent 35px,hsla(220,9%,46%,.1) 0,hsla(220,9%,46%,.1) 36px);height:100%}.retro-grid-pattern-vertical{background-image:repeating-linear-gradient(90deg,transparent,transparent 35px,hsla(220,9%,46%,.1) 0,hsla(220,9%,46%,.1) 36px);width:100%}.retro-grid-content{position:relative;z-index:10}@keyframes retro-grid-move{0%{transform:translateY(0)}to{transform:translateY(35px)}}@keyframes retro-grid-move-vertical{0%{transform:translate(0)}to{transform:translate(35px)}}.typing-effect{color:var(--color-text-primary);display:inline-block;font-family:var(--font-family);height:2rem;line-height:2rem;min-width:35ch;overflow:hidden;vertical-align:top}.typing-effect-text{color:inherit;display:inline;font-weight:inherit}.typing-effect-cursor{animation:typing-cursor-blink 1s infinite;color:var(--color-text-primary);display:inline}@keyframes typing-cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.typing-effect-sm{font-size:var(--text-sm);height:1.5rem;line-height:1.5rem;min-width:30ch}.typing-effect-md{font-size:var(--text-base);height:1.75rem;line-height:1.75rem;min-width:35ch}.typing-effect-lg{font-size:var(--text-lg);height:2rem;line-height:2rem;min-width:30ch}.typing-effect-xl{font-size:var(--text-xl);height:2.5rem;line-height:2.5rem;min-width:25ch}.typing-effect-primary{color:var(--color-primary)}.typing-effect-secondary{color:var(--color-text-secondary)}.typing-effect-neutral{color:var(--color-neutral)}.typing-effect-blue{color:var(--color-blue)}.typing-effect-red{color:var(--color-red)}.typing-effect-green{color:var(--color-green)}.typing-effect-yellow{color:var(--color-yellow)}.typing-effect-purple{color:var(--color-purple)}.text-animation{font-family:var(--font-family)}.text-animation,.text-animation-container{display:inline-block;height:1.5rem;line-height:1.5rem;overflow:hidden;vertical-align:top}.text-animation-container{min-width:1px}.text-animation-word{display:inline-block;margin-right:var(--space-1)}.text-animation-char{display:inline-block;height:1.5rem;line-height:1.5rem;transition:all var(--transition-normal);white-space:pre}.text-animation-fade .text-animation-char{opacity:0}.text-animation-fade.text-animation-animate .text-animation-char{animation:fadeIn .5s ease-out forwards}.text-animation-slide .text-animation-char{opacity:0;transform:translate(-20px)}.text-animation-slide.text-animation-animate .text-animation-char{animation:slideIn .6s ease-out forwards}.text-animation-scale .text-animation-char{opacity:0;transform:scale(0)}.text-animation-scale.text-animation-animate .text-animation-char{animation:scaleIn .4s ease-out forwards}.text-animation-bounce .text-animation-char{opacity:0;transform:translateY(-20px)}.text-animation-bounce.text-animation-animate .text-animation-char{animation:bounceIn .8s ease-out forwards}.text-animation-animate .text-animation-char{opacity:1!important;transform:translate(0) translateY(0) scale(1)!important}@keyframes fadeIn{to{opacity:1}}@keyframes slideIn{to{opacity:1;transform:translate(0)}}@keyframes scaleIn{to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:translateY(-20px)}60%{opacity:1;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.input,.select,.textarea{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--text-base);padding:var(--space-2);transition:border-color var(--transition-fast);width:100%}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--color-text-placeholder)}.input::placeholder,.textarea::placeholder{color:var(--color-text-placeholder)}.form-field{display:flex;flex-direction:column;gap:var(--space-1-5)}.form-label{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:1.5}.form-label--disabled{color:var(--color-text-disabled);cursor:not-allowed}.form-required{color:var(--color-danger);margin-left:var(--space-1)}.form-description{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.4}.form-description--disabled{color:var(--color-text-disabled)}.form-error{align-items:center;color:var(--color-danger);display:flex;font-size:var(--text-sm);gap:var(--space-1-5);line-height:1.4}.form-error-icon{flex-shrink:0;height:var(--space-4);width:var(--space-4)}body,html{height:100%;margin:0;width:100%}[x-cloak]{display:none!important}