:root{--app-bg: #ffffff;--app-bg-secondary: #f8fafc;--app-text: #0f172a;--app-text-muted: #64748b;--app-border: #e2e8f0;--app-border-light: #f1f5f9;--app-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--app-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--app-accent: #3b82f6;--app-accent-hover: #2563eb;--app-success: #10b981;--app-warning: #f59e0b;--app-error: #ef4444;--app-spacing-xs: 4px;--app-spacing-sm: 8px;--app-spacing-md: 12px;--app-spacing-lg: 16px;--app-spacing-xl: 24px;--app-spacing-2xl: 32px;--app-radius-sm: 6px;--app-radius-md: 8px;--app-radius-lg: 12px;--app-radius-xl: 16px;--app-font-size-xs: 12px;--app-font-size-sm: 14px;--app-font-size-md: 16px;--app-font-size-lg: 18px;--app-font-size-xl: 20px;--app-font-size-2xl: 24px;--app-font-weight-normal: 400;--app-font-weight-medium: 500;--app-font-weight-semibold: 600;--app-font-weight-bold: 700;--app-transition: all .2s cubic-bezier(.4, 0, .2, 1);--app-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--app-bg: #0f172a;--app-bg-secondary: #1e293b;--app-text: #f1f5f9;--app-text-muted: #94a3b8;--app-border: #334155;--app-border-light: #475569;--app-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--app-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--app-accent: #60a5fa;--app-accent-hover: #3b82f6;--app-success: #34d399;--app-warning: #fbbf24;--app-error: #f87171}[data-theme=light]{--app-bg: #ffffff;--app-bg-secondary: #f8fafc;--app-text: #0f172a;--app-text-muted: #64748b;--app-border: #e2e8f0;--app-border-light: #f1f5f9;--app-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--app-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--app-accent: #3b82f6;--app-accent-hover: #2563eb;--app-success: #10b981;--app-warning: #f59e0b;--app-error: #ef4444}@media (prefers-color-scheme: dark){[data-theme=auto]{--app-bg: #0f172a;--app-bg-secondary: #1e293b;--app-text: #f1f5f9;--app-text-muted: #94a3b8;--app-border: #334155;--app-border-light: #475569;--app-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--app-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--app-accent: #60a5fa;--app-accent-hover: #3b82f6;--app-success: #34d399;--app-warning: #fbbf24;--app-error: #f87171}}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";background-color:var(--app-bg);color:var(--app-text);transition:var(--app-transition)}.container{max-width:960px;margin:var(--app-spacing-xl) auto;padding:0 var(--app-spacing-lg) var(--app-spacing-2xl)}.header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--app-spacing-md);justify-content:space-between;padding:var(--app-spacing-lg);background:var(--app-bg-secondary);border:1px solid var(--app-border);border-radius:var(--app-radius-lg);margin-bottom:var(--app-spacing-xl);box-shadow:var(--app-shadow)}.title{font-size:var(--app-font-size-xl);font-weight:var(--app-font-weight-bold);color:var(--app-text)}.controls{display:flex;flex-wrap:wrap;gap:var(--app-spacing-md);align-items:center}.control{display:flex;flex-direction:column;gap:var(--app-spacing-xs)}.control select,.control input[type=range],.control input[type=checkbox]{padding:var(--app-spacing-sm);border:1px solid var(--app-border);border-radius:var(--app-radius-sm);background:var(--app-bg);color:var(--app-text);font-size:var(--app-font-size-sm);transition:var(--app-transition-fast)}.control select:hover,.control input[type=range]:hover{border-color:var(--app-accent)}.control select:focus,.control input[type=range]:focus{outline:none;border-color:var(--app-accent);box-shadow:0 0 0 3px #3b82f61a}.control input[type=checkbox]{width:16px;height:16px;accent-color:var(--app-accent)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--app-spacing-lg);margin-top:var(--app-spacing-lg)}.card{border:1px solid var(--app-border);border-radius:var(--app-radius-lg);padding:var(--app-spacing-lg);background:var(--app-bg);box-shadow:var(--app-shadow);transition:var(--app-transition)}.card h3{margin:0 0 var(--app-spacing-md) 0;font-size:var(--app-font-size-lg);font-weight:var(--app-font-weight-semibold);color:var(--app-text)}.row{display:flex;align-items:center;gap:var(--app-spacing-md);flex-wrap:wrap}.spacer{height:var(--app-spacing-md)}.pill{display:inline-flex;align-items:center;gap:var(--app-spacing-sm);padding:var(--app-spacing-sm) var(--app-spacing-md);border-radius:999px;border:1px solid var(--app-border);background:var(--app-bg);color:var(--app-text);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-medium);transition:var(--app-transition-fast)}.pill:hover{background:var(--app-bg-secondary);border-color:var(--app-accent)}.avatar{width:26px;height:26px;border-radius:999px;display:grid;place-items:center;background:var(--app-accent);color:#fff;font-weight:var(--app-font-weight-bold);font-size:var(--app-font-size-xs)}.nav{display:flex;gap:var(--app-spacing-lg);align-items:center;padding:var(--app-spacing-md);background:var(--app-bg-secondary);border-radius:var(--app-radius-md);border:1px solid var(--app-border)}.sidebar{display:grid;grid-template-columns:220px 1fr;gap:var(--app-spacing-md)}.sidebar-panel{padding:var(--app-spacing-md);border-radius:var(--app-radius-md);border:1px solid var(--app-border);background:var(--app-bg-secondary);min-height:160px}.note{color:var(--app-text-muted);font-size:var(--app-font-size-xs);font-weight:var(--app-font-weight-medium)}@media (max-width: 768px){.container{padding:0 var(--app-spacing-md) var(--app-spacing-xl)}.header{flex-direction:column;align-items:stretch;gap:var(--app-spacing-lg)}.controls{justify-content:center}.grid{grid-template-columns:1fr;gap:var(--app-spacing-md)}.sidebar{grid-template-columns:1fr;gap:var(--app-spacing-sm)}.nav{flex-direction:column;gap:var(--app-spacing-sm)}}@media (max-width: 480px){.title{font-size:var(--app-font-size-lg);text-align:center}.controls{flex-direction:column;width:100%}.control,.control select{width:100%}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--app-border: #000000;--app-shadow: 0 0 0 1px #000000}[data-theme=dark]{--app-border: #ffffff;--app-shadow: 0 0 0 1px #ffffff}}*:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.theme-light{color-scheme:light}.theme-dark{color-scheme:dark}.theme-auto{color-scheme:light dark}*{transition-property:background-color,border-color,color,box-shadow;transition-duration:var(--app-transition-fast);transition-timing-function:cubic-bezier(.4,0,.2,1)}.code-sample{margin-top:var(--app-spacing-md);border:1px solid var(--app-border);border-radius:var(--app-radius-md);background:var(--app-bg-secondary);overflow:hidden}.code-sample summary{padding:var(--app-spacing-md);background:var(--app-bg-secondary);border-bottom:1px solid var(--app-border);cursor:pointer;font-weight:var(--app-font-weight-medium);font-size:var(--app-font-size-sm);color:var(--app-text);-webkit-user-select:none;user-select:none;transition:var(--app-transition-fast)}.code-sample summary:hover{background:var(--app-bg)}.code-sample[open] summary{border-bottom:1px solid var(--app-border)}.code-sample pre{margin:0;padding:var(--app-spacing-lg);background:var(--app-bg);overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--app-font-size-xs);line-height:1.6;color:var(--app-text)}.code-sample code{color:var(--app-text);background:transparent;padding:0;border-radius:0;font-family:inherit}.card{border:1px solid var(--app-border);border-radius:var(--app-radius-lg);padding:var(--app-spacing-lg);background:var(--app-bg);box-shadow:var(--app-shadow);transition:var(--app-transition);position:relative}.card:hover{position:relative;z-index:2;box-shadow:var(--app-shadow-lg);transform:translateY(-2px)}.card:has(.dd-menu--open){position:relative;z-index:20}.card h3{margin:0 0 var(--app-spacing-md) 0;font-size:var(--app-font-size-lg);font-weight:var(--app-font-weight-semibold);color:var(--app-text);display:flex;align-items:center;gap:var(--app-spacing-sm)}.card p.note{margin:0 0 var(--app-spacing-lg) 0;color:var(--app-text-muted);font-size:var(--app-font-size-sm);line-height:1.5;font-style:italic}@media (max-width: 1200px){.grid{grid-template-columns:1fr}}@media (min-width: 1201px){.grid{grid-template-columns:repeat(2,1fr)}}.code-sample pre code{display:block;white-space:pre;word-wrap:normal}.card .spacer{height:var(--app-spacing-lg)}.card .note:not(p){color:var(--app-text-muted);font-size:var(--app-font-size-xs);font-weight:var(--app-font-weight-medium);margin-top:var(--app-spacing-sm)}.intro-section{text-align:center;padding:var(--app-spacing-2xl) 0;margin-bottom:var(--app-spacing-xl);background:linear-gradient(135deg,var(--app-bg-secondary) 0%,var(--app-bg) 100%);border-radius:var(--app-radius-xl);border:1px solid var(--app-border)}.main-title{font-size:var(--app-font-size-2xl);font-weight:var(--app-font-weight-bold);color:var(--app-text);margin:0 0 var(--app-spacing-md) 0;background:linear-gradient(135deg,var(--app-accent),var(--app-accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:var(--app-font-size-lg);color:var(--app-text-muted);margin:0 0 var(--app-spacing-2xl) 0;max-width:600px;margin-left:auto;margin-right:auto}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--app-spacing-lg);margin-bottom:var(--app-spacing-2xl);max-width:800px;margin-left:auto;margin-right:auto}.feature{display:flex;align-items:center;gap:var(--app-spacing-md);padding:var(--app-spacing-md);background:var(--app-bg);border-radius:var(--app-radius-md);border:1px solid var(--app-border-light);font-size:var(--app-font-size-sm);color:var(--app-text)}.feature-icon{font-size:var(--app-font-size-lg);flex-shrink:0}.quick-install{background:var(--app-bg);border:1px solid var(--app-border);border-radius:var(--app-radius-lg);padding:var(--app-spacing-xl);max-width:500px;margin:0 auto}.quick-install h3{margin:0 0 var(--app-spacing-lg) 0;font-size:var(--app-font-size-lg);color:var(--app-text)}.install-commands{display:flex;flex-direction:column;gap:var(--app-spacing-md);align-items:center}.install-commands code{background:var(--app-bg-secondary);border:1px solid var(--app-border);border-radius:var(--app-radius-sm);padding:var(--app-spacing-md) var(--app-spacing-lg);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--app-font-size-sm);color:var(--app-text);min-width:280px;text-align:center}.install-commands .or{color:var(--app-text-muted);font-size:var(--app-font-size-sm);font-style:italic}.card.full-width{grid-column:1 / -1}.getting-started{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--app-spacing-xl);margin-top:var(--app-spacing-lg)}.step{display:flex;gap:var(--app-spacing-lg);align-items:flex-start}.step-number{width:40px;height:40px;border-radius:50%;background:var(--app-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--app-font-weight-bold);font-size:var(--app-font-size-lg);flex-shrink:0}.step-content{flex:1}.step-content h4{margin:0 0 var(--app-spacing-sm) 0;font-size:var(--app-font-size-md);font-weight:var(--app-font-weight-semibold);color:var(--app-text)}.step-content code{background:var(--app-bg-secondary);border:1px solid var(--app-border);border-radius:var(--app-radius-sm);padding:var(--app-spacing-sm) var(--app-spacing-md);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--app-font-size-xs);color:var(--app-text);display:inline-block}.step-content pre{background:var(--app-bg-secondary);border:1px solid var(--app-border);border-radius:var(--app-radius-sm);padding:var(--app-spacing-md);margin:var(--app-spacing-sm) 0 0 0;overflow-x:auto}.step-content pre code{background:transparent;border:none;padding:0;display:block}@media (max-width: 768px){.features{grid-template-columns:1fr}.install-commands{flex-direction:column}.getting-started{grid-template-columns:1fr}.step{flex-direction:column;text-align:center}}.view-switch{display:flex;flex-wrap:wrap;gap:var(--app-spacing-xs);padding:var(--app-spacing-xs);border:1px solid var(--app-border);border-radius:var(--app-radius-lg);background:var(--app-bg-active)}.view-tab{border:1px solid transparent;border-radius:var(--app-radius-md);padding:var(--app-spacing-md) var(--app-spacing-lg);background:transparent;color:var(--app-text-muted);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-medium);cursor:pointer;transition:var(--app-transition);white-space:nowrap}.view-tab:hover{color:var(--app-text)}.view-tab.active{border-color:var(--app-accent);background:var(--app-accent);color:var(--app-bg);box-shadow:var(--app-shadow);font-weight:var(--app-font-weight-bold)}.roadmap{display:flex;flex-direction:column;gap:var(--app-spacing-xl)}.roadmap-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--app-spacing-xl);padding:var(--app-spacing-2xl) 0 var(--app-spacing-md)}.roadmap-intro h2{margin:var(--app-spacing-xs) 0 var(--app-spacing-md);color:var(--app-text);font-size:var(--app-font-size-2xl)}.eyebrow{margin:0;color:var(--app-accent);font-size:var(--app-font-size-xs);font-weight:var(--app-font-weight-semibold);letter-spacing:.08em;text-transform:uppercase}.roadmap-progress{display:flex;flex-direction:column;align-items:flex-end;color:var(--app-text-muted);font-size:var(--app-font-size-sm)}.roadmap-progress strong{color:var(--app-text);font-size:var(--app-font-size-2xl)}.roadmap-preview{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--app-spacing-lg);background:var(--app-bg-active)}.roadmap-preview h3{margin:var(--app-spacing-xs) 0}.preview-controls,.preview-chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--app-spacing-sm)}.preview-controls{justify-content:flex-end}.preview-toggle{display:inline-flex;align-items:center;gap:var(--app-spacing-xs);color:var(--app-text-muted);font-size:var(--app-font-size-sm)}.preview-toggle input{accent-color:var(--app-accent)}.roadmap-trigger{display:inline-flex;align-items:center;gap:var(--app-spacing-sm);border:1px solid var(--app-border);border-radius:var(--app-radius-md);padding:var(--app-spacing-md) var(--app-spacing-lg);background:var(--app-bg);color:var(--app-text-muted);font-size:var(--app-font-size-sm)}.preview-chips{grid-column:1 / -1;padding-top:var(--app-spacing-md);border-top:1px solid var(--app-border)}.preview-chip{padding:var(--app-spacing-xs) var(--app-spacing-sm);border:1px solid var(--app-border);border-radius:var(--app-radius-lg);background:var(--app-bg);color:var(--app-text);font-size:var(--app-font-size-xs)}.preview-chip-muted{color:var(--app-text-muted)}.roadmap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--app-spacing-lg)}.roadmap-card{display:flex;flex-direction:column;gap:var(--app-spacing-md)}.roadmap-card-topline,.roadmap-card-heading{display:flex;align-items:center;gap:var(--app-spacing-md)}.roadmap-card-topline{justify-content:space-between}.roadmap-icon{display:grid;width:var(--app-spacing-2xl);height:var(--app-spacing-2xl);place-items:center;border-radius:var(--app-radius-md);background:var(--app-bg-active);color:var(--app-accent);font-size:var(--app-font-size-xl)}.roadmap-status,.roadmap-version{width:fit-content;border-radius:var(--app-radius-lg);padding:var(--app-spacing-xs) var(--app-spacing-sm);font-size:var(--app-font-size-xs);font-weight:var(--app-font-weight-semibold)}.roadmap-status-in-development{background:var(--app-bg-active);color:var(--app-accent)}.roadmap-status-planned{background:var(--app-bg-hover);color:var(--app-text-muted)}.roadmap-status-under-review{background:var(--app-border-light);color:var(--app-text)}.roadmap-number{color:var(--app-text-light);font-size:var(--app-font-size-xs);font-weight:var(--app-font-weight-semibold)}.roadmap-card h3{margin:0;font-size:var(--app-font-size-lg)}.roadmap-version{border:1px solid var(--app-border);color:var(--app-text-muted);font-weight:var(--app-font-weight-medium)}.roadmap-card p{margin:0;color:var(--app-text-muted);font-size:var(--app-font-size-sm);line-height:1.5}.roadmap-card ul{display:flex;flex-direction:column;gap:var(--app-spacing-sm);margin:0;padding:var(--app-spacing-md) 0 0 var(--app-spacing-lg);border-top:1px solid var(--app-border-light);color:var(--app-text-muted);font-size:var(--app-font-size-sm)}@media (max-width: 768px){.roadmap-intro,.roadmap-preview{grid-template-columns:1fr;align-items:flex-start}.roadmap-intro{flex-direction:column}.roadmap-progress{align-items:flex-start}.roadmap-grid{grid-template-columns:1fr}.preview-controls{justify-content:flex-start}}.container{max-width:1180px;margin-top:var(--app-spacing-2xl)}.intro-section{position:relative;overflow:hidden;padding:var(--app-spacing-xl) var(--app-spacing-2xl) var(--app-spacing-2xl);background:linear-gradient(135deg,var(--app-bg-secondary) 0%,var(--app-bg) 72%);text-align:left}.intro-section:after{position:absolute;right:var(--app-spacing-2xl);bottom:calc(var(--app-spacing-2xl) * -1);width:calc(var(--app-spacing-2xl) * 4);height:calc(var(--app-spacing-2xl) * 4);border:1px solid var(--app-border-light);border-radius:50%;content:"";display:none;pointer-events:none}.hero-topline{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--app-spacing-lg);padding-bottom:var(--app-spacing-2xl);border-bottom:1px solid var(--app-border-light)}.brand-lockup{display:inline-flex;align-items:center;gap:var(--app-spacing-md)}.brand-mark{display:grid;width:calc(var(--app-spacing-2xl) * 2);height:calc(var(--app-spacing-2xl) * 2);place-items:center;border-radius:var(--app-radius-lg);background:var(--app-accent);color:var(--app-bg);box-shadow:var(--app-shadow-lg)}.brand-mark svg{width:var(--app-spacing-2xl);height:var(--app-spacing-2xl);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.brand-copy{display:flex;flex-direction:column;gap:var(--app-spacing-xs);color:var(--app-text-muted);font-size:var(--app-font-size-sm);letter-spacing:.04em;text-transform:uppercase}.brand-copy strong{color:var(--app-text);font-size:var(--app-font-size-lg);letter-spacing:0;text-transform:none}.hero-copy{position:relative;z-index:1;max-width:720px;padding-top:var(--app-spacing-2xl)}.hero-kicker{margin:0 0 var(--app-spacing-sm);color:var(--app-accent);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-semibold);letter-spacing:.08em;text-transform:uppercase}.hero-copy .main-title{margin-bottom:var(--app-spacing-md);font-size:clamp(var(--app-font-size-2xl),5vw,calc(var(--app-font-size-2xl) * 2));line-height:1.05;text-align:left}.hero-copy .subtitle{max-width:600px;margin:0;font-size:var(--app-font-size-lg);line-height:1.6;text-align:left}.header{position:sticky;top:var(--app-spacing-md);z-index:5;-webkit-backdrop-filter:blur(var(--app-spacing-md));backdrop-filter:blur(var(--app-spacing-md))}.demo-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--app-spacing-lg);margin-bottom:var(--app-spacing-md);padding:var(--app-spacing-sm) var(--app-spacing-md);border:1px solid var(--app-border);border-radius:var(--app-radius-lg);background:var(--app-bg-secondary)}.demo-nav-label{color:var(--app-text-muted);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-semibold)}.header .controls{order:3}@media (max-width: 768px){.intro-section{padding:var(--app-spacing-lg)}.hero-topline{align-items:flex-start;flex-direction:column}.demo-nav{align-items:stretch;flex-direction:column}.demo-nav .view-switch,.header .controls{width:100%}.view-switch{justify-content:center}}.sidebar{grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr);gap:var(--app-spacing-lg)}.sidebar-panel{display:flex;flex-direction:column;gap:var(--app-spacing-lg);min-height:220px;padding:var(--app-spacing-lg);background:linear-gradient(145deg,var(--app-bg-secondary),var(--app-bg));box-shadow:var(--app-shadow)}.sidebar-navigation{border-color:var(--app-accent)}.sidebar-panel-header,.content-preview-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--app-spacing-md)}.sidebar-panel-header strong{display:block;margin-top:var(--app-spacing-xs);color:var(--app-text);font-size:var(--app-font-size-lg)}.sidebar-panel-kicker{display:block;color:var(--app-text-muted);font-size:var(--app-font-size-xs);font-weight:var(--app-font-weight-semibold);letter-spacing:.08em;text-transform:uppercase}.sidebar-status{border-radius:var(--app-radius-lg);padding:var(--app-spacing-xs) var(--app-spacing-sm);background:var(--app-bg-active);color:var(--app-accent);font-size:var(--app-font-size-xs);font-weight:var(--app-font-weight-semibold)}.sidebar-navigation .dd-menu__trigger{min-height:calc(var(--app-spacing-2xl) * 2);border-color:var(--app-border);background:var(--app-bg);box-shadow:var(--app-shadow)}.sidebar-navigation .dd-menu__trigger:hover,.sidebar-navigation .dd-menu__trigger:focus{border-color:var(--app-accent);background:var(--app-bg-active)}.sidebar-hint{margin:auto 0 0;color:var(--app-text-muted);font-size:var(--app-font-size-xs);line-height:1.5}.sidebar-content-preview{justify-content:space-between;background:var(--app-bg-secondary)}.content-dots{color:var(--app-text-light);letter-spacing:.15em}.content-preview-lines{display:flex;flex-direction:column;gap:var(--app-spacing-md);margin-top:var(--app-spacing-lg)}.content-preview-lines span{display:block;height:var(--app-spacing-sm);border-radius:var(--app-radius-sm);background:var(--app-border)}.content-preview-lines span:nth-child(2){width:76%}.content-preview-lines span:nth-child(3){width:54%}@media (max-width: 768px){.sidebar{grid-template-columns:1fr}}.nav-demo{overflow:visible;border:1px solid var(--app-border);border-radius:var(--app-radius-lg);background:var(--app-bg-secondary);box-shadow:var(--app-shadow)}.nav-demo-bar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--app-spacing-lg);min-height:calc(var(--app-spacing-2xl) * 2);padding:var(--app-spacing-md) var(--app-spacing-lg)}.nav-brand,.nav-brand>span:last-child,.nav-demo-footer,.nav-demo-indicator{display:flex;align-items:center}.nav-brand{gap:var(--app-spacing-sm);min-width:fit-content}.nav-brand>span:last-child{flex-direction:column;align-items:flex-start;gap:var(--app-spacing-xs)}.nav-brand strong{color:var(--app-text);font-size:var(--app-font-size-sm)}.nav-brand small{color:var(--app-text-muted);font-size:var(--app-font-size-xs)}.nav-brand-mark{display:grid;width:var(--app-spacing-2xl);height:var(--app-spacing-2xl);place-items:center;border-radius:var(--app-radius-md);background:var(--app-accent);color:var(--app-bg);font-size:var(--app-font-size-md);font-weight:var(--app-font-weight-bold)}.nav-links{display:flex;align-items:center;gap:var(--app-spacing-lg);margin-left:auto}.nav-link{padding:var(--app-spacing-sm) 0;color:var(--app-text-muted);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-medium)}.nav-link-active{border-bottom:2px solid var(--app-accent);color:var(--app-text)}.nav-demo .dd-menu--navbar{flex-shrink:0}.nav-demo .dd-menu--navbar .pill{border-color:var(--app-border);background:var(--app-bg)}.nav-demo-footer{justify-content:space-between;gap:var(--app-spacing-md);padding:var(--app-spacing-sm) var(--app-spacing-lg);border-top:1px solid var(--app-border-light);color:var(--app-text-muted);font-size:var(--app-font-size-xs)}.nav-demo-indicator{gap:var(--app-spacing-xs)}.nav-demo-indicator>span{width:var(--app-spacing-sm);height:var(--app-spacing-sm);border-radius:50%;background:var(--app-success)}.grid .dd-menu--default .dd-menu__trigger{border-color:var(--app-accent);background:var(--app-accent);color:var(--app-bg);font-weight:var(--app-font-weight-semibold);box-shadow:var(--app-shadow)}.grid .dd-menu--default .dd-menu__trigger:hover,.grid .dd-menu--default .dd-menu__trigger:focus{border-color:var(--app-accent-hover);background:var(--app-accent-hover);color:var(--app-bg);box-shadow:var(--app-shadow-lg)}@media (max-width: 768px){.nav-demo-bar{flex-wrap:wrap}.nav-links{order:3;width:100%;justify-content:center;margin-left:0;border-top:1px solid var(--app-border-light)}}:root{--dd-text: #344054;--dd-text-muted: #667085;--dd-text-light: #98a2b3;--dd-bg: #ffffff;--dd-bg-hover: #f9fafb;--dd-bg-active: #f2f4f7;--dd-border: #eaecf0;--dd-border-light: #f2f4f7;--dd-shadow: 0 1px 2px rgba(16, 24, 40, .05);--dd-shadow-md: 0 4px 8px -2px rgba(16, 24, 40, .1), 0 2px 4px -2px rgba(16, 24, 40, .06);--dd-shadow-lg: 0 12px 16px -4px rgba(16, 24, 40, .08), 0 4px 6px -2px rgba(16, 24, 40, .03);--dd-accent: #1570ef;--dd-accent-hover: #1366d6;--dd-bg-rgb: 255, 255, 255;--dd-border-rgb: 234, 236, 240;--dd-accent-rgb: 21, 112, 239;--dd-spacing-xs: 2px;--dd-spacing-sm: 6px;--dd-spacing-md: 8px;--dd-spacing-lg: 12px;--dd-spacing-xl: 16px;--dd-spacing-2xl: 20px;--dd-radius-sm: 6px;--dd-radius-md: 8px;--dd-radius-lg: 12px;--dd-font-size-xs: 12px;--dd-font-size-sm: 13px;--dd-font-size-md: 14px;--dd-font-size-lg: 15px;--dd-font-size-xl: 16px;--dd-font-size-2xl: 24px;--dd-font-weight-normal: 400;--dd-font-weight-medium: 500;--dd-font-weight-semibold: 600;--dd-transition: all .12s cubic-bezier(.4, 0, .2, 1);--dd-transition-slow: all .2s cubic-bezier(.4, 0, .2, 1)}.dd-menu--dark{--dd-text: #ffffff;--dd-text-muted: #a1a1aa;--dd-text-light: #71717a;--dd-bg: #18181b;--dd-bg-hover: #27272a;--dd-bg-active: #3f3f46;--dd-border: #3f3f46;--dd-border-light: #52525b;--dd-shadow: 0 1px 2px rgba(0, 0, 0, .3);--dd-shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .2);--dd-shadow-lg: 0 12px 16px -4px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .2);--dd-accent: #60a5fa;--dd-accent-hover: #3b82f6;--dd-bg-rgb: 24, 24, 27;--dd-border-rgb: 63, 63, 70;--dd-accent-rgb: 96, 165, 250}.dd-menu--light,.dd-menu--light .dd-menu__content,.dd-menu--light .dd-menu__item,.dd-menu--light .dd-menu__submenu,.dd-menu--light .dd-menu__trigger{--dd-text: #111827;--dd-text-muted: #6b7280;--dd-text-light: #9ca3af;--dd-bg: #ffffff;--dd-bg-hover: #f9fafb;--dd-bg-active: #f3f4f6;--dd-border: #e5e7eb;--dd-border-light: #f3f4f6;--dd-shadow: 0 1px 2px rgba(0, 0, 0, .05);--dd-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--dd-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--dd-accent: #3b82f6;--dd-accent-hover: #2563eb;--dd-bg-rgb: 255, 255, 255;--dd-border-rgb: 229, 231, 235;--dd-accent-rgb: 59, 130, 246}.dd-menu--dark,.dd-menu--dark .dd-menu__content,.dd-menu--dark .dd-menu__item,.dd-menu--dark .dd-menu__submenu,.dd-menu--dark .dd-menu__trigger{--dd-text: #ffffff;--dd-text-muted: #a1a1aa;--dd-text-light: #71717a;--dd-bg: #18181b;--dd-bg-hover: #27272a;--dd-bg-active: #3f3f46;--dd-border: #3f3f46;--dd-border-light: #52525b;--dd-shadow: 0 1px 2px rgba(0, 0, 0, .3);--dd-shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .2);--dd-shadow-lg: 0 12px 16px -4px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .2);--dd-accent: #60a5fa;--dd-accent-hover: #3b82f6;--dd-bg-rgb: 24, 24, 27;--dd-border-rgb: 63, 63, 70;--dd-accent-rgb: 96, 165, 250}.dd-menu--auto,.dd-menu--auto .dd-menu__content,.dd-menu--auto .dd-menu__item,.dd-menu--auto .dd-menu__submenu,.dd-menu--auto .dd-menu__trigger{--dd-text: #111827;--dd-text-muted: #6b7280;--dd-text-light: #9ca3af;--dd-bg: #ffffff;--dd-bg-hover: #f9fafb;--dd-bg-active: #f3f4f6;--dd-border: #e5e7eb;--dd-border-light: #f3f4f6;--dd-shadow: 0 1px 2px rgba(0, 0, 0, .05);--dd-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--dd-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--dd-accent: #3b82f6;--dd-accent-hover: #2563eb;--dd-bg-rgb: 255, 255, 255;--dd-border-rgb: 229, 231, 235;--dd-accent-rgb: 59, 130, 246}@media (prefers-color-scheme: dark){.dd-menu--auto,.dd-menu--auto .dd-menu__content,.dd-menu--auto .dd-menu__item,.dd-menu--auto .dd-menu__trigger,.dd-menu--auto .dd-menu__submenu{--dd-text: #ffffff;--dd-text-muted: #a1a1aa;--dd-text-light: #71717a;--dd-bg: #18181b;--dd-bg-hover: #27272a;--dd-bg-active: #3f3f46;--dd-border: #3f3f46;--dd-border-light: #52525b;--dd-shadow: 0 1px 2px rgba(0, 0, 0, .3);--dd-shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .2);--dd-shadow-lg: 0 12px 16px -4px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .2);--dd-accent: #60a5fa;--dd-accent-hover: #3b82f6;--dd-bg-rgb: 24, 24, 27;--dd-border-rgb: 63, 63, 70;--dd-accent-rgb: 96, 165, 250}}[data-theme=light] .dd-menu--auto,[data-theme=light] .dd-menu--auto .dd-menu__content,[data-theme=light] .dd-menu--auto .dd-menu__item,[data-theme=light] .dd-menu--auto .dd-menu__submenu,[data-theme=light] .dd-menu--auto .dd-menu__trigger{--dd-text: #111827;--dd-text-muted: #6b7280;--dd-text-light: #9ca3af;--dd-bg: #ffffff;--dd-bg-hover: #f9fafb;--dd-bg-active: #f3f4f6;--dd-border: #e5e7eb;--dd-border-light: #f3f4f6;--dd-shadow: 0 1px 2px rgba(0, 0, 0, .05);--dd-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--dd-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--dd-accent: #3b82f6;--dd-accent-hover: #2563eb;--dd-bg-rgb: 255, 255, 255;--dd-border-rgb: 229, 231, 235;--dd-accent-rgb: 59, 130, 246}[data-theme=dark] .dd-menu--auto,[data-theme=dark] .dd-menu--auto .dd-menu__content,[data-theme=dark] .dd-menu--auto .dd-menu__item,[data-theme=dark] .dd-menu--auto .dd-menu__submenu,[data-theme=dark] .dd-menu--auto .dd-menu__trigger{--dd-text: #ffffff;--dd-text-muted: #a1a1aa;--dd-text-light: #71717a;--dd-bg: #18181b;--dd-bg-hover: #27272a;--dd-bg-active: #3f3f46;--dd-border: #3f3f46;--dd-border-light: #52525b;--dd-shadow: 0 1px 2px rgba(0, 0, 0, .3);--dd-shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .2);--dd-shadow-lg: 0 12px 16px -4px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .2);--dd-accent: #60a5fa;--dd-accent-hover: #3b82f6;--dd-bg-rgb: 24, 24, 27;--dd-border-rgb: 63, 63, 70;--dd-accent-rgb: 96, 165, 250}.dd-menu{position:relative;display:inline-block;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--dd-font-size-md);color:var(--dd-text);line-height:1.5}.dd-menu--disabled{opacity:.5;pointer-events:none}.dd-menu--xs{font-size:var(--dd-font-size-xs)}.dd-menu--sm{font-size:var(--dd-font-size-sm)}.dd-menu--md{font-size:var(--dd-font-size-md)}.dd-menu--lg{font-size:var(--dd-font-size-lg)}.dd-menu--xl{font-size:var(--dd-font-size-xl)}.dd-menu--2xl{font-size:var(--dd-font-size-2xl)}.dd-menu__trigger{display:inline-flex;align-items:center;gap:var(--dd-spacing-sm);padding:var(--dd-spacing-md) var(--dd-spacing-lg);background:var(--dd-bg);border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);color:var(--dd-text);font-size:inherit;font-weight:var(--dd-font-weight-medium);cursor:pointer;transition:var(--dd-transition);white-space:nowrap;min-height:36px;text-decoration:none;-webkit-user-select:none;user-select:none}.dd-menu__trigger:hover:not(:disabled){background:var(--dd-bg-hover);border-color:var(--dd-accent);box-shadow:var(--dd-shadow)}.dd-menu__trigger:focus:not(:disabled){outline:none;border-color:var(--dd-accent);box-shadow:0 0 0 3px rgba(var(--dd-accent-rgb),.12)}.dd-menu__trigger:disabled{cursor:not-allowed;opacity:.5}.dd-menu__trigger svg{transition:var(--dd-transition)}.dd-menu--open .dd-menu__trigger svg{transform:rotate(180deg)}.dd-menu__custom-trigger{cursor:pointer}.dd-menu--theme-toggle{display:inline-flex;align-items:center;gap:var(--dd-spacing-sm);background:var(--app-shadow);border:1px solid var(--app-border);border-radius:var(--app-radius-md);color:var(--app-text);padding:var(--app-spacing-sm) var(--app-spacing-md)}.dd-menu__content{position:absolute;z-index:1000;min-width:220px;background:var(--dd-bg);border:1px solid var(--dd-border);border-radius:var(--dd-radius-lg);box-shadow:var(--dd-shadow-lg);padding:var(--dd-spacing-sm);margin-top:var(--dd-spacing-sm);opacity:0;transform:translateY(-4px) scale(.98);animation:dd-menu-fadeIn .15s cubic-bezier(.4,0,.2,1) forwards}@keyframes dd-menu-fadeIn{to{opacity:1;transform:translateY(0) scale(1)}}.dd-menu__content--bottom,.dd-menu__content--bottom-start,.dd-menu__content--bottom-end{top:100%}.dd-menu__content--top,.dd-menu__content--top-start,.dd-menu__content--top-end{bottom:100%;margin-bottom:var(--dd-spacing-xs);margin-top:0}.dd-menu__content--bottom-start,.dd-menu__content--top-start{left:0}.dd-menu__content--bottom-end,.dd-menu__content--top-end{right:0}.dd-menu__content--bottom,.dd-menu__content--top{left:50%;transform:translate(-50%) translateY(-8px)}.dd-menu__content--right{left:100%;top:0;margin-left:var(--dd-spacing-xs);margin-top:0}.dd-menu__content--left{right:100%;top:0;margin-right:var(--dd-spacing-xs);margin-top:0}.dd-menu__list{list-style:none;margin:0;padding:0}.dd-menu__item-wrapper{position:relative}.dd-menu__item{display:flex;align-items:center;gap:var(--dd-spacing-md);padding:var(--dd-spacing-md) var(--dd-spacing-lg);border-radius:var(--dd-radius-sm);cursor:pointer;transition:var(--dd-transition);font-weight:var(--dd-font-weight-normal);-webkit-user-select:none;user-select:none;color:var(--dd-text);min-height:40px}.dd-menu__item:hover:not(.dd-menu__item--disabled){background:var(--dd-bg-hover);color:var(--dd-text)}.dd-menu__item:active:not(.dd-menu__item--disabled){background:var(--dd-bg-active);transform:translateY(.5px)}.dd-menu__item--active{background:var(--dd-bg-active);color:var(--dd-accent);font-weight:var(--dd-font-weight-medium)}.dd-menu__item--disabled{opacity:.4;cursor:not-allowed;color:var(--dd-text-muted)}.dd-menu__item--has-children{position:relative}.dd-menu__item--nested{padding-left:var(--dd-spacing-xl)}.dd-menu__item-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;font-size:16px}.dd-menu__item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-menu__item-link{color:inherit;text-decoration:none;display:block;width:100%}.dd-menu__item-link:hover{color:inherit;text-decoration:none}.dd-menu__item-arrow{display:flex;align-items:center;opacity:.6;transition:var(--dd-transition)}.dd-menu__item--has-children:hover .dd-menu__item-arrow{opacity:1}.dd-menu__submenu{position:absolute;left:100%;top:0;z-index:1001;min-width:180px;background:var(--dd-bg);border:1px solid var(--dd-border);border-radius:var(--dd-radius-lg);box-shadow:var(--dd-shadow-lg);padding:var(--dd-spacing-sm);margin-left:0;list-style:none;margin-top:0;margin-bottom:0;opacity:0;visibility:hidden;transform:translate(0);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;pointer-events:none;color:var(--dd-text)}.dd-menu__submenu--open{opacity:1;visibility:visible;transform:translate(0);pointer-events:auto}.dd-menu__submenu .dd-menu__item{padding:var(--dd-spacing-sm)}.dd-menu--navbar{display:block;position:relative}.dd-menu--navbar .dd-menu__trigger{background:transparent;border:none;border-radius:var(--dd-radius-sm);padding:var(--dd-spacing-md) var(--dd-spacing-lg);font-weight:var(--dd-font-weight-medium);min-height:40px;color:var(--dd-text)}.dd-menu--navbar .dd-menu__trigger:hover{background:var(--dd-bg-hover);color:var(--dd-text)}.dd-menu--navbar .dd-menu__trigger:focus{background:var(--dd-bg-hover);box-shadow:none}.dd-menu--navbar .dd-menu__content{margin-top:var(--dd-spacing-md);border-radius:var(--dd-radius-md);min-width:200px;color:var(--dd-text)}.dd-menu--navbar .dd-menu__item{padding:var(--dd-spacing-md) var(--dd-spacing-lg);border-radius:var(--dd-radius-sm)}.dd-menu--sidebar{display:block;width:100%}.dd-menu--sidebar .dd-menu__trigger{width:100%;justify-content:space-between;background:rgba(var(--dd-bg-rgb),.05);border:1px solid rgba(var(--dd-border-rgb),.2);border-radius:var(--dd-radius-sm);text-align:left;padding:var(--dd-spacing-md) var(--dd-spacing-lg);font-weight:var(--dd-font-weight-medium);transition:var(--dd-transition);color:var(--dd-text)}.dd-menu--sidebar .dd-menu__trigger:hover{background:var(--dd-bg-hover);border-color:var(--dd-border)}.dd-menu--sidebar .dd-menu__trigger:focus{background:var(--dd-bg-hover);border-color:var(--dd-accent);box-shadow:0 0 0 2px rgba(var(--dd-accent-rgb),.1)}.dd-menu--sidebar .dd-menu__content{position:static;width:100%;background:rgba(var(--dd-bg-rgb),.02);border:1px solid rgba(var(--dd-border-rgb),.08);border-radius:var(--dd-radius-md);box-shadow:none;margin:var(--dd-spacing-xs) 0 0 0;padding:var(--dd-spacing-sm);animation:none;opacity:1;transform:none}.dd-menu--sidebar .dd-menu__item{padding:var(--dd-spacing-md) var(--dd-spacing-lg);border-radius:var(--dd-radius-sm);margin-bottom:2px;background:transparent;border:0;transition:all .15s ease}.dd-menu--sidebar .dd-menu__item:hover{background:var(--dd-bg-hover)}.dd-menu--sidebar .dd-menu__submenu{position:static;min-width:auto;background:transparent;border:0;box-shadow:none;margin:var(--dd-spacing-xs) 0 0 var(--dd-spacing-2xl);opacity:0;visibility:hidden;transform:none;padding:0;pointer-events:none;max-height:0;overflow:hidden;transition:all .2s ease}.dd-menu--sidebar .dd-menu__submenu--open{opacity:1;visibility:visible;pointer-events:auto;max-height:500px}.dd-menu--sidebar .dd-menu__submenu--level-2{margin-left:calc(var(--dd-spacing-2xl) + var(--dd-spacing-lg))}.dd-menu--sidebar .dd-menu__submenu--level-3{margin-left:calc(var(--dd-spacing-2xl) + var(--dd-spacing-lg) * 2)}.dd-menu--sidebar .dd-menu__submenu--level-4{margin-left:calc(var(--dd-spacing-2xl) + var(--dd-spacing-lg) * 3)}.dd-menu--sidebar .dd-menu__submenu--level-5{margin-left:calc(var(--dd-spacing-2xl) + var(--dd-spacing-lg) * 4)}.dd-menu--sidebar .dd-menu__submenu--level-2,.dd-menu--sidebar .dd-menu__submenu--level-3,.dd-menu--sidebar .dd-menu__submenu--level-4,.dd-menu--sidebar .dd-menu__submenu--level-5{position:static;min-width:auto;background:transparent;border:0;box-shadow:none;opacity:0;visibility:hidden;transform:none;padding:0;pointer-events:none;max-height:0;overflow:hidden;transition:all .2s ease}.dd-menu--sidebar .dd-menu__submenu--level-2.dd-menu__submenu--open,.dd-menu--sidebar .dd-menu__submenu--level-3.dd-menu__submenu--open,.dd-menu--sidebar .dd-menu__submenu--level-4.dd-menu__submenu--open,.dd-menu--sidebar .dd-menu__submenu--level-5.dd-menu__submenu--open{opacity:1;visibility:visible;pointer-events:auto;max-height:500px}@media (max-width: 768px){.dd-menu__content{min-width:100vw;left:50%!important;right:auto!important;transform:translate(-50%)!important;border-radius:var(--dd-radius-lg) var(--dd-radius-lg) 0 0;position:fixed;bottom:0;top:auto!important;margin:0;max-height:70vh;overflow-y:auto}.dd-menu__item{padding:var(--dd-spacing-lg);font-size:var(--dd-font-size-lg)}.dd-menu__submenu{position:static;background:var(--dd-bg-hover);border:none;box-shadow:none;margin:var(--dd-spacing-sm) 0 0 var(--dd-spacing-lg);opacity:1;visibility:visible;transform:none}}.dd-menu__item:focus-visible{outline:2px solid var(--dd-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.dd-menu__content,.dd-menu__submenu,.dd-menu__trigger svg,.dd-menu__item{animation:none!important;transition:none!important}}@media (prefers-contrast: high){.dd-menu{--dd-border: #000000;--dd-shadow: 0 0 0 1px #000000}}.dd-menu__item--hovering{background:var(--dd-bg-hover);color:var(--dd-text)}.dd-menu__submenu{margin-left:0}.dd-menu__submenu{transition:opacity .15s ease,visibility .15s ease,transform .15s ease}.dd-menu--sidebar .dd-menu__item-arrow svg{transition:transform .2s ease}.dd-menu__item:focus-visible{outline:2px solid var(--dd-accent);outline-offset:-2px;background:var(--dd-bg-hover)}.dd-menu--xs{--dd-font-size: var(--dd-font-size-xs)}.dd-menu--sm{--dd-font-size: var(--dd-font-size-sm)}.dd-menu--md{--dd-font-size: var(--dd-font-size-md)}.dd-menu--lg{--dd-font-size: var(--dd-font-size-lg)}.dd-menu--xl{--dd-font-size: var(--dd-font-size-xl)}.dd-menu--2xl{--dd-font-size: var(--dd-font-size-2xl)}.dd-searchable{position:relative;display:inline-block;width:100%;max-width:320px}.dd-searchable__input-wrapper{position:relative;display:flex;align-items:center}.dd-searchable__input{width:100%;padding:var(--dd-spacing-md) var(--dd-spacing-xl);padding-right:calc(var(--dd-spacing-xl) * 3);font-size:var(--dd-font-size-md);font-weight:var(--dd-font-weight-normal);line-height:1.5;color:var(--dd-text);background:var(--dd-bg);border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);outline:none;transition:var(--dd-transition)}.dd-searchable__input:focus{border-color:var(--dd-accent);box-shadow:0 0 0 3px rgba(var(--dd-accent-rgb),.1)}.dd-searchable__input::placeholder{color:var(--dd-text-light)}.dd-searchable__clear{position:absolute;right:calc(var(--dd-spacing-xl) + 20px);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--dd-text-muted);cursor:pointer;padding:2px;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:12px;transition:var(--dd-transition)}.dd-searchable__clear:hover{color:var(--dd-text);background:var(--dd-bg-hover)}.dd-searchable__arrow{position:absolute;right:var(--dd-spacing-md);top:50%;transform:translateY(-50%);color:var(--dd-text-muted);pointer-events:none;transition:var(--dd-transition)}.dd-searchable--open .dd-searchable__arrow{transform:translateY(-50%) rotate(180deg)}.dd-searchable__dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;margin-top:4px;background:var(--dd-bg);border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);box-shadow:var(--dd-shadow-lg);overflow:hidden;overflow-y:auto}.dd-searchable__list{list-style:none;margin:0;padding:var(--dd-spacing-xs) 0}.dd-searchable__no-results{padding:var(--dd-spacing-xl);text-align:center;color:var(--dd-text-muted);font-size:var(--dd-font-size-sm)}.dd-searchable__custom-option{display:block;width:100%;margin-top:var(--dd-spacing-md);padding:var(--dd-spacing-sm) var(--dd-spacing-md);background:var(--dd-accent);color:#fff;border:none;border-radius:var(--dd-radius-sm);cursor:pointer;font-size:var(--dd-font-size-sm);transition:var(--dd-transition)}.dd-searchable__custom-option:hover{background:var(--dd-accent-hover)}.dd-searchable--minimal .dd-searchable__input{border:none;border-bottom:1px solid var(--dd-border);border-radius:0;background:transparent}.dd-searchable--minimal .dd-searchable__input:focus{border-bottom-color:var(--dd-accent);box-shadow:none}.dd-searchable--outlined .dd-searchable__input{border-width:2px}.dd-searchable--filled .dd-searchable__input{background:var(--dd-bg-hover);border:1px solid transparent}.dd-searchable--filled .dd-searchable__input:focus{background:var(--dd-bg);border-color:var(--dd-accent)}.dd-searchable--xs .dd-searchable__input{padding:var(--dd-spacing-xs) var(--dd-spacing-md);padding-right:calc(var(--dd-spacing-md) * 3);font-size:var(--dd-font-size-xs)}.dd-searchable--sm .dd-searchable__input{padding:var(--dd-spacing-sm) var(--dd-spacing-lg);padding-right:calc(var(--dd-spacing-lg) * 3);font-size:var(--dd-font-size-sm)}.dd-searchable--md .dd-searchable__input{padding:var(--dd-spacing-md) var(--dd-spacing-xl);padding-right:calc(var(--dd-spacing-xl) * 3);font-size:var(--dd-font-size-md)}.dd-searchable--lg .dd-searchable__input{padding:var(--dd-spacing-lg) var(--dd-spacing-xl);padding-right:calc(var(--dd-spacing-xl) * 3);font-size:var(--dd-font-size-lg)}.dd-searchable--xl .dd-searchable__input{padding:var(--dd-spacing-xl) var(--dd-spacing-2xl);padding-right:calc(var(--dd-spacing-2xl) * 3);font-size:var(--dd-font-size-xl)}.dd-searchable--2xl .dd-searchable__input{padding:var(--dd-spacing-2xl) calc(var(--dd-spacing-2xl) * 1.5);padding-right:calc(var(--dd-spacing-2xl) * 3.5);font-size:var(--dd-font-size-2xl)}.dd-searchable--disabled .dd-searchable__input{background:var(--dd-bg-active);color:var(--dd-text-light);cursor:not-allowed}.dd-searchable--disabled .dd-searchable__clear,.dd-searchable--disabled .dd-searchable__arrow{color:var(--dd-text-light);cursor:not-allowed}.dd-searchable--light,[data-theme=light] .dd-searchable{--dd-text: #111827;--dd-text-muted: #6b7280;--dd-text-light: #9ca3af;--dd-bg: #ffffff;--dd-bg-hover: #f9fafb;--dd-bg-active: #f3f4f6;--dd-border: #e5e7eb;--dd-border-light: #f3f4f6;--dd-shadow: 0 1px 2px rgba(16, 24, 40, .05);--dd-shadow-md: 0 4px 8px -2px rgba(16, 24, 40, .1), 0 2px 4px -2px rgba(16, 24, 40, .06);--dd-shadow-lg: 0 12px 16px -4px rgba(16, 24, 40, .08), 0 4px 6px -2px rgba(16, 24, 40, .03);--dd-accent: #1570ef;--dd-accent-hover: #1366d6;--dd-bg-rgb: 255, 255, 255;--dd-border-rgb: 229, 231, 235;--dd-accent-rgb: 21, 112, 239}@media (prefers-color-scheme: light){.dd-searchable--auto{--dd-text: #111827;--dd-text-muted: #6b7280;--dd-text-light: #9ca3af;--dd-bg: #ffffff;--dd-bg-hover: #f9fafb;--dd-bg-active: #f3f4f6;--dd-border: #e5e7eb;--dd-border-light: #f3f4f6;--dd-shadow: 0 1px 2px rgba(16, 24, 40, .05);--dd-shadow-md: 0 4px 8px -2px rgba(16, 24, 40, .1), 0 2px 4px -2px rgba(16, 24, 40, .06);--dd-shadow-lg: 0 12px 16px -4px rgba(16, 24, 40, .08), 0 4px 6px -2px rgba(16, 24, 40, .03);--dd-accent: #1570ef;--dd-accent-hover: #1366d6;--dd-bg-rgb: 255, 255, 255;--dd-border-rgb: 229, 231, 235;--dd-accent-rgb: 21, 112, 239}}.dd-searchable--dark,[data-theme=dark] .dd-searchable{--dd-text: #ffffff;--dd-text-muted: #a1a1aa;--dd-text-light: #71717a;--dd-bg: #18181b;--dd-bg-hover: #27272a;--dd-bg-active: #3f3f46;--dd-border: #3f3f46;--dd-border-light: #52525b;--dd-shadow: 0 1px 2px rgba(0, 0, 0, .3);--dd-shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .2);--dd-shadow-lg: 0 12px 16px -4px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .2);--dd-accent: #60a5fa;--dd-accent-hover: #3b82f6;--dd-bg-rgb: 24, 24, 27;--dd-border-rgb: 63, 63, 70;--dd-accent-rgb: 96, 165, 250}@media (prefers-color-scheme: dark){.dd-searchable--auto{--dd-text: #ffffff;--dd-text-muted: #a1a1aa;--dd-text-light: #71717a;--dd-bg: #18181b;--dd-bg-hover: #27272a;--dd-bg-active: #3f3f46;--dd-border: #3f3f46;--dd-border-light: #52525b;--dd-shadow: 0 1px 2px rgba(0, 0, 0, .3);--dd-shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .2);--dd-shadow-lg: 0 12px 16px -4px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .2);--dd-accent: #60a5fa;--dd-accent-hover: #3b82f6;--dd-bg-rgb: 24, 24, 27;--dd-border-rgb: 63, 63, 70;--dd-accent-rgb: 96, 165, 250}}.dd-searchable--dark .dd-searchable__input,[data-theme=dark] .dd-searchable .dd-searchable__input{background:var(--dd-bg);border-color:var(--dd-border);color:var(--dd-text)}@media (prefers-color-scheme: dark){.dd-searchable--auto .dd-searchable__input{background:var(--dd-bg);border-color:var(--dd-border);color:var(--dd-text)}}.dd-searchable--dark .dd-searchable__input::placeholder,[data-theme=dark] .dd-searchable .dd-searchable__input::placeholder{color:var(--dd-text-light)}@media (prefers-color-scheme: dark){.dd-searchable--auto .dd-searchable__input::placeholder{color:var(--dd-text-light)}}.dd-searchable--dark .dd-searchable__dropdown,[data-theme=dark] .dd-searchable .dd-searchable__dropdown{background:var(--dd-bg);border-color:var(--dd-border);box-shadow:var(--dd-shadow-lg)}@media (prefers-color-scheme: dark){.dd-searchable--auto .dd-searchable__dropdown{background:var(--dd-bg);border-color:var(--dd-border);box-shadow:var(--dd-shadow-lg)}}.dd-searchable--dark .dd-searchable__clear,.dd-searchable--dark .dd-searchable__arrow,[data-theme=dark] .dd-searchable .dd-searchable__clear,[data-theme=dark] .dd-searchable .dd-searchable__arrow{color:var(--dd-text-muted)}@media (prefers-color-scheme: dark){.dd-searchable--auto .dd-searchable__clear,.dd-searchable--auto .dd-searchable__arrow{color:var(--dd-text-muted)}}.dd-searchable--dark .dd-searchable__clear:hover,[data-theme=dark] .dd-searchable .dd-searchable__clear:hover{color:var(--dd-text);background:var(--dd-bg-hover)}@media (prefers-color-scheme: dark){.dd-searchable--auto .dd-searchable__clear:hover{color:var(--dd-text);background:var(--dd-bg-hover)}}.dd-searchable--dark .dd-searchable__no-results,[data-theme=dark] .dd-searchable .dd-searchable__no-results{color:var(--dd-text-muted)}@media (prefers-color-scheme: dark){.dd-searchable--auto .dd-searchable__no-results{color:var(--dd-text-muted)}}.dd-menu-item--highlighted{background:var(--dd-bg-hover);color:var(--dd-text)}.button-component{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;border-radius:var(--theme-radius-md);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:var(--theme-font-size-sm);font-weight:var(--theme-font-weight-semibold);gap:var(--theme-spacing-2);justify-content:center;letter-spacing:.025em;min-height:44px;outline:none;overflow:hidden;padding:var(--theme-spacing-3) var(--theme-spacing-6);position:relative;text-decoration:none;transition:var(--theme-transition-all-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.button-component:focus{box-shadow:var(--theme-shadow-focus),var(--theme-shadow-md);transform:translateY(-1px)}.button-component:disabled{cursor:not-allowed;filter:grayscale(.3);opacity:.5;pointer-events:none}.button-component-xs{min-height:32px;padding:var(--theme-spacing-1-5) var(--theme-spacing-3)}.button-component-sm,.button-component-xs{border-radius:var(--theme-radius-sm);font-size:var(--theme-font-size-xs)}.button-component-sm{min-height:36px;padding:var(--theme-spacing-2) var(--theme-spacing-4)}.button-component-md{border-radius:var(--theme-radius-md);font-size:var(--theme-font-size-sm);min-height:44px;padding:var(--theme-spacing-3) var(--theme-spacing-6)}.button-component-lg{border-radius:var(--theme-radius-lg);font-size:var(--theme-font-size-base);min-height:52px;padding:var(--theme-spacing-4) var(--theme-spacing-8)}.button-component-xl{border-radius:var(--theme-radius-xl);font-size:var(--theme-font-size-lg);min-height:60px;padding:var(--theme-spacing-5) var(--theme-spacing-10)}.button-component-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 14px #3b82f640,0 1px 3px #0000001a,inset 0 1px #ffffff1a;color:#fff}.button-component-primary:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.4,0,.2,1);width:100%}.button-component-primary:hover:before{left:100%}.button-component-primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 8px 25px #3b82f659,0 4px 12px #00000026,inset 0 1px #ffffff26;transform:translateY(-2px)}.button-component-primary:active{box-shadow:0 4px 12px #3b82f64d,0 1px 3px #0003,inset 0 1px #ffffff1a;transform:translateY(-1px)}.button-component-secondary{background:linear-gradient(135deg,#06b6d4,#0891b2);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 14px #06b6d440,0 1px 3px #0000001a,inset 0 1px #ffffff1a;color:#fff}.button-component-secondary:hover{background:linear-gradient(135deg,#0891b2,#0e7490);box-shadow:0 8px 25px #06b6d459,0 4px 12px #00000026,inset 0 1px #ffffff26;transform:translateY(-2px)}.button-component-success{background:linear-gradient(135deg,#10b981,#059669);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 14px #10b98140,0 1px 3px #0000001a,inset 0 1px #ffffff1a;color:#fff}.button-component-success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px #10b98159,0 4px 12px #00000026,inset 0 1px #ffffff26;transform:translateY(-2px)}.button-component-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 14px #ef444440,0 1px 3px #0000001a,inset 0 1px #ffffff1a;color:#fff}.button-component-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 25px #ef444459,0 4px 12px #00000026,inset 0 1px #ffffff26;transform:translateY(-2px)}.button-component-warning{background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 14px #f59e0b40,0 1px 3px #0000001a,inset 0 1px #ffffff1a;color:#fff}.button-component-warning:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 25px #f59e0b59,0 4px 12px #00000026,inset 0 1px #ffffff26;transform:translateY(-2px)}.button-component-info{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 14px #3b82f640,0 1px 3px #0000001a,inset 0 1px #ffffff1a;color:#fff}.button-component-info:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 25px #3b82f659,0 4px 12px #00000026,inset 0 1px #ffffff26;transform:translateY(-2px)}.button-component-outline{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1.5px solid hsla(0,0%,100%,.2);color:var(--text-color)}.button-component-outline:hover{background:rgba(59,130,246,.1);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626,0 1px 3px #0000001a;color:#3b82f6;transform:translateY(-1px)}.button-component-outline-primary{background:rgba(59,130,246,.05);border:1.5px solid #3b82f6;color:#3b82f6}.button-component-outline-primary:hover{background:#3b82f6;box-shadow:0 8px 25px #3b82f64d,0 4px 12px #00000026;color:#fff;transform:translateY(-2px)}.button-component-outline-secondary{background:transparent;border:2px solid var(--secondary-color);color:var(--secondary-color)}.button-component-outline-secondary:hover{background:var(--secondary-color);box-shadow:0 6px 20px #0594b84d;color:var(--inverse-color);transform:translateY(-2px)}.button-component-outline-success{background:transparent;border:2px solid var(--success-color);color:var(--success-color)}.button-component-outline-success:hover{background:var(--success-color);box-shadow:0 6px 20px #15793e4d;color:var(--inverse-color);transform:translateY(-2px)}.button-component-outline-danger{background:transparent;border:2px solid var(--error-color);color:var(--error-color)}.button-component-outline-danger:hover{background:var(--error-color);box-shadow:0 6px 20px #e74c3c4d;color:var(--inverse-color);transform:translateY(-2px)}.button-component-outline-warning{background:transparent;border:2px solid var(--warning-color);color:var(--warning-color-dark)}.button-component-outline-warning:hover{background:var(--warning-color);box-shadow:0 6px 20px #fcd6404d;color:var(--text-color);transform:translateY(-2px)}.button-component-outline-info{background:transparent;border:2px solid var(--info-color);color:var(--info-color)}.button-component-outline-info:hover{background:var(--info-color);box-shadow:0 6px 20px #64befa4d;color:var(--inverse-color);transform:translateY(-2px)}.button-component-ghost{background:transparent;border:1px solid transparent;color:var(--text-color)}.button-component-ghost:hover{background:rgba(59,130,246,.08);border-color:#3b82f633;box-shadow:0 2px 8px #3b82f61a;color:#3b82f6;transform:translateY(-1px)}.button-component-ghost-primary{background:transparent;border:1px solid transparent;color:#3b82f6}.button-component-ghost-primary:hover{background:rgba(59,130,246,.08);border-color:#3b82f633;color:#3b82f6;transform:translateY(-1px)}.button-component-loading{color:transparent;pointer-events:none;position:relative}.button-component-loading:after{animation:button-loading-spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:currentcolor;content:"";height:18px;left:50%;margin-left:-9px;margin-top:-9px;position:absolute;top:50%;width:18px}@keyframes button-loading-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.button-component-group{display:inline-flex;vertical-align:middle}.button-component-group>.button-component{border-radius:0;border-right-width:0}.button-component-group>.button-component:first-child{border-bottom-left-radius:var(--theme-radius-md);border-top-left-radius:var(--theme-radius-md)}.button-component-group>.button-component:last-child{border-bottom-right-radius:var(--theme-radius-md);border-right-width:2px;border-top-right-radius:var(--theme-radius-md)}.button-component-group>.button-component:hover{position:relative;z-index:1}.button-component-icon-left{flex-direction:row}.button-component-icon-right{flex-direction:row-reverse}.button-component-icon-only{min-width:44px;padding:var(--theme-spacing-3)}.button-component-icon-only.button-component-xs{min-width:32px;padding:var(--theme-spacing-1-5)}.button-component-icon-only.button-component-sm{min-width:36px;padding:var(--theme-spacing-2)}.button-component-icon-only.button-component-lg{min-width:52px;padding:var(--theme-spacing-4)}.button-component-icon-only.button-component-xl{min-width:60px;padding:var(--theme-spacing-5)}.button-component-icon{align-items:center;display:inline-flex;font-size:1em;justify-content:center;line-height:1;min-width:1em}.button-component-text{align-items:center;display:inline-flex;white-space:nowrap}.button-component-block{display:flex;width:100%}.button-component-fab{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.1);border-radius:50%;bottom:var(--theme-spacing-6);box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014,0 2px 8px #0000000a;height:56px;padding:0;position:fixed;right:var(--theme-spacing-6);width:56px;z-index:1000}.button-component-fab:hover{box-shadow:0 12px 40px #00000026,0 6px 20px #0000001a,0 3px 12px #0000000d;transform:scale(1.05) translateY(-2px)}@media (max-width:768px){.button-component{font-size:var(--theme-font-size-xs);min-height:40px;padding:var(--theme-spacing-2-5) var(--theme-spacing-5)}.button-component-lg{font-size:var(--theme-font-size-sm);min-height:48px;padding:var(--theme-spacing-3-5) var(--theme-spacing-7)}.button-component-xl{font-size:var(--theme-font-size-base);min-height:52px;padding:var(--theme-spacing-4) var(--theme-spacing-8)}.button-component-fab{bottom:var(--theme-spacing-4);height:48px;right:var(--theme-spacing-4);width:48px}}[data-theme=dark] .button-component-outline{border-color:var(--border-color);color:var(--text-color)}[data-theme=dark] .button-component-outline:hover{background:var(--hover-bg);border-color:var(--primary-color)}[data-theme=dark] .button-component-ghost:hover{background:var(--hover-bg)}@media (prefers-contrast:high){.button-component{border-width:2px;font-weight:700}.button-component:focus{box-shadow:0 0 0 4px var(--primary-color-alpha),0 0 0 6px #000c}}@media (prefers-reduced-motion:reduce){.button-component{transition:var(--theme-transition-none)}.button-component:before{display:none}.button-component:hover{transform:none}.button-component-loading:after{animation:none}.button-component-fab:hover{transform:none}}.search-input-container{display:inline-block;position:relative;width:100%}.search-input-container:hover .search-input{border-color:var(--theme-color-primary)}.search-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-weight:var(--theme-font-weight-normal);letter-spacing:.01em;line-height:var(--theme-line-height-normal);outline:none;transition:all var(--theme-transition-fast)}.search-input::placeholder{color:var(--theme-color-text-secondary);font-style:italic;opacity:.7}.search-input:focus{border-color:var(--theme-color-primary)!important;box-shadow:0 0 0 2px var(--theme-color-primary-alpha)!important;outline:none}.search-input:disabled{background-color:var(--theme-color-background-secondary);color:var(--theme-color-text-secondary);cursor:not-allowed;opacity:.6}.clear-search-btn{align-items:center;background:none;border:none;border-radius:var(--theme-radius-full);color:var(--theme-color-error);cursor:pointer;display:flex;justify-content:center;padding:var(--theme-spacing-xs);transition:all var(--theme-transition-fast)}.clear-search-btn:hover{background-color:var(--theme-color-error);color:var(--theme-color-background)!important;transform:scale(1.1)}.clear-search-btn:focus{outline:2px solid var(--theme-color-primary);outline-offset:2px}.clear-search-btn:active{transform:scale(.95)}.search-icon{align-items:center;color:var(--theme-color-text-secondary);display:flex;justify-content:center;pointer-events:none}.filter-group{margin-bottom:var(--theme-spacing-md)}.search-input-container.search-type-default .search-input{border:1px solid var(--theme-color-border);border-radius:var(--theme-radius-md)}.search-input-container.search-type-compact .search-input{border-radius:var(--theme-radius-sm);font-size:var(--theme-font-size-sm)}.search-input-container.search-type-outlined .search-input{background-color:var(--theme-color-background-secondary);border:2px solid var(--theme-color-border);border-radius:var(--theme-radius-lg)}.search-input-container.search-type-minimal .search-input{background-color:transparent;border:none;border-bottom:2px solid var(--theme-color-border);border-radius:0}.search-input-container.search-type-minimal .search-input:focus{border-bottom-color:var(--theme-color-primary)!important;box-shadow:0 2px 0 0 var(--theme-color-primary-alpha)!important}@media (max-width:640px){.search-input-container{max-width:none;width:100%}.search-input{font-size:var(--theme-font-size-base);padding:var(--theme-spacing-sm) var(--theme-spacing-md)}.clear-search-btn,.search-icon{height:var(--theme-spacing-lg);width:var(--theme-spacing-lg)}}[data-theme=dark] .search-input{background-color:var(--theme-color-background-secondary);border-color:var(--theme-color-border);color:var(--theme-color-text)}[data-theme=dark] .search-input::placeholder{color:var(--theme-color-text-secondary);opacity:.8}[data-theme=dark] .clear-search-btn:hover{background-color:var(--theme-color-error);color:var(--theme-color-background)}[data-theme=dark] .search-icon{color:var(--theme-color-text-secondary)}@media (prefers-contrast:high){.search-input{border-color:var(--theme-color-text);border-width:2px}.search-input:focus{border-color:var(--theme-color-primary);box-shadow:0 0 0 3px var(--theme-color-primary-alpha)}.clear-search-btn{border:1px solid var(--theme-color-error)}}@media (prefers-reduced-motion:reduce){.clear-search-btn,.search-icon,.search-input{transition:none}.clear-search-btn:active,.clear-search-btn:hover{transform:none}}.search-input-container.loading .search-input{animation:shimmer 1.5s infinite;background-image:linear-gradient(90deg,transparent,var(--theme-color-primary-alpha),transparent);background-size:200% 100%}.search-input-container.error .search-input{border-color:var(--theme-color-error);box-shadow:0 0 0 2px var(--theme-color-error-alpha,rgba(220,38,38,.1))}.search-input-container.success .search-input{border-color:var(--theme-color-success);box-shadow:0 0 0 2px var(--theme-color-success-alpha,rgba(21,121,62,.1))}.search-input-container:focus-within{z-index:10}.clear-search-btn svg,.search-icon svg{transition:all var(--theme-transition-fast)}.clear-search-btn:hover svg{transform:rotate(90deg)}.search-suggestions{background:var(--theme-color-background);border:1px solid var(--theme-color-border);border-radius:0 0 var(--theme-radius-md) var(--theme-radius-md);border-top:none;box-shadow:var(--theme-shadow-lg);left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.search-suggestion-item{border-bottom:1px solid var(--theme-color-border);cursor:pointer;padding:var(--theme-spacing-sm) var(--theme-spacing-md);transition:background-color var(--theme-transition-fast)}.search-suggestion-item.highlighted,.search-suggestion-item:hover{background-color:var(--theme-color-primary);color:var(--theme-color-background)}.search-suggestion-item:last-child{border-bottom:none}.dropdown-container{display:inline-block;position:relative}.dropdown-container:hover .filter-select{border-color:var(--theme-color-primary)}.filter-select{font-family:inherit;font-weight:var(--theme-font-weight-normal);letter-spacing:.01em;line-height:var(--theme-line-height-normal);outline:none}.filter-select:focus{border-color:var(--theme-color-primary)!important;box-shadow:0 0 0 2px var(--theme-color-primary-alpha)!important;outline:none}.filter-select:disabled{background-color:var(--theme-color-background-secondary);color:var(--theme-color-text-secondary);cursor:not-allowed;opacity:.6}.filter-select option{font-size:inherit;line-height:1.4;padding:var(--theme-spacing-sm) var(--theme-spacing-md)}.filter-select option:hover{background-color:var(--theme-color-primary);color:var(--theme-color-background)}.filter-group{display:flex;flex-direction:column;gap:var(--theme-spacing-xs)}@media (max-width:640px){.dropdown-container{max-width:none;width:100%}.filter-select{font-size:var(--theme-font-size-base);padding:var(--theme-spacing-sm) var(--theme-spacing-md);padding-right:var(--theme-spacing-xl)}}[data-theme=dark] .filter-select{border-color:var(--theme-color-border)}[data-theme=dark] .filter-select,[data-theme=dark] .filter-select option{background-color:var(--theme-color-background-secondary);color:var(--theme-color-text)}@media (prefers-contrast:high){.filter-select{border-color:var(--theme-color-text);border-width:2px}.filter-select:focus{border-color:var(--theme-color-primary);box-shadow:0 0 0 3px var(--theme-color-primary-alpha)}}@media (prefers-reduced-motion:reduce){.dropdown-container:hover .filter-select,.filter-select{transition:none}}.input-field-container{display:flex;flex-direction:column;gap:var(--theme-spacing-xs);max-width:400px;position:relative;width:100%}.input-field-full-width{max-width:none}.input-field-label{color:var(--theme-color-text);display:block;font-size:var(--theme-font-size-sm);font-weight:var(--theme-font-weight-medium);line-height:var(--theme-line-height-tight);margin-bottom:var(--theme-spacing-xs)}.input-field-required{color:var(--theme-color-error);margin-left:var(--theme-spacing-0-5)}.input-field-wrapper{align-items:center;display:flex;position:relative}.input-field{background-color:var(--theme-color-background);box-sizing:border-box;color:var(--theme-color-text);font-family:inherit;font-weight:var(--theme-font-weight-normal);letter-spacing:.01em;line-height:var(--theme-line-height-normal);outline:none;transition:all var(--theme-transition-fast);width:100%}.input-field::placeholder{color:var(--theme-color-text-secondary);font-style:italic;opacity:.7}.input-field:focus{outline:none}.input-field:disabled{background-color:var(--theme-color-background-secondary);color:var(--theme-color-text-secondary);cursor:not-allowed;opacity:.6}.input-field:read-only{background-color:var(--theme-color-background-secondary);cursor:default}.input-field-textarea{font-family:inherit;line-height:1.5;resize:vertical}.input-field-no-resize{resize:none}.input-field-size-sm .input-field{font-size:var(--theme-font-size-xs);min-height:32px;padding:var(--theme-spacing-1-5) var(--theme-spacing-3)}.input-field-size-md .input-field{font-size:var(--theme-font-size-sm);min-height:40px;padding:var(--theme-spacing-2-5) var(--theme-spacing-4)}.input-field-size-lg .input-field{font-size:var(--theme-font-size-base);min-height:48px;padding:var(--theme-spacing-3-5) var(--theme-spacing-5)}.input-field-default .input-field{border:1px solid var(--theme-color-border);border-radius:var(--theme-radius-md);box-shadow:var(--theme-shadow-sm)}.input-field-default:hover .input-field{border-color:var(--theme-color-primary)}.input-field-default.input-field-focused .input-field{border-color:var(--theme-color-primary);box-shadow:0 0 0 3px var(--theme-color-primary-alpha)}.input-field-compact .input-field{border:1px solid var(--theme-color-border);border-radius:var(--theme-radius-sm);box-shadow:none}.input-field-compact .input-field-size-sm .input-field{font-size:var(--theme-font-size-xs);min-height:28px;padding:var(--theme-spacing-1) var(--theme-spacing-2)}.input-field-compact .input-field-size-md .input-field{font-size:var(--theme-font-size-xs);min-height:32px;padding:var(--theme-spacing-1-5) var(--theme-spacing-3)}.input-field-compact .input-field-size-lg .input-field{font-size:var(--theme-font-size-sm);min-height:36px;padding:var(--theme-spacing-2) var(--theme-spacing-4)}.input-field-compact:hover .input-field{border-color:var(--theme-color-primary)}.input-field-compact.input-field-focused .input-field{border-color:var(--theme-color-primary);box-shadow:0 0 0 2px var(--theme-color-primary-alpha)}.input-field-outlined .input-field{background-color:var(--theme-color-background);border:2px solid var(--theme-color-border);border-radius:var(--theme-radius-lg);box-shadow:var(--theme-shadow-sm)}.input-field-outlined:hover .input-field{border-color:var(--theme-color-primary);box-shadow:var(--theme-shadow-md)}.input-field-outlined.input-field-focused .input-field{border-color:var(--theme-color-primary);box-shadow:0 0 0 3px var(--theme-color-primary-alpha),var(--theme-shadow-md);transform:translateY(-1px)}.input-field-minimal .input-field{background-color:transparent;border:none;border-bottom:2px solid var(--theme-color-border);border-radius:0;box-shadow:none;padding-left:0;padding-right:0}.input-field-minimal.input-field-with-icon.input-field-icon-left .input-field{padding-left:3rem}.input-field-minimal.input-field-with-icon.input-field-icon-right .input-field{padding-right:3rem}.input-field-minimal:hover .input-field{border-bottom-color:var(--theme-color-primary)}.input-field-minimal.input-field-focused .input-field{border-bottom-color:var(--theme-color-primary);box-shadow:0 2px 0 0 var(--theme-color-primary-alpha)}.input-field-with-icon.input-field-icon-left .input-field{padding-left:3rem}.input-field-with-icon.input-field-icon-right .input-field{padding-right:3rem}.input-field-icon{align-items:center;color:var(--theme-color-text-secondary);display:flex;justify-content:center;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.input-field-icon-left{left:1rem}.input-field-icon-right{right:1rem}.input-field-size-sm.input-field-with-icon.input-field-icon-left .input-field{padding-left:2.5rem}.input-field-size-sm.input-field-with-icon.input-field-icon-right .input-field{padding-right:2.5rem}.input-field-size-sm .input-field-icon-left{left:.75rem}.input-field-size-sm .input-field-icon-right{right:.75rem}.input-field-size-lg.input-field-with-icon.input-field-icon-left .input-field{padding-left:3.5rem}.input-field-size-lg.input-field-with-icon.input-field-icon-right .input-field{padding-right:3.5rem}.input-field-size-lg .input-field-icon-left{left:1.25rem}.input-field-size-lg .input-field-icon-right{right:1.25rem}.input-field-focused .input-field-icon{color:var(--theme-color-primary)}.input-field-error .input-field{border-color:var(--theme-color-error)!important;box-shadow:0 0 0 3px #dc26261a!important}.input-field-error .input-field-icon{color:var(--theme-color-error)}.input-field-success .input-field{border-color:var(--theme-color-success)!important;box-shadow:0 0 0 3px #15803d1a!important}.input-field-success .input-field-icon{color:var(--theme-color-success)}.input-field-loading{position:relative}.input-field-loading-spinner{position:absolute;right:var(--theme-spacing-3);top:50%;transform:translateY(-50%);z-index:2}.spinner{animation:spin 1s linear infinite;border-top:2px solid var(--theme-color-border);border:2px solid var(--theme-color-border);border-radius:50%;border-top-color:var(--theme-color-primary);height:16px;width:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.input-field-footer{align-items:flex-start;display:flex;gap:var(--theme-spacing-2);justify-content:space-between;min-height:20px}.input-field-error-text{color:var(--theme-color-error);font-weight:var(--theme-font-weight-medium)}.input-field-error-text,.input-field-helper-text{flex:1;font-size:var(--theme-font-size-xs);line-height:var(--theme-line-height-tight)}.input-field-character-count,.input-field-helper-text{color:var(--theme-color-text-secondary)}.input-field-character-count{font-size:var(--theme-font-size-xs);font-weight:var(--theme-font-weight-medium);line-height:var(--theme-line-height-tight);white-space:nowrap}.input-field-disabled{opacity:.6;pointer-events:none}.input-field-disabled .input-field-label{color:var(--theme-color-text-secondary)}.input-field-readonly .input-field{background-color:var(--theme-color-background-secondary);cursor:default}@media (max-width:640px){.input-field-container{max-width:none}.input-field-size-sm .input-field{font-size:var(--theme-font-size-sm);min-height:36px}.input-field-size-md .input-field{font-size:var(--theme-font-size-base);min-height:44px}.input-field-size-lg .input-field{font-size:var(--theme-font-size-lg);min-height:52px}}[data-theme=dark] .input-field{background-color:var(--theme-color-background-secondary);border-color:var(--theme-color-border);color:var(--theme-color-text)}[data-theme=dark] .input-field::placeholder{color:var(--theme-color-text-secondary);opacity:.8}[data-theme=dark] .input-field:disabled{background-color:var(--theme-color-background);opacity:.5}@media (prefers-contrast:high){.input-field{border-width:2px}.input-field:focus{box-shadow:0 0 0 4px var(--theme-color-primary-alpha)}.input-field-error .input-field,.input-field-success .input-field{border-width:3px}}@media (prefers-reduced-motion:reduce){.input-field{transition:none}.spinner{animation:none}.input-field-outlined.input-field-focused .input-field{transform:none}}.input-field:focus-visible{outline:2px solid var(--theme-color-primary);outline-offset:2px}.input-field-error .input-field-error-text{font-weight:var(--theme-font-weight-semibold)}.input-field-loading .input-field{position:relative}.input-field-loading .input-field:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,transparent,var(--theme-color-primary-alpha),transparent);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.input-field-textarea.input-field{line-height:1.5;min-height:80px;padding-bottom:var(--theme-spacing-3);padding-top:var(--theme-spacing-3)}.input-field-size-sm .input-field-textarea.input-field{min-height:60px;padding-bottom:var(--theme-spacing-2);padding-top:var(--theme-spacing-2)}.input-field-size-lg .input-field-textarea.input-field{min-height:100px;padding-bottom:var(--theme-spacing-4);padding-top:var(--theme-spacing-4)}.input-field-switch-wrapper{align-items:center;cursor:pointer;display:flex;gap:var(--theme-spacing-3);-webkit-user-select:none;user-select:none}.input-field-switch{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--theme-color-border)!important;border:none!important;border-radius:12px!important;cursor:pointer!important;height:24px!important;margin:0!important;min-height:auto!important;outline:none!important;padding:0!important;position:relative!important;transition:all var(--theme-transition-fast)!important;width:44px!important}.input-field-switch:checked{background-color:var(--theme-color-primary)!important}.input-field-switch:before{background-color:#fff!important;border-radius:50%!important;box-shadow:var(--theme-shadow-sm)!important;content:""!important;height:20px!important;left:2px!important;position:absolute!important;top:2px!important;transition:all var(--theme-transition-fast)!important;width:20px!important}.input-field-switch:checked:before{transform:translate(20px)!important}.input-field-switch:focus-visible{outline:2px solid var(--theme-color-primary);outline-offset:2px}.input-field-switch:disabled{cursor:not-allowed;opacity:.5}.input-field-switch-label{color:var(--theme-color-text);font-size:var(--theme-font-size-sm);font-weight:var(--theme-font-weight-medium);transition:color var(--theme-transition-fast)}.input-field-size-sm .input-field-switch{border-radius:10px;height:20px;width:36px}.input-field-size-sm .input-field-switch:before{height:16px;left:2px;top:2px;width:16px}.input-field-size-sm .input-field-switch:checked:before{transform:translate(16px)}.input-field-size-lg .input-field-switch{border-radius:14px;height:28px;width:52px}.input-field-size-lg .input-field-switch:before{height:24px;left:2px;top:2px;width:24px}.input-field-size-lg .input-field-switch:checked:before{transform:translate(24px)}.input-field-outlined .input-field-switch{background-color:var(--theme-color-background);border:2px solid var(--theme-color-border)}.input-field-outlined .input-field-switch:checked{background-color:var(--theme-color-primary);border-color:var(--theme-color-primary)}.input-field-minimal .input-field-switch{background-color:transparent;border:2px solid var(--theme-color-border)}.input-field-minimal .input-field-switch:checked{background-color:transparent;border-color:var(--theme-color-primary)}.input-field-minimal .input-field-switch:before{background-color:var(--theme-color-primary);opacity:0}.input-field-minimal .input-field-switch:checked:before{opacity:1}.input-field-compact .input-field-switch{border-radius:11px;height:22px;width:40px}.input-field-compact .input-field-switch:before{height:18px;left:2px;top:2px;width:18px}.input-field-compact .input-field-switch:checked:before{transform:translate(18px)}[data-theme=dark] .input-field-switch{background-color:var(--theme-color-background-secondary)}[data-theme=dark] .input-field-switch:before{background-color:var(--theme-color-background)}@media (prefers-contrast:high){.input-field-switch{border:2px solid var(--theme-color-text)}.input-field-switch:before{border:1px solid var(--theme-color-text)}}@media (prefers-reduced-motion:reduce){.input-field-switch,.input-field-switch-label,.input-field-switch:before{transition:none}}.input-field-multi select{height:auto;min-height:calc(var(--theme-spacing-md)*2 + 1rem)}.input-field-accept input[type=file]{cursor:pointer}.input-field-accept input[type=file]:hover{background-color:var(--theme-color-background-hover)}.input-field-multiple input[type=file]{padding:var(--theme-spacing-sm)}.input-field-multiple input[type=file]::file-selector-button{background-color:var(--theme-color-primary);border:none;border-radius:var(--theme-radius-sm);color:var(--theme-color-background);cursor:pointer;font-size:var(--theme-font-size-sm);margin-right:var(--theme-spacing-sm);padding:var(--theme-spacing-xs) var(--theme-spacing-sm);transition:background-color var(--theme-transition-fast)}.input-field-multiple input[type=file]::file-selector-button:hover{background-color:var(--theme-color-primary-hover)}.input-field-checked input[type=checkbox],.input-field-checked input[type=radio]{accent-color:var(--theme-color-primary)}.input-field-checked input[type=checkbox]:checked,.input-field-checked input[type=radio]:checked{background-color:var(--theme-color-primary);border-color:var(--theme-color-primary)}.input-field-color input[type=color]{background:none;border:2px solid var(--theme-color-border);border-radius:var(--theme-radius-sm);cursor:pointer;height:40px;padding:0;width:60px}.input-field-color input[type=color]:focus,.input-field-color input[type=color]:hover{border-color:var(--theme-color-primary);box-shadow:0 0 0 3px var(--theme-color-primary-alpha)}.input-field-color input[type=color]:focus{outline:none}.input-field-button button,.input-field-reset button,.input-field-submit button{background-color:var(--theme-color-background);border:2px solid var(--theme-color-border);border-radius:var(--theme-radius-md);color:var(--theme-color-text);font-size:var(--theme-font-size-base);font-weight:var(--theme-font-weight-medium);min-width:100px;padding:var(--theme-spacing-sm) var(--theme-spacing-md);transition:all var(--theme-transition-fast)}.input-field-button button:hover,.input-field-reset button:hover{background-color:var(--theme-color-background-hover);border-color:var(--theme-color-primary)}.input-field-submit button{background-color:var(--theme-color-primary);border-color:var(--theme-color-primary);color:var(--theme-color-background)}.input-field-submit button:hover{background-color:var(--theme-color-primary-hover);border-color:var(--theme-color-primary-hover)}.input-field-button button:focus,.input-field-reset button:focus,.input-field-submit button:focus{box-shadow:0 0 0 3px var(--theme-color-primary-alpha);outline:none}.input-field-button button:active,.input-field-reset button:active,.input-field-submit button:active{transform:translateY(1px)}.input-field-disabled .input-field-button button,.input-field-disabled .input-field-reset button,.input-field-disabled .input-field-submit button{background-color:var(--theme-color-background-disabled);border-color:var(--theme-color-border-disabled);color:var(--theme-color-text-disabled);opacity:.6}.input-field-disabled .input-field-button button:hover,.input-field-disabled .input-field-reset button:hover,.input-field-disabled .input-field-submit button:hover{background-color:var(--theme-color-background-disabled);border-color:var(--theme-color-border-disabled)}.input-field-size-sm .input-field-button button,.input-field-size-sm .input-field-reset button,.input-field-size-sm .input-field-submit button{font-size:var(--theme-font-size-sm);min-width:80px;padding:var(--theme-spacing-xs) var(--theme-spacing-sm)}.input-field-size-lg .input-field-button button,.input-field-size-lg .input-field-reset button,.input-field-size-lg .input-field-submit button{font-size:var(--theme-font-size-lg);min-width:120px;padding:var(--theme-spacing-md) var(--theme-spacing-lg)}.input-field-compact .input-field-button button,.input-field-compact .input-field-reset button,.input-field-compact .input-field-submit button{border-radius:var(--theme-radius-sm);padding:var(--theme-spacing-xs) var(--theme-spacing-sm)}.input-field-outlined .input-field-button button,.input-field-outlined .input-field-reset button{background-color:transparent;border:2px solid var(--theme-color-primary);color:var(--theme-color-primary)}.input-field-outlined .input-field-button button:hover,.input-field-outlined .input-field-reset button:hover{background-color:var(--theme-color-primary-alpha)}.input-field-outlined .input-field-submit button{background-color:var(--theme-color-primary);color:var(--theme-color-background)}.input-field-minimal .input-field-button button,.input-field-minimal .input-field-reset button,.input-field-minimal .input-field-submit button{background-color:transparent;color:var(--theme-color-primary);min-width:auto;padding:var(--theme-spacing-xs);text-decoration:underline}.input-field-minimal .input-field-button button:hover,.input-field-minimal .input-field-reset button:hover,.input-field-minimal .input-field-submit button:hover{background-color:var(--theme-color-primary-alpha);text-decoration:none}.button-icon-left,.button-icon-only,.button-icon-right{align-items:center;display:inline-flex;justify-content:center;margin:0 var(--theme-spacing-xs,.25rem)}.button-icon-left{margin-right:var(--theme-spacing-sm,.5rem)}.button-icon-right{margin-left:var(--theme-spacing-sm,.5rem)}.button-icon-only{margin:0}.button-text{display:inline-block}.input-field-button button,.input-field-reset button,.input-field-submit button{align-items:center;background:var(--theme-color-primary,#4dabf7);border:none;border-radius:var(--theme-radius-md,8px);color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:inherit;font-weight:var(--theme-font-weight-medium,500);gap:var(--theme-spacing-xs,.25rem);justify-content:center;min-height:40px;padding:var(--theme-spacing-sm,.5rem) var(--theme-spacing-md,1rem);transition:all var(--theme-transition-normal,.2s ease)}.input-field-button button:hover,.input-field-reset button:hover,.input-field-submit button:hover{background:var(--theme-color-primary-hover,#339af0);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.input-field-button button:focus,.input-field-reset button:focus,.input-field-submit button:focus{outline:2px solid var(--theme-color-primary,#4dabf7);outline-offset:2px}.input-field-button button:active,.input-field-reset button:active,.input-field-submit button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.input-field-submit button{background:var(--theme-color-success,#51cf66)}.input-field-submit button:hover{background:var(--theme-color-success-hover,#40c057)}.input-field-reset button{background:var(--theme-color-secondary,#868e96)}.input-field-reset button:hover{background:var(--theme-color-secondary-hover,#6c757d)}.input-field-disabled .input-field-button button,.input-field-disabled .input-field-reset button,.input-field-disabled .input-field-submit button{cursor:not-allowed;opacity:.5;transform:none}.input-field-disabled .input-field-button button:hover,.input-field-disabled .input-field-reset button:hover,.input-field-disabled .input-field-submit button:hover{box-shadow:none;transform:none}.input-field-size-sm .input-field-button button,.input-field-size-sm .input-field-reset button,.input-field-size-sm .input-field-submit button{font-size:var(--theme-font-size-sm,.875rem);min-height:32px;padding:var(--theme-spacing-xs,.25rem) var(--theme-spacing-sm,.5rem)}.input-field-size-lg .input-field-button button,.input-field-size-lg .input-field-reset button,.input-field-size-lg .input-field-submit button{font-size:var(--theme-font-size-lg,1.125rem);min-height:48px;padding:var(--theme-spacing-md,1rem) var(--theme-spacing-lg,1.5rem)}.input-field-compact .input-field-button button,.input-field-compact .input-field-reset button,.input-field-compact .input-field-submit button{border-radius:var(--theme-radius-sm,4px);padding:var(--theme-spacing-xs,.25rem) var(--theme-spacing-sm,.5rem)}.input-field-outlined .input-field-button button,.input-field-outlined .input-field-reset button,.input-field-outlined .input-field-submit button{background:transparent;border:2px solid var(--theme-color-primary,#4dabf7);color:var(--theme-color-primary,#4dabf7)}.input-field-outlined .input-field-button button:hover,.input-field-outlined .input-field-reset button:hover,.input-field-outlined .input-field-submit button:hover{background:var(--theme-color-primary,#4dabf7);color:#fff}.input-field-outlined .input-field-submit button{border-color:var(--theme-color-success,#51cf66);color:var(--theme-color-success,#51cf66)}.input-field-outlined .input-field-submit button:hover{background:var(--theme-color-success,#51cf66);color:#fff}.input-field-minimal .input-field-button button,.input-field-minimal .input-field-reset button,.input-field-minimal .input-field-submit button{background:transparent;border:none;box-shadow:none;color:var(--theme-color-primary,#4dabf7)}.input-field-minimal .input-field-button button:hover,.input-field-minimal .input-field-reset button:hover,.input-field-minimal .input-field-submit button:hover{background:rgba(77,171,247,.1);box-shadow:none;transform:none}[data-theme=dark] .input-field-button button,[data-theme=dark] .input-field-reset button,[data-theme=dark] .input-field-submit button{background:var(--theme-color-primary,#4dabf7);color:#fff}[data-theme=dark] .input-field-outlined .input-field-button button,[data-theme=dark] .input-field-outlined .input-field-reset button,[data-theme=dark] .input-field-outlined .input-field-submit button{background:transparent;border-color:var(--theme-color-primary,#4dabf7);color:var(--theme-color-primary,#4dabf7)}[data-theme=dark] .input-field-minimal .input-field-button button,[data-theme=dark] .input-field-minimal .input-field-reset button,[data-theme=dark] .input-field-minimal .input-field-submit button{background:transparent;color:var(--theme-color-primary,#4dabf7)}@media (prefers-contrast:high){.input-field-button button,.input-field-reset button,.input-field-submit button{border-width:2px}}@media (prefers-reduced-motion:reduce){.input-field-button button,.input-field-reset button,.input-field-submit button{transition:none}.input-field-button button:hover,.input-field-reset button:hover,.input-field-submit button:hover{transform:none}}.header-component{flex-direction:column;font-family:inherit;padding:var(--theme-spacing-md,1rem) var(--theme-spacing-lg,1.5rem);transition:all var(--theme-transition-normal,.2s ease)}.header-component,.header-content{display:flex;gap:var(--theme-spacing-md,1rem);width:100%}.header-content{align-items:center;justify-content:space-between}.header-center,.header-left,.header-right{align-items:center;display:flex;gap:var(--theme-spacing-md,1rem)}.header-center{flex:1;justify-content:center;text-align:center}.header-left{justify-content:flex-start}.header-right{justify-content:flex-end}.header-logo,.header-logo-text{align-items:center;border-radius:var(--theme-radius-md,8px);color:var(--theme-color-primary,#4dabf7);cursor:pointer;display:flex;font-size:var(--theme-font-size-lg,1.125rem);font-weight:var(--theme-font-weight-bold,700);justify-content:center;padding:var(--theme-spacing-sm,.5rem);transition:var(--theme-transition-normal,.2s ease)}.header-logo-text:hover,.header-logo:hover{background:rgba(77,171,247,.1);transform:translateY(-1px)}.header-logo-text{background:var(--theme-color-primary,#4dabf7);border-radius:50%;color:#fff;font-size:var(--theme-font-size-base,1rem);height:40px;width:40px}.header-title{color:var(--theme-color-text,#e6e6e6);cursor:pointer;font-size:var(--theme-font-size-2xl,1.5rem);font-weight:var(--theme-font-weight-bold,700);margin:0;transition:var(--theme-transition-normal,.2s ease)}.header-title:hover{color:var(--theme-color-primary,#4dabf7)}.header-subtitle{color:var(--theme-color-text-secondary,#ccc);font-size:var(--theme-font-size-base,1rem);font-weight:var(--theme-font-weight-normal,400);margin:0;opacity:.8}.header-actions,.header-center-content,.header-left-content,.header-right-content{align-items:center;display:flex;gap:var(--theme-spacing-sm,.5rem)}.header-component-admin{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--theme-color-background-secondary,hsla(0,0%,100%,.05));border:1px solid var(--theme-color-border,#333);border-radius:var(--theme-radius-lg,12px)}.header-admin-stats{border-top:1px solid var(--theme-color-border,#333);color:var(--theme-color-text-secondary,#ccc);display:flex;flex-wrap:wrap;font-size:var(--theme-font-size-sm,.875rem);font-weight:var(--theme-font-weight-medium,500);gap:var(--theme-spacing-lg,1.5rem);padding-top:var(--theme-spacing-md,1rem)}.admin-stat{align-items:center;background:var(--theme-color-background,#1a1a1a);border:1px solid var(--theme-color-border,#333);border-radius:var(--theme-radius-md,8px);display:flex;gap:var(--theme-spacing-sm,.5rem);padding:var(--theme-spacing-sm,.5rem) var(--theme-spacing-md,1rem)}.header-component-default{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001a}.header-component-compact{background:var(--theme-color-background-secondary,hsla(0,0%,100%,.05));padding:var(--theme-spacing-sm,.5rem) var(--theme-spacing-md,1rem)}.header-component-outlined{background:transparent;border:2px solid var(--theme-color-border,#333);border-radius:var(--theme-radius-lg,12px)}.header-component-minimal{background:transparent;border:none;box-shadow:none}.header-component-sm{padding:var(--theme-spacing-sm,.5rem) var(--theme-spacing-md,1rem)}.header-component-md{padding:var(--theme-spacing-md,1rem) var(--theme-spacing-lg,1.5rem)}.header-component-lg{padding:var(--theme-spacing-lg,1.5rem) var(--theme-spacing-xl,2rem)}.header-component-left .header-center{justify-content:flex-start;text-align:left}.header-component-center .header-center{justify-content:center;text-align:center}.header-component-right .header-center{justify-content:flex-end;text-align:right}.header-component-space-between .header-content{justify-content:space-between}.header-component-elevation-low{box-shadow:0 2px 4px #0000001a}.header-component-elevation-medium{box-shadow:0 4px 8px #00000026}.header-component-elevation-high{box-shadow:0 8px 16px #0003}.header-component-fixed{left:0;position:fixed;right:0;top:0;z-index:1000}.header-component-transparent{-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent!important}.header-component-border{border-bottom:1px solid var(--theme-color-border,#333)}.header-component-shadow{box-shadow:0 2px 8px #0000001a}@media (max-width:768px){.header-content{flex-direction:column;gap:var(--theme-spacing-md,1rem)}.header-center,.header-left,.header-right{justify-content:center;width:100%}.header-title{font-size:var(--theme-font-size-xl,1.25rem)}.header-admin-stats{flex-direction:column;gap:var(--theme-spacing-sm,.5rem)}}@media (max-width:480px){.header-component{padding:var(--theme-spacing-sm,.5rem)}.header-title{font-size:var(--theme-font-size-lg,1.125rem)}.header-subtitle{font-size:var(--theme-font-size-sm,.875rem)}}[data-theme=dark] .header-component-default{background:linear-gradient(135deg,#1f2937,#111827);border-bottom-color:#ffffff1a}[data-theme=dark] .header-component-compact{background:hsla(0,0%,100%,.05)}[data-theme=dark] .header-component-outlined{border-color:#fff3}[data-theme=dark] .header-title{color:#f9fafb}[data-theme=dark] .header-subtitle{color:#d1d5db}[data-theme=dark] .admin-stat{background:hsla(0,0%,100%,.05);border-color:#ffffff1a}@media (prefers-contrast:high){.header-component{border-width:2px}.header-component-border{border-bottom-width:3px}.admin-stat{border-width:2px}}@media (prefers-reduced-motion:reduce){.header-component,.header-logo,.header-logo-text,.header-title{transition:none}.header-logo-text:hover,.header-logo:hover,.header-title:hover{transform:none}}.admin-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--theme-color-background-secondary,hsla(0,0%,100%,.05));border-bottom:2px solid var(--theme-color-border,#444);border-radius:var(--theme-radius-lg,12px);flex-direction:column;padding:var(--theme-spacing-lg,1.5rem)}.admin-header,.admin-header-main{display:flex;margin-bottom:1.5rem}.admin-header-main{align-items:center;color:var(--theme-color-text-secondary,#ccc);flex-wrap:wrap;justify-content:space-between}.admin-header h1{align-items:center;color:var(--theme-color-primary,#4dabf7);display:flex;font-size:2rem;font-weight:600;gap:var(--theme-spacing-sm,.5rem);margin:auto}.admin-header h2{color:var(--theme-color-text-secondary,#ccc);font-size:1.125rem;margin:0;padding-bottom:.25rem}.admin-header-title{align-items:center;display:flex;flex-direction:column}.admin-header-subtitle{color:var(--theme-color-text-secondary,#ccc);font-size:1.125rem;margin:0;padding-bottom:.25rem}.admin-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.admin-stats{color:var(--theme-color-text-secondary,#ccc);display:flex;flex-wrap:wrap;font-size:.9rem;font-weight:500;gap:2rem}.admin-stats span{align-items:center;background:var(--theme-color-background,#1a1a1a);border:1px solid var(--theme-color-border,#333);border-radius:var(--theme-radius-md,8px);display:flex;gap:.5rem;padding:var(--theme-spacing-sm,.5rem) var(--theme-spacing-md,1rem)}@media (max-width:768px){.admin-header-main{flex-direction:column}.admin-header-main,.admin-header-title{align-items:flex-start}.admin-header h1{font-size:1.75rem}.admin-stats{font-size:.85rem;gap:1rem}}@media (max-width:480px){.admin-header-title{align-items:center}.admin-header h1{font-size:1.5rem}.admin-stats{flex-direction:column;gap:.5rem}}[data-theme=dark] .admin-header,[data-theme=dark] .admin-stats span{background:hsla(0,0%,100%,.05);border-color:#ffffff1a}@media (prefers-contrast:high){.admin-header{border-width:3px}.admin-stats span{border-width:2px}}@media (prefers-reduced-motion:reduce){.admin-header{-webkit-backdrop-filter:none;backdrop-filter:none}}:root{--theme-color-background: var(--theme-color-background, #ffffff);--theme-color-background-secondary: var(--theme-color-background-secondary, #f8fafc);--theme-color-background-tertiary: var(--theme-color-background-tertiary, #f1f5f9);--theme-color-text: var(--theme-color-text, #0f172a);--theme-color-text-secondary: var(--theme-color-text-secondary, #475569);--theme-color-text-muted: var(--theme-color-text-muted, #64748b);--theme-color-border: var(--theme-color-border, #e2e8f0);--theme-color-border-light: var(--theme-color-border-light, #f1f5f9);--theme-color-border-hover: var(--theme-color-border-hover, #cbd5e1);--theme-color-primary: var(--theme-color-primary, #3b82f6);--theme-color-primary-hover: var(--theme-color-primary-hover, #2563eb);--theme-color-primary-active: var(--theme-color-primary-active, #1d4ed8);--theme-color-hover: var(--theme-color-hover, #f8fafc);--theme-color-active: var(--theme-color-active, #f1f5f9);--theme-color-focus: var(--theme-color-focus, rgba(59, 130, 246, .1));--theme-spacing-xs: var(--theme-spacing-xs, .25rem);--theme-spacing-sm: var(--theme-spacing-sm, .5rem);--theme-spacing-md: var(--theme-spacing-md, 1rem);--theme-spacing-lg: var(--theme-spacing-lg, 1.5rem);--theme-spacing-xl: var(--theme-spacing-xl, 2rem);--theme-spacing-2xl: var(--theme-spacing-2xl, 3rem);--theme-spacing-3xl: var(--theme-spacing-3xl, 4rem);--theme-spacing-4xl: var(--theme-spacing-4xl, 6rem);--theme-radius-none: var(--theme-radius-none, 0);--theme-radius-sm: var(--theme-radius-sm, .25rem);--theme-radius-md: var(--theme-radius-md, .375rem);--theme-radius-lg: var(--theme-radius-lg, .5rem);--theme-radius-xl: var(--theme-radius-xl, .75rem);--theme-radius-2xl: var(--theme-radius-2xl, 1rem);--theme-radius-full: var(--theme-radius-full, 9999px);--theme-font-family-sans: var(--theme-font-family-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif);--theme-font-family-serif: var(--theme-font-family-serif, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif);--theme-font-family-mono: var(--theme-font-family-mono, ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace);--theme-font-size-xs: var(--theme-font-size-xs, .75rem);--theme-font-size-sm: var(--theme-font-size-sm, .875rem);--theme-font-size-base: var(--theme-font-size-base, 1rem);--theme-font-size-lg: var(--theme-font-size-lg, 1.125rem);--theme-font-size-xl: var(--theme-font-size-xl, 1.25rem);--theme-font-size-2xl: var(--theme-font-size-2xl, 1.5rem);--theme-font-size-3xl: var(--theme-font-size-3xl, 1.875rem);--theme-font-size-4xl: var(--theme-font-size-4xl, 2.25rem);--theme-font-size-5xl: var(--theme-font-size-5xl, 3rem);--theme-transition-fast: var(--theme-transition-fast, .15s ease);--theme-transition-normal: var(--theme-transition-normal, .25s ease);--theme-transition-slow: var(--theme-transition-slow, .35s ease);--theme-transition-bounce: var(--theme-transition-bounce, .25s cubic-bezier(.68, -.55, .265, 1.55));--theme-z-index-dropdown: var(--theme-z-index-dropdown, 1000);--theme-z-index-modal: var(--theme-z-index-modal, 1050);--theme-z-index-tooltip: var(--theme-z-index-tooltip, 1100);--theme-z-index-overlay: var(--theme-z-index-overlay, 1200)}.theme-base{font-family:var(--theme-font-family-sans);font-size:var(--theme-font-size-base);color:var(--theme-color-text);background-color:var(--theme-color-background);transition:color var(--theme-transition-normal),background-color var(--theme-transition-normal)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;padding:var(--theme-spacing-sm) var(--theme-spacing-md);border:1px solid var(--theme-color-border);border-radius:var(--theme-radius-md);background-color:var(--theme-color-background);color:var(--theme-color-text);cursor:pointer;transition:all var(--theme-transition-normal);font-size:var(--theme-font-size-sm);font-weight:500}.theme-toggle:hover{background-color:var(--theme-color-hover);border-color:var(--theme-color-border-hover)}.theme-toggle:focus{outline:none;background-color:var(--theme-color-hover);border-color:var(--theme-color-primary);box-shadow:0 0 0 3px var(--theme-color-focus)}.theme-selector{padding:var(--theme-spacing-sm) var(--theme-spacing-md);border:1px solid var(--theme-color-border);border-radius:var(--theme-radius-md);background-color:var(--theme-color-background);color:var(--theme-color-text);font-size:var(--theme-font-size-sm);transition:all var(--theme-transition-normal)}.theme-selector:focus{outline:none;border-color:var(--theme-color-primary);box-shadow:0 0 0 3px var(--theme-color-focus)}.theme-bg-primary{background-color:var(--theme-color-background)}.theme-bg-secondary{background-color:var(--theme-color-background-secondary)}.theme-text-primary{color:var(--theme-color-text)}.theme-text-secondary{color:var(--theme-color-text-secondary)}.theme-text-muted{color:var(--theme-color-text-muted)}.theme-border{border:1px solid var(--theme-color-border)}.theme-rounded{border-radius:var(--theme-radius-md)}.theme-shadow{box-shadow:var(--theme-color-shadow, 0 1px 3px 0 rgba(0, 0, 0, .1))}body.theme-dark{color-scheme:dark}body.theme-light{color-scheme:light}*{transition:background-color var(--theme-transition-normal),color var(--theme-transition-normal),border-color var(--theme-transition-normal)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}