.sd-app-shell{display:grid;grid-template-columns:auto 1fr;grid-template-rows:var(--sd-layout-topbar-height) 1fr;grid-template-areas:"topbar  topbar" "sidebar content";height:100vh;width:100%;background:var(--sd-color-surface-0);color:var(--sd-color-text-primary);font-family:var(--sd-typography-family-sans);font-size:var(--sd-typography-size-body-md);line-height:var(--sd-typography-line-height-normal);overflow:hidden}.sd-app-shell__topbar{grid-area:topbar;z-index:var(--sd-z-sticky)}.sd-app-shell__sidebar{grid-area:sidebar;z-index:var(--sd-z-sticky);overflow:hidden}.sd-app-shell__content{grid-area:content;overflow:auto;padding:var(--sd-layout-content-padding-y) var(--sd-layout-content-padding-x)}.sd-app-shell__content-inner{max-width:var(--sd-layout-content-max-width);margin:0 auto;width:100%}.sd-app-shell__content[data-fluid=true] .sd-app-shell__content-inner{max-width:none}@media(max-width:767px){.sd-app-shell{grid-template-columns:1fr;grid-template-areas:"topbar" "content"}.sd-app-shell__sidebar{position:fixed;inset:var(--sd-layout-topbar-height) auto 0 0;z-index:var(--sd-z-modal);transform:translate(-100%);transition:transform var(--sd-motion-duration-normal) var(--sd-motion-easing-standard)}.sd-app-shell[data-sidebar-open=true] .sd-app-shell__sidebar{transform:translate(0)}.sd-app-shell__scrim{position:fixed;inset:var(--sd-layout-topbar-height) 0 0 0;background:var(--sd-color-surface-overlay);z-index:var(--sd-z-overlay);opacity:0;pointer-events:none;transition:opacity var(--sd-motion-duration-normal) var(--sd-motion-easing-standard)}.sd-app-shell[data-sidebar-open=true] .sd-app-shell__scrim{opacity:1;pointer-events:auto}}.sd-sidebar{height:100%;width:var(--sd-layout-sidebar-expanded);background:var(--sd-color-surface-1);border-right:1px solid var(--sd-color-border-default);display:flex;flex-direction:column;transition:width var(--sd-motion-duration-normal) var(--sd-motion-easing-standard);overflow:hidden}.sd-sidebar[data-collapsed=true]{width:var(--sd-layout-sidebar-collapsed)}.sd-sidebar__header{height:var(--sd-layout-topbar-height);display:flex;align-items:center;padding:0 var(--sd-space-4);border-bottom:1px solid var(--sd-color-border-subtle);flex-shrink:0}.sd-sidebar__nav{flex:1;overflow-y:auto;padding:var(--sd-space-3) var(--sd-space-2);display:flex;flex-direction:column;gap:var(--sd-space-1)}.sd-sidebar__section{display:flex;flex-direction:column;gap:var(--sd-space-1);margin-top:var(--sd-space-4)}.sd-sidebar__section:first-child{margin-top:0}.sd-sidebar__section-label{padding:0 var(--sd-space-3);font-size:var(--sd-typography-size-caption);font-weight:var(--sd-typography-weight-semibold);letter-spacing:var(--sd-typography-tracking-normal);color:var(--sd-color-text-muted);margin-bottom:var(--sd-space-1);white-space:nowrap;opacity:1;transition:opacity var(--sd-motion-duration-fast) var(--sd-motion-easing-standard)}.sd-sidebar[data-collapsed=true] .sd-sidebar__section-label{opacity:0;height:0;margin:0;overflow:hidden}.sd-sidebar__item{display:flex;align-items:center;gap:var(--sd-space-3);height:var(--sd-density-nav-item-h);padding:0 var(--sd-space-3);border-radius:var(--sd-radius-md);color:var(--sd-color-text-secondary);text-decoration:none;font-size:var(--sd-typography-size-label);font-weight:var(--sd-typography-weight-medium);cursor:pointer;background:transparent;border:0;width:100%;text-align:left;transition:background-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard);position:relative}.sd-sidebar__item:hover{background:var(--sd-color-surface-hover);color:var(--sd-color-text-primary)}.sd-sidebar__item:focus-visible{outline:none;box-shadow:var(--sd-elevation-ring)}.sd-sidebar__item[aria-current=page],.sd-sidebar__item[data-active=true]{background:var(--sd-color-surface-selected);color:var(--sd-color-text-primary)}.sd-sidebar__item-icon{width:18px;height:18px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:currentColor}.sd-sidebar__item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1;transition:opacity var(--sd-motion-duration-fast) var(--sd-motion-easing-standard)}.sd-sidebar[data-collapsed=true] .sd-sidebar__item-label{opacity:0;width:0}.sd-sidebar__item-badge{margin-left:auto;flex-shrink:0}.sd-sidebar[data-collapsed=true] .sd-sidebar__item-badge{display:none}.sd-sidebar__footer{padding:var(--sd-space-3);border-top:1px solid var(--sd-color-border-subtle);flex-shrink:0}.sd-topbar{height:var(--sd-layout-topbar-height);background:var(--sd-color-surface-1);border-bottom:1px solid var(--sd-color-border-default);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--sd-space-4);gap:var(--sd-space-4)}.sd-topbar__left,.sd-topbar__center,.sd-topbar__right{display:flex;align-items:center;gap:var(--sd-space-3);min-width:0}.sd-topbar__left{justify-content:flex-start}.sd-topbar__center{justify-content:center}.sd-topbar__right{justify-content:flex-end}.sd-topbar__title{font-size:var(--sd-typography-size-body-md);font-weight:var(--sd-typography-weight-semibold);color:var(--sd-color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-topbar__burger{width:36px;height:36px;border-radius:var(--sd-radius-md);display:inline-flex;align-items:center;justify-content:center;color:var(--sd-color-text-secondary);background:transparent;border:0;cursor:pointer;transition:background-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard)}.sd-topbar__burger:hover{background:var(--sd-color-surface-hover);color:var(--sd-color-text-primary)}.sd-topbar__burger:focus-visible{outline:none;box-shadow:var(--sd-elevation-ring)}@media(max-width:767px){.sd-topbar{grid-template-columns:auto 1fr auto}.sd-topbar__center{display:none}}.sd-auth-shell{min-height:100vh;width:100%;background:var(--sd-color-surface-0);color:var(--sd-color-text-primary);font-family:var(--sd-typography-family-sans);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sd-space-6);gap:var(--sd-space-6);position:relative;overflow:hidden}.sd-auth-shell[data-glow=true]:before{content:"";position:absolute;top:-20%;left:50%;width:var(--sd-layout-size-auth-glow);height:var(--sd-layout-size-auth-glow);transform:translate(-50%);background:radial-gradient(circle,var(--sd-color-brand-iris) 0%,transparent 60%);opacity:.08;filter:blur(80px);pointer-events:none;z-index:0}.sd-auth-shell__brand{display:flex;align-items:center;gap:var(--sd-space-3);color:var(--sd-color-text-primary);font-size:var(--sd-typography-size-title-md);font-weight:var(--sd-typography-weight-semibold);z-index:1}.sd-auth-shell__card{width:100%;max-width:var(--sd-layout-size-auth-card-w);background:var(--sd-color-surface-1);border:1px solid var(--sd-color-border-default);border-radius:var(--sd-radius-xl);box-shadow:var(--sd-elevation-3);padding:var(--sd-space-8) var(--sd-space-6);display:flex;flex-direction:column;gap:var(--sd-space-5);z-index:1}.sd-auth-shell__header{display:flex;flex-direction:column;gap:var(--sd-space-1);text-align:left}.sd-auth-shell__title{font-size:var(--sd-typography-size-title-lg);font-weight:var(--sd-typography-weight-semibold);color:var(--sd-color-text-primary);margin:0;line-height:var(--sd-typography-line-height-tight)}.sd-auth-shell__subtitle{font-size:var(--sd-typography-size-body-sm);color:var(--sd-color-text-muted);margin:0}.sd-auth-shell__body{display:flex;flex-direction:column;gap:var(--sd-space-4)}.sd-auth-shell__divider{display:flex;align-items:center;gap:var(--sd-space-3);color:var(--sd-color-text-muted);font-size:var(--sd-typography-size-caption);letter-spacing:var(--sd-typography-tracking-normal)}.sd-auth-shell__divider:before,.sd-auth-shell__divider:after{content:"";flex:1;height:1px;background:var(--sd-color-border-default)}.sd-auth-shell__footer{text-align:center;font-size:var(--sd-typography-size-caption);color:var(--sd-color-text-muted);z-index:1}.sd-auth-shell__footer a{color:var(--sd-color-text-link);text-decoration:none}.sd-auth-shell__footer a:hover{text-decoration:underline}.sd-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--sd-radius-pill);background:var(--sd-color-surface-inset);color:var(--sd-color-text-secondary);font-family:var(--sd-typography-family-sans);font-weight:var(--sd-typography-weight-semibold);line-height:1;overflow:hidden;flex-shrink:0;-webkit-user-select:none;user-select:none;vertical-align:middle;box-shadow:inset 0 0 0 1px var(--sd-color-border-subtle)}.sd-avatar[data-size=xs]{width:var(--sd-layout-size-avatar-xs);height:var(--sd-layout-size-avatar-xs);font-size:var(--sd-typography-size-micro)}.sd-avatar[data-size=sm]{width:var(--sd-layout-size-avatar-sm);height:var(--sd-layout-size-avatar-sm);font-size:var(--sd-typography-size-caption)}.sd-avatar[data-size=md]{width:var(--sd-layout-size-avatar-md);height:var(--sd-layout-size-avatar-md);font-size:var(--sd-typography-size-label)}.sd-avatar[data-size=lg]{width:var(--sd-layout-size-avatar-lg);height:var(--sd-layout-size-avatar-lg);font-size:var(--sd-typography-size-body-md)}.sd-avatar[data-size=xl]{width:var(--sd-layout-size-avatar-xl);height:var(--sd-layout-size-avatar-xl);font-size:var(--sd-typography-size-title-md)}.sd-avatar[data-size="2xl"]{width:var(--sd-layout-size-avatar-2xl);height:var(--sd-layout-size-avatar-2xl);font-size:var(--sd-typography-size-title-lg)}.sd-avatar[data-shape=square]{border-radius:var(--sd-radius-md)}.sd-avatar__image{width:100%;height:100%;object-fit:cover;display:block}.sd-avatar__initials{text-transform:uppercase;letter-spacing:var(--sd-typography-tracking-wide)}.sd-avatar[data-tone="0"]{background:var(--sd-color-surface-selected);color:var(--sd-color-brand-primary)}.sd-avatar[data-tone="1"]{background:var(--sd-color-state-info-bg);color:var(--sd-color-state-info)}.sd-avatar[data-tone="2"]{background:var(--sd-color-state-success-bg);color:var(--sd-color-state-success)}.sd-avatar[data-tone="3"]{background:var(--sd-color-state-warning-bg);color:var(--sd-color-state-warning)}.sd-avatar[data-tone="4"]{background:var(--sd-color-state-danger-bg);color:var(--sd-color-state-danger)}.sd-avatar[data-tone="5"]{background:var(--sd-color-surface-hover);color:var(--sd-color-text-secondary)}.sd-avatar__status{position:absolute;bottom:0;right:0;width:var(--sd-layout-size-avatar-status);height:var(--sd-layout-size-avatar-status);border-radius:var(--sd-radius-pill);box-shadow:0 0 0 2px var(--sd-color-surface-1)}.sd-avatar[data-size=xs] .sd-avatar__status,.sd-avatar[data-size=sm] .sd-avatar__status{width:8px;height:8px}.sd-avatar[data-size=xl] .sd-avatar__status,.sd-avatar[data-size="2xl"] .sd-avatar__status{width:12px;height:12px}.sd-avatar__status[data-status=online]{background:var(--sd-color-state-success)}.sd-avatar__status[data-status=busy]{background:var(--sd-color-state-danger)}.sd-avatar__status[data-status=away]{background:var(--sd-color-state-warning)}.sd-avatar__status[data-status=offline]{background:var(--sd-color-text-muted)}.sd-avatar-group{display:inline-flex;align-items:center}.sd-avatar-group .sd-avatar{box-shadow:0 0 0 2px var(--sd-color-surface-1),inset 0 0 0 1px var(--sd-color-border-subtle)}.sd-avatar-group .sd-avatar+.sd-avatar{margin-left:calc(var(--sd-space-2) * -1)}.sd-avatar-group__more{background:var(--sd-color-surface-hover);color:var(--sd-color-text-muted);margin-left:calc(var(--sd-space-2) * -1)}.sd-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-space-2);border-radius:var(--sd-radius-md);font-family:var(--sd-typography-family-sans);font-weight:var(--sd-typography-weight-semibold);line-height:1;letter-spacing:var(--sd-typography-tracking-normal);border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;position:relative;transition:background-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),border-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),box-shadow var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),transform var(--sd-motion-duration-micro) var(--sd-motion-easing-standard)}.sd-button[data-size=sm]{height:var(--sd-density-control-h-sm);padding:0 var(--sd-space-3);font-size:var(--sd-typography-size-caption)}.sd-button[data-size=md]{height:var(--sd-density-control-h-md);padding:0 var(--sd-space-4);font-size:var(--sd-typography-size-label)}.sd-button[data-size=lg]{height:var(--sd-density-control-h-lg);padding:0 var(--sd-space-5);font-size:var(--sd-typography-size-body-md)}.sd-button[data-variant=primary]{background:var(--sd-color-brand-primary);color:var(--sd-color-text-on-primary);box-shadow:var(--sd-elevation-1)}.sd-button[data-variant=primary]:hover{background:var(--sd-color-brand-primary-hover);box-shadow:var(--sd-elevation-1),var(--sd-glow-subtle)}.sd-button[data-variant=primary]:active{background:var(--sd-color-brand-primary-active);transform:scale(.98)}.sd-button[data-variant=secondary]{background:var(--sd-color-surface-1);color:var(--sd-color-text-primary);border-color:var(--sd-color-border-default)}.sd-button[data-variant=secondary]:hover{background:var(--sd-color-surface-hover);border-color:var(--sd-color-border-strong)}.sd-button[data-variant=secondary]:active{transform:scale(.98)}.sd-button[data-variant=ghost]{background:transparent;color:var(--sd-color-text-secondary)}.sd-button[data-variant=ghost]:hover{background:var(--sd-color-surface-hover);color:var(--sd-color-text-primary)}.sd-button[data-variant=danger]{background:var(--sd-color-state-danger);color:var(--sd-color-text-on-primary);box-shadow:var(--sd-elevation-1)}.sd-button[data-variant=danger]:hover{filter:brightness(1.08);box-shadow:var(--sd-elevation-1),var(--sd-glow-danger)}.sd-button[data-variant=danger]:active{transform:scale(.98)}.sd-button[data-variant=link]{background:transparent;color:var(--sd-color-text-link);height:auto;padding:0;font-weight:var(--sd-typography-weight-medium)}.sd-button[data-variant=link]:hover{text-decoration:underline}.sd-button:focus-visible{outline:none;box-shadow:var(--sd-elevation-ring)}.sd-button[data-variant=primary]:focus-visible,.sd-button[data-variant=danger]:focus-visible{box-shadow:var(--sd-elevation-1),var(--sd-elevation-ring)}.sd-button:disabled,.sd-button[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none}.sd-button[data-loading=true]{cursor:progress;color:transparent!important}.sd-button[data-loading=true] .sd-button__content{visibility:hidden}.sd-button__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--sd-color-text-on-primary)}.sd-button[data-variant=secondary] .sd-button__spinner,.sd-button[data-variant=ghost] .sd-button__spinner,.sd-button[data-variant=link] .sd-button__spinner{color:var(--sd-color-text-primary)}.sd-button__spinner svg{animation:sd-button-spin .8s linear infinite}@keyframes sd-button-spin{to{transform:rotate(360deg)}}.sd-button[data-full-width=true]{width:100%}.sd-button[data-icon-only=true]{padding:0;width:var(--sd-density-control-h-md)}.sd-button[data-icon-only=true][data-size=sm]{width:var(--sd-density-control-h-sm)}.sd-button[data-icon-only=true][data-size=lg]{width:var(--sd-density-control-h-lg)}.sd-field{display:flex;flex-direction:column;gap:var(--sd-space-1);width:100%}.sd-field__label{font-size:var(--sd-typography-size-label);font-weight:var(--sd-typography-weight-medium);color:var(--sd-color-text-secondary);display:flex;align-items:center;gap:var(--sd-space-1)}.sd-field__required{color:var(--sd-color-state-danger)}.sd-field__hint{font-size:var(--sd-typography-size-caption);color:var(--sd-color-text-muted)}.sd-field__error{font-size:var(--sd-typography-size-caption);color:var(--sd-color-text-danger);display:flex;align-items:center;gap:var(--sd-space-1)}.sd-input-wrap{display:flex;align-items:center;gap:var(--sd-space-2);background:var(--sd-color-surface-inset);border:1px solid var(--sd-color-border-default);border-radius:var(--sd-radius-md);padding:0 var(--sd-space-3);transition:border-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),background-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),box-shadow var(--sd-motion-duration-fast) var(--sd-motion-easing-standard)}.sd-input-wrap[data-size=sm]{height:var(--sd-density-control-h-sm)}.sd-input-wrap[data-size=md]{height:var(--sd-density-control-h-md)}.sd-input-wrap[data-size=lg]{height:var(--sd-density-control-h-lg)}.sd-input-wrap:hover{border-color:var(--sd-color-border-strong)}.sd-input-wrap:focus-within{border-color:var(--sd-color-border-focus);box-shadow:var(--sd-elevation-ring);background:var(--sd-color-surface-1)}.sd-input-wrap[data-invalid=true]{border-color:var(--sd-color-state-danger)}.sd-input-wrap[data-invalid=true]:focus-within{box-shadow:0 0 0 3px var(--sd-color-state-danger-bg)}.sd-input-wrap[data-disabled=true]{opacity:.6;cursor:not-allowed;background:var(--sd-color-surface-0)}.sd-input-wrap[data-disabled=true] .sd-input{cursor:not-allowed}.sd-input-wrap__adornment{display:inline-flex;align-items:center;color:var(--sd-color-text-muted);font-size:var(--sd-typography-size-body-sm);flex-shrink:0}.sd-input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--sd-color-text-primary);font-family:var(--sd-typography-family-sans);font-size:var(--sd-typography-size-body-sm);line-height:1;padding:0;height:100%}.sd-input::placeholder{color:var(--sd-color-text-muted)}.sd-input:disabled{color:var(--sd-color-text-muted)}.sd-textarea{min-height:80px;resize:vertical;padding:var(--sd-space-2) var(--sd-space-3);background:var(--sd-color-surface-inset);border:1px solid var(--sd-color-border-default);border-radius:var(--sd-radius-md);color:var(--sd-color-text-primary);font-family:var(--sd-typography-family-sans);font-size:var(--sd-typography-size-body-sm);line-height:var(--sd-typography-line-height-normal);width:100%;outline:none;transition:border-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),box-shadow var(--sd-motion-duration-fast) var(--sd-motion-easing-standard)}.sd-textarea::placeholder{color:var(--sd-color-text-muted)}.sd-textarea:hover{border-color:var(--sd-color-border-strong)}.sd-textarea:focus-visible{border-color:var(--sd-color-border-focus);box-shadow:var(--sd-elevation-ring);background:var(--sd-color-surface-1)}.sd-textarea[aria-invalid=true]{border-color:var(--sd-color-state-danger)}.sd-select-wrap{position:relative;display:flex;align-items:center;background:var(--sd-color-surface-inset);border:1px solid var(--sd-color-border-default);border-radius:var(--sd-radius-md);transition:border-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),background-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),box-shadow var(--sd-motion-duration-fast) var(--sd-motion-easing-standard)}.sd-select-wrap[data-size=sm]{height:var(--sd-density-control-h-sm)}.sd-select-wrap[data-size=md]{height:var(--sd-density-control-h-md)}.sd-select-wrap[data-size=lg]{height:var(--sd-density-control-h-lg)}.sd-select-wrap:hover{border-color:var(--sd-color-border-strong)}.sd-select-wrap:focus-within{border-color:var(--sd-color-border-focus);box-shadow:var(--sd-elevation-ring);background:var(--sd-color-surface-1)}.sd-select-wrap[data-invalid=true]{border-color:var(--sd-color-state-danger)}.sd-select-wrap[data-disabled=true]{opacity:.6;cursor:not-allowed}.sd-select{flex:1;min-width:0;height:100%;padding:0 var(--sd-space-8) 0 var(--sd-space-3);background:transparent;border:0;outline:none;color:var(--sd-color-text-primary);font-family:var(--sd-typography-family-sans);font-size:var(--sd-typography-size-body-sm);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;text-overflow:ellipsis}.sd-select-wrap[data-disabled=true] .sd-select{cursor:not-allowed}.sd-select option{background:var(--sd-color-surface-2);color:var(--sd-color-text-primary)}.sd-select__chevron{position:absolute;right:var(--sd-space-3);top:50%;transform:translateY(-50%);color:var(--sd-color-text-muted);pointer-events:none}.sd-combobox{position:relative;display:inline-block;width:100%}.sd-combobox__trigger{display:flex;align-items:center;gap:var(--sd-space-2);width:100%;padding:0 var(--sd-space-3);background:var(--sd-color-surface-inset);border:1px solid var(--sd-color-border-default);border-radius:var(--sd-radius-md);color:var(--sd-color-text-primary);font-family:var(--sd-typography-family-sans);font-size:var(--sd-typography-size-body-sm);cursor:pointer;text-align:left;transition:border-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),background-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),box-shadow var(--sd-motion-duration-fast) var(--sd-motion-easing-standard)}.sd-combobox__trigger[data-size=sm]{height:var(--sd-density-control-h-sm)}.sd-combobox__trigger[data-size=md]{height:var(--sd-density-control-h-md)}.sd-combobox__trigger[data-size=lg]{height:var(--sd-density-control-h-lg)}.sd-combobox__trigger:hover{border-color:var(--sd-color-border-strong)}.sd-combobox__trigger:focus-visible,.sd-combobox[data-open=true] .sd-combobox__trigger{border-color:var(--sd-color-border-focus);box-shadow:var(--sd-elevation-ring);outline:none}.sd-combobox__trigger[data-invalid=true]{border-color:var(--sd-color-state-danger)}.sd-combobox__trigger[disabled]{opacity:.6;cursor:not-allowed}.sd-combobox__value{flex:1;min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sd-combobox__value[data-placeholder=true]{color:var(--sd-color-text-muted)}.sd-combobox__clear,.sd-combobox__chevron{display:inline-flex;align-items:center;justify-content:center;color:var(--sd-color-text-muted);flex-shrink:0}.sd-combobox__clear{border:0;background:transparent;cursor:pointer;padding:0;border-radius:var(--sd-radius-sm)}.sd-combobox__clear:hover{color:var(--sd-color-text-primary)}.sd-combobox__panel{position:absolute;top:calc(100% + var(--sd-space-1));left:0;right:0;background:var(--sd-color-surface-2);border:1px solid var(--sd-color-border-default);border-radius:var(--sd-radius-md);box-shadow:var(--sd-elevation-3);z-index:var(--sd-z-dropdown);overflow:hidden;display:flex;flex-direction:column;animation:sd-combobox-in var(--sd-motion-duration-fast) var(--sd-motion-easing-decel)}@keyframes sd-combobox-in{0%{opacity:0;transform:scaleY(.96) translateY(calc(var(--sd-space-1) * -1))}to{opacity:1;transform:scaleY(1) translateY(0)}}.sd-combobox__search{display:flex;align-items:center;gap:var(--sd-space-2);padding:var(--sd-space-2) var(--sd-space-3);border-bottom:1px solid var(--sd-color-border-subtle)}.sd-combobox__search-input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-family:var(--sd-typography-family-sans);font-size:var(--sd-typography-size-body-sm);color:var(--sd-color-text-primary);padding:0}.sd-combobox__search-input::placeholder{color:var(--sd-color-text-muted)}.sd-combobox__list{list-style:none;margin:0;padding:var(--sd-space-1);max-height:var(--sd-layout-size-combobox-max-h);overflow-y:auto}.sd-combobox__option{display:flex;align-items:center;gap:var(--sd-space-2);padding:var(--sd-space-2) var(--sd-space-3);border-radius:var(--sd-radius-sm);cursor:pointer;font-size:var(--sd-typography-size-label);color:var(--sd-color-text-primary);transition:background-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard)}.sd-combobox__option[aria-disabled=true]{opacity:.5;cursor:not-allowed}.sd-combobox__option[data-highlighted=true]{background:var(--sd-color-surface-hover)}.sd-combobox__option[aria-selected=true]{background:var(--sd-color-surface-selected);color:var(--sd-color-brand-primary);font-weight:var(--sd-typography-weight-semibold)}.sd-combobox__option-icon{width:16px;height:16px;flex-shrink:0;color:var(--sd-color-text-muted)}.sd-combobox__empty{padding:var(--sd-space-4);text-align:center;color:var(--sd-color-text-muted);font-size:var(--sd-typography-size-body-sm)}.sd-checkbox{display:inline-flex;align-items:flex-start;gap:var(--sd-space-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--sd-typography-family-sans);font-size:var(--sd-typography-size-label);color:var(--sd-color-text-primary);line-height:var(--sd-typography-line-height-normal)}.sd-checkbox__input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.sd-checkbox__box{width:var(--sd-layout-size-check-md);height:var(--sd-layout-size-check-md);border-radius:var(--sd-radius-sm);border:1px solid var(--sd-color-border-strong);background:var(--sd-color-surface-1);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;transition:background-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),border-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),box-shadow var(--sd-motion-duration-fast) var(--sd-motion-easing-standard)}.sd-checkbox[data-size=sm] .sd-checkbox__box{width:var(--sd-layout-size-check-sm);height:var(--sd-layout-size-check-sm)}.sd-checkbox__check,.sd-checkbox__indeterminate{color:var(--sd-color-text-on-primary);opacity:0;transform:scale(.6);transition:opacity var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),transform var(--sd-motion-duration-fast) var(--sd-motion-easing-spring)}.sd-checkbox:hover .sd-checkbox__box{border-color:var(--sd-color-border-focus)}.sd-checkbox__input:focus-visible+.sd-checkbox__box{box-shadow:var(--sd-elevation-ring);border-color:var(--sd-color-border-focus)}.sd-checkbox__input:checked+.sd-checkbox__box{background:var(--sd-color-brand-primary);border-color:var(--sd-color-brand-primary)}.sd-checkbox__input:checked+.sd-checkbox__box .sd-checkbox__check{opacity:1;transform:scale(1)}.sd-checkbox__input:indeterminate+.sd-checkbox__box{background:var(--sd-color-brand-primary);border-color:var(--sd-color-brand-primary)}.sd-checkbox__input:indeterminate+.sd-checkbox__box .sd-checkbox__indeterminate{opacity:1;transform:scale(1)}.sd-checkbox[data-invalid=true] .sd-checkbox__box{border-color:var(--sd-color-state-danger)}.sd-checkbox[data-disabled=true]{cursor:not-allowed;color:var(--sd-color-text-muted)}.sd-checkbox[data-disabled=true] .sd-checkbox__box{background:var(--sd-color-surface-inset);border-color:var(--sd-color-border-default);opacity:.6}.sd-checkbox__label{display:flex;flex-direction:column;gap:var(--sd-space-1)}.sd-checkbox__description{font-size:var(--sd-typography-size-caption);color:var(--sd-color-text-muted)}.sd-radio{display:inline-flex;align-items:flex-start;gap:var(--sd-space-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--sd-typography-family-sans);font-size:var(--sd-typography-size-label);color:var(--sd-color-text-primary);line-height:var(--sd-typography-line-height-normal)}.sd-radio__input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.sd-radio__dot{width:var(--sd-layout-size-check-md);height:var(--sd-layout-size-check-md);border-radius:var(--sd-radius-pill);border:1px solid var(--sd-color-border-strong);background:var(--sd-color-surface-1);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;position:relative;transition:border-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),background-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),box-shadow var(--sd-motion-duration-fast) var(--sd-motion-easing-standard)}.sd-radio[data-size=sm] .sd-radio__dot{width:var(--sd-layout-size-check-sm);height:var(--sd-layout-size-check-sm)}.sd-radio__dot:after{content:"";width:8px;height:8px;border-radius:var(--sd-radius-pill);background:var(--sd-color-text-on-primary);opacity:0;transform:scale(.4);transition:opacity var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),transform var(--sd-motion-duration-fast) var(--sd-motion-easing-spring)}.sd-radio[data-size=sm] .sd-radio__dot:after{width:6px;height:6px}.sd-radio:hover .sd-radio__dot{border-color:var(--sd-color-border-focus)}.sd-radio__input:focus-visible+.sd-radio__dot{box-shadow:var(--sd-elevation-ring);border-color:var(--sd-color-border-focus)}.sd-radio__input:checked+.sd-radio__dot{background:var(--sd-color-brand-primary);border-color:var(--sd-color-brand-primary)}.sd-radio__input:checked+.sd-radio__dot:after{opacity:1;transform:scale(1)}.sd-radio[data-invalid=true] .sd-radio__dot{border-color:var(--sd-color-state-danger)}.sd-radio[data-disabled=true]{cursor:not-allowed;color:var(--sd-color-text-muted)}.sd-radio[data-disabled=true] .sd-radio__dot{background:var(--sd-color-surface-inset);border-color:var(--sd-color-border-default);opacity:.6}.sd-radio__label{display:flex;flex-direction:column;gap:var(--sd-space-1)}.sd-radio__description{font-size:var(--sd-typography-size-caption);color:var(--sd-color-text-muted)}.sd-switch{display:inline-flex;align-items:center;gap:var(--sd-space-3);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--sd-typography-family-sans);font-size:var(--sd-typography-size-label);color:var(--sd-color-text-primary)}.sd-switch__input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.sd-switch__track{width:var(--sd-layout-size-switch-track-md);height:var(--sd-layout-size-switch-track-h-md);border-radius:var(--sd-radius-pill);background:var(--sd-color-border-strong);position:relative;flex-shrink:0;transition:background-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),box-shadow var(--sd-motion-duration-fast) var(--sd-motion-easing-standard)}.sd-switch[data-size=sm] .sd-switch__track{width:var(--sd-layout-size-switch-track-sm);height:var(--sd-layout-size-switch-track-h-sm)}.sd-switch__thumb{position:absolute;top:50%;left:2px;transform:translateY(-50%);width:var(--sd-layout-size-switch-thumb-md);height:var(--sd-layout-size-switch-thumb-md);border-radius:var(--sd-radius-pill);background:var(--sd-color-surface-1);box-shadow:var(--sd-elevation-1);transition:transform var(--sd-motion-duration-fast) var(--sd-motion-easing-standard)}.sd-switch[data-size=sm] .sd-switch__thumb{width:var(--sd-layout-size-switch-thumb-sm);height:var(--sd-layout-size-switch-thumb-sm)}.sd-switch:hover .sd-switch__track{background:var(--sd-color-text-muted)}.sd-switch__input:focus-visible+.sd-switch__track{box-shadow:var(--sd-elevation-ring)}.sd-switch__input:checked+.sd-switch__track{background:var(--sd-color-brand-primary)}.sd-switch__input:checked+.sd-switch__track .sd-switch__thumb{transform:translate(calc(var(--sd-layout-size-switch-track-md) - var(--sd-layout-size-switch-thumb-md) - var(--sd-space-1)),-50%)}.sd-switch[data-size=sm] .sd-switch__input:checked+.sd-switch__track .sd-switch__thumb{transform:translate(calc(var(--sd-layout-size-switch-track-sm) - var(--sd-layout-size-switch-thumb-sm) - var(--sd-space-1)),-50%)}.sd-switch[data-disabled=true]{cursor:not-allowed;color:var(--sd-color-text-muted)}.sd-switch[data-disabled=true] .sd-switch__track{opacity:.5}.sd-switch__label{display:flex;flex-direction:column;gap:var(--sd-space-1)}.sd-switch__description{font-size:var(--sd-typography-size-caption);color:var(--sd-color-text-muted)}.sd-form{display:flex;flex-direction:column;gap:var(--sd-density-form-section-gap)}.sd-form-section{display:flex;flex-direction:column;gap:var(--sd-space-4)}.sd-form-section__header{display:flex;flex-direction:column;gap:var(--sd-space-1);padding-bottom:var(--sd-space-3);border-bottom:1px solid var(--sd-color-border-subtle)}.sd-form-section__title{font-size:var(--sd-typography-size-title-sm);font-weight:var(--sd-typography-weight-semibold);color:var(--sd-color-text-primary);margin:0}.sd-form-section__description{font-size:var(--sd-typography-size-body-sm);color:var(--sd-color-text-muted);margin:0}.sd-form-section__body{display:flex;flex-direction:column;gap:var(--sd-density-form-field-gap)}.sd-form-row{display:grid;gap:var(--sd-density-form-field-gap);grid-template-columns:repeat(var(--sd-form-row-cols, 2),minmax(0,1fr))}.sd-form-row[data-cols="1"]{--sd-form-row-cols: 1}.sd-form-row[data-cols="2"]{--sd-form-row-cols: 2}.sd-form-row[data-cols="3"]{--sd-form-row-cols: 3}.sd-form-row[data-cols="4"]{--sd-form-row-cols: 4}@media(max-width:767px){.sd-form-row{grid-template-columns:minmax(0,1fr)}}.sd-form-group{display:flex;flex-direction:column;gap:var(--sd-space-2)}.sd-form-group__legend{font-size:var(--sd-typography-size-label);font-weight:var(--sd-typography-weight-medium);color:var(--sd-color-text-secondary);padding:0;margin:0}.sd-form-group__required{color:var(--sd-color-state-danger);margin-left:var(--sd-space-1)}.sd-form-group__hint{font-size:var(--sd-typography-size-caption);color:var(--sd-color-text-muted)}.sd-form-group__error{font-size:var(--sd-typography-size-caption);color:var(--sd-color-text-danger)}.sd-form-group__items{display:flex;flex-direction:column;gap:var(--sd-space-2)}.sd-form-group[data-orientation=horizontal] .sd-form-group__items{flex-direction:row;flex-wrap:wrap;gap:var(--sd-space-3) var(--sd-space-5)}.sd-form-actions{display:flex;align-items:center;gap:var(--sd-space-2);padding-top:var(--sd-space-3);border-top:1px solid var(--sd-color-border-subtle)}.sd-form-actions[data-align=end]{justify-content:flex-end}.sd-form-actions[data-align=start]{justify-content:flex-start}.sd-form-actions[data-align=between]{justify-content:space-between}.sd-form-actions[data-no-border=true]{border-top:0;padding-top:0}@media(max-width:767px){.sd-form-actions{flex-direction:column-reverse;align-items:stretch}}.sd-card{background:var(--sd-color-surface-1);border:1px solid var(--sd-color-border-default);border-radius:var(--sd-radius-lg);box-shadow:var(--sd-elevation-1);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),border-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),transform var(--sd-motion-duration-fast) var(--sd-motion-easing-standard)}.sd-card[data-interactive=true]{cursor:pointer}.sd-card[data-interactive=true]:hover{border-color:var(--sd-color-border-strong);box-shadow:var(--sd-elevation-2)}.sd-card[data-interactive=true]:focus-visible{outline:none;box-shadow:var(--sd-elevation-2),var(--sd-elevation-ring)}.sd-card[data-variant=ghost]{background:transparent;border:0;box-shadow:none}.sd-card[data-variant=elevated]{box-shadow:var(--sd-elevation-2);border-color:transparent}.sd-card[data-accent=primary]{border-top:3px solid var(--sd-color-brand-primary)}.sd-card[data-accent=success]{border-top:3px solid var(--sd-color-state-success)}.sd-card[data-accent=warning]{border-top:3px solid var(--sd-color-state-warning)}.sd-card[data-accent=danger]{border-top:3px solid var(--sd-color-state-danger)}.sd-card[data-accent=info]{border-top:3px solid var(--sd-color-state-info)}.sd-card__header{padding:var(--sd-space-4) var(--sd-space-5);border-bottom:1px solid var(--sd-color-border-subtle);display:flex;align-items:flex-start;gap:var(--sd-space-3)}.sd-card__header-text{flex:1;min-width:0}.sd-card__title{font-size:var(--sd-typography-size-title-md);font-weight:var(--sd-typography-weight-semibold);color:var(--sd-color-text-primary);line-height:var(--sd-typography-line-height-tight);margin:0}.sd-card__subtitle{font-size:var(--sd-typography-size-body-sm);color:var(--sd-color-text-muted);margin-top:var(--sd-space-1)}.sd-card__header-actions{display:flex;align-items:center;gap:var(--sd-space-2);flex-shrink:0}.sd-card__body{padding:var(--sd-space-5);flex:1;min-height:0}.sd-card__footer{padding:var(--sd-space-4) var(--sd-space-5);border-top:1px solid var(--sd-color-border-subtle);background:var(--sd-color-surface-0);display:flex;align-items:center;justify-content:flex-end;gap:var(--sd-space-2)}.sd-dialog-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--sd-color-surface-overlay);z-index:var(--sd-z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--sd-space-4);animation:sd-dialog-scrim-in var(--sd-motion-duration-normal) var(--sd-motion-easing-decel)}@keyframes sd-dialog-scrim-in{0%{opacity:0}to{opacity:1}}.sd-dialog{background:var(--sd-color-surface-3);border-radius:var(--sd-radius-xl);box-shadow:var(--sd-elevation-4);border:1px solid var(--sd-color-border-subtle);width:100%;max-height:100%;z-index:var(--sd-z-modal);display:flex;flex-direction:column;overflow:hidden;animation:sd-dialog-in var(--sd-motion-duration-normal) var(--sd-motion-easing-decel)}@keyframes sd-dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sd-dialog[data-size=sm]{max-width:var(--sd-layout-size-dialog-sm)}.sd-dialog[data-size=md]{max-width:var(--sd-layout-size-dialog-md)}.sd-dialog[data-size=lg]{max-width:var(--sd-layout-size-dialog-lg)}.sd-dialog[data-size=xl]{max-width:var(--sd-layout-size-dialog-xl)}.sd-dialog__header{padding:var(--sd-space-5) var(--sd-space-6);border-bottom:1px solid var(--sd-color-border-subtle);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sd-space-4);flex-shrink:0}.sd-dialog__title{font-size:var(--sd-typography-size-title-md);font-weight:var(--sd-typography-weight-semibold);color:var(--sd-color-text-primary);margin:0;line-height:var(--sd-typography-line-height-tight)}.sd-dialog__description{font-size:var(--sd-typography-size-body-sm);color:var(--sd-color-text-muted);margin-top:var(--sd-space-1)}.sd-dialog__close{width:32px;height:32px;border-radius:var(--sd-radius-md);display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--sd-color-text-muted);border:0;cursor:pointer;flex-shrink:0;transition:background-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard)}.sd-dialog__close:hover{background:var(--sd-color-surface-hover);color:var(--sd-color-text-primary)}.sd-dialog__close:focus-visible{outline:none;box-shadow:var(--sd-elevation-ring)}.sd-dialog__body{padding:var(--sd-space-5) var(--sd-space-6);overflow-y:auto;flex:1;min-height:0}.sd-dialog__footer{padding:var(--sd-space-4) var(--sd-space-6);border-top:1px solid var(--sd-color-border-subtle);background:var(--sd-color-surface-0);display:flex;align-items:center;justify-content:flex-end;gap:var(--sd-space-2);flex-shrink:0}.sd-dropdown{position:relative;display:inline-block}.sd-dropdown__menu{position:absolute;z-index:var(--sd-z-dropdown);min-width:var(--sd-layout-size-dropdown-min);background:var(--sd-color-surface-2);border:1px solid var(--sd-color-border-default);border-radius:var(--sd-radius-md);box-shadow:var(--sd-elevation-3);padding:var(--sd-space-1);margin-top:var(--sd-space-1);display:flex;flex-direction:column;gap:var(--sd-space-1);animation:sd-dropdown-in var(--sd-motion-duration-fast) var(--sd-motion-easing-decel);transform-origin:top left;outline:none}.sd-dropdown__menu[data-align=end]{right:0}.sd-dropdown__menu[data-align=center]{left:50%;transform:translate(-50%)}.sd-dropdown__menu[data-direction=up]{bottom:100%;top:auto;margin-bottom:var(--sd-space-1);margin-top:0;transform-origin:bottom left}@keyframes sd-dropdown-in{0%{opacity:0;transform:scaleY(.96) translateY(calc(var(--sd-space-1) * -1))}to{opacity:1;transform:scaleY(1) translateY(0)}}.sd-dropdown__item{display:flex;align-items:center;gap:var(--sd-space-2);padding:var(--sd-space-2) var(--sd-space-3);border-radius:var(--sd-radius-sm);font-size:var(--sd-typography-size-label);color:var(--sd-color-text-primary);cursor:pointer;background:transparent;border:0;text-align:left;width:100%;text-decoration:none;transition:background-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard)}.sd-dropdown__item:hover,.sd-dropdown__item[data-highlighted=true]{background:var(--sd-color-surface-hover)}.sd-dropdown__item:focus-visible{outline:none;box-shadow:var(--sd-elevation-ring)}.sd-dropdown__item[data-variant=danger]{color:var(--sd-color-text-danger)}.sd-dropdown__item[data-variant=danger]:hover{background:var(--sd-color-state-danger-bg)}.sd-dropdown__item[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.sd-dropdown__icon{width:16px;height:16px;flex-shrink:0;color:var(--sd-color-text-muted)}.sd-dropdown__shortcut{margin-left:auto;font-family:var(--sd-typography-family-mono);font-size:var(--sd-typography-size-caption);color:var(--sd-color-text-subtle)}.sd-dropdown__separator{height:1px;background:var(--sd-color-border-subtle);margin:var(--sd-space-1) calc(var(--sd-space-1) * -1);border:0}.sd-dropdown__label{padding:var(--sd-space-2) var(--sd-space-3);font-size:var(--sd-typography-size-caption);font-weight:var(--sd-typography-weight-semibold);letter-spacing:var(--sd-typography-tracking-normal);color:var(--sd-color-text-muted)}.sd-tabs{display:flex;flex-direction:column;gap:var(--sd-space-4);width:100%}.sd-tabs__list{display:flex;align-items:center;gap:var(--sd-space-1);border-bottom:1px solid var(--sd-color-border-default);overflow-x:auto;scrollbar-width:thin}.sd-tabs__list[data-variant=pills]{border-bottom:0;padding:var(--sd-space-1);background:var(--sd-color-surface-inset);border-radius:var(--sd-radius-md);gap:var(--sd-space-1);width:fit-content}.sd-tabs__tab{display:inline-flex;align-items:center;gap:var(--sd-space-2);padding:var(--sd-space-3) var(--sd-space-4);font-size:var(--sd-typography-size-label);font-weight:var(--sd-typography-weight-medium);color:var(--sd-color-text-muted);background:transparent;border:0;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;position:relative;transition:color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),border-color var(--sd-motion-duration-normal) var(--sd-motion-easing-standard),background-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard)}.sd-tabs__tab:hover{color:var(--sd-color-text-primary)}.sd-tabs__tab[aria-selected=true]{color:var(--sd-color-text-primary);border-bottom-color:var(--sd-color-brand-primary)}.sd-tabs__tab:focus-visible{outline:none;box-shadow:var(--sd-elevation-ring);border-radius:var(--sd-radius-sm)}.sd-tabs__tab[aria-disabled=true]{opacity:.5;cursor:not-allowed}.sd-tabs__tab-badge{margin-left:var(--sd-space-1)}.sd-tabs__list[data-variant=pills] .sd-tabs__tab{border-bottom:0;padding:var(--sd-space-2) var(--sd-space-3);border-radius:var(--sd-radius-sm)}.sd-tabs__list[data-variant=pills] .sd-tabs__tab[aria-selected=true]{background:var(--sd-color-surface-1);color:var(--sd-color-text-primary);box-shadow:var(--sd-elevation-1)}.sd-tabs__panel{outline:none}.sd-tabs__panel[hidden]{display:none}.sd-badge{display:inline-flex;align-items:center;gap:var(--sd-space-1);padding:0 var(--sd-space-2);height:20px;font-size:var(--sd-typography-size-micro);font-weight:var(--sd-typography-weight-semibold);line-height:1;letter-spacing:var(--sd-typography-tracking-normal);border-radius:var(--sd-radius-sm);border:1px solid transparent;white-space:nowrap}.sd-badge[data-size=md]{height:24px;padding:0 var(--sd-space-2);font-size:var(--sd-typography-size-caption)}.sd-badge[data-size=lg]{height:28px;padding:0 var(--sd-space-3);font-size:var(--sd-typography-size-label)}.sd-badge[data-tone=solid][data-variant=neutral]{background:var(--sd-color-text-secondary);color:var(--sd-color-text-inverse)}.sd-badge[data-tone=solid][data-variant=primary]{background:var(--sd-color-brand-primary);color:var(--sd-color-text-on-primary)}.sd-badge[data-tone=solid][data-variant=success]{background:var(--sd-color-state-success);color:var(--sd-color-text-on-primary)}.sd-badge[data-tone=solid][data-variant=warning]{background:var(--sd-color-state-warning);color:var(--sd-color-text-on-primary)}.sd-badge[data-tone=solid][data-variant=danger]{background:var(--sd-color-state-danger);color:var(--sd-color-text-on-primary)}.sd-badge[data-tone=solid][data-variant=info]{background:var(--sd-color-state-info);color:var(--sd-color-text-on-primary)}.sd-badge[data-tone=soft][data-variant=neutral]{background:var(--sd-color-surface-hover);color:var(--sd-color-text-secondary)}.sd-badge[data-tone=soft][data-variant=primary]{background:var(--sd-color-surface-selected);color:var(--sd-color-brand-primary)}.sd-badge[data-tone=soft][data-variant=success]{background:var(--sd-color-state-success-bg);color:var(--sd-color-state-success)}.sd-badge[data-tone=soft][data-variant=warning]{background:var(--sd-color-state-warning-bg);color:var(--sd-color-state-warning)}.sd-badge[data-tone=soft][data-variant=danger]{background:var(--sd-color-state-danger-bg);color:var(--sd-color-state-danger)}.sd-badge[data-tone=soft][data-variant=info]{background:var(--sd-color-state-info-bg);color:var(--sd-color-state-info)}.sd-badge[data-tone=outline]{background:transparent}.sd-badge[data-tone=outline][data-variant=neutral]{border-color:var(--sd-color-border-default);color:var(--sd-color-text-secondary)}.sd-badge[data-tone=outline][data-variant=primary]{border-color:var(--sd-color-brand-primary);color:var(--sd-color-brand-primary)}.sd-badge[data-tone=outline][data-variant=success]{border-color:var(--sd-color-state-success);color:var(--sd-color-state-success)}.sd-badge[data-tone=outline][data-variant=warning]{border-color:var(--sd-color-state-warning);color:var(--sd-color-state-warning)}.sd-badge[data-tone=outline][data-variant=danger]{border-color:var(--sd-color-state-danger);color:var(--sd-color-state-danger)}.sd-badge[data-tone=outline][data-variant=info]{border-color:var(--sd-color-state-info);color:var(--sd-color-state-info)}.sd-badge[data-pill=true]{border-radius:var(--sd-radius-pill)}.sd-badge__dot{width:6px;height:6px;border-radius:var(--sd-radius-pill);background:currentColor;flex-shrink:0}.sd-status-pill{display:inline-flex;align-items:center;gap:var(--sd-space-2);padding:var(--sd-space-1) var(--sd-space-3);border-radius:var(--sd-radius-pill);font-size:var(--sd-typography-size-caption);font-weight:var(--sd-typography-weight-medium);line-height:1;background:var(--sd-color-surface-inset);color:var(--sd-color-text-secondary);border:1px solid var(--sd-color-border-subtle);white-space:nowrap}.sd-status-pill[data-status=success]{background:var(--sd-color-state-success-bg);color:var(--sd-color-state-success);border-color:transparent}.sd-status-pill[data-status=warning]{background:var(--sd-color-state-warning-bg);color:var(--sd-color-state-warning);border-color:transparent}.sd-status-pill[data-status=danger]{background:var(--sd-color-state-danger-bg);color:var(--sd-color-state-danger);border-color:transparent}.sd-status-pill[data-status=info]{background:var(--sd-color-state-info-bg);color:var(--sd-color-state-info);border-color:transparent}.sd-status-pill[data-status=pending]{background:var(--sd-color-surface-hover);color:var(--sd-color-text-muted)}.sd-status-pill__dot{width:8px;height:8px;border-radius:var(--sd-radius-pill);background:currentColor;flex-shrink:0}.sd-status-pill[data-pulse=true] .sd-status-pill__dot{position:relative}.sd-status-pill[data-pulse=true] .sd-status-pill__dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:currentColor;animation:sd-status-pulse 1.6s var(--sd-motion-easing-decel) infinite}@keyframes sd-status-pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(2.4);opacity:0}}.sd-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sd-space-12) var(--sd-space-6);gap:var(--sd-space-4);color:var(--sd-color-text-secondary);min-height:var(--sd-layout-size-empty-min-h)}.sd-empty__visual{width:64px;height:64px;border-radius:var(--sd-radius-pill);background:var(--sd-color-surface-inset);display:inline-flex;align-items:center;justify-content:center;color:var(--sd-color-text-muted);flex-shrink:0}.sd-empty__title{font-size:var(--sd-typography-size-title-sm);font-weight:var(--sd-typography-weight-semibold);color:var(--sd-color-text-primary);margin:0}.sd-empty__description{font-size:var(--sd-typography-size-body-sm);color:var(--sd-color-text-muted);max-width:var(--sd-layout-size-empty-max-w);margin:0;line-height:var(--sd-typography-line-height-normal)}.sd-empty__actions{display:flex;align-items:center;gap:var(--sd-space-2);margin-top:var(--sd-space-2)}.sd-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sd-space-3);padding:var(--sd-space-8) var(--sd-space-4);color:var(--sd-color-text-muted);min-height:var(--sd-layout-size-loading-min-h)}.sd-loading__spinner{width:28px;height:28px;color:var(--sd-color-brand-primary)}.sd-loading__spinner svg{animation:sd-loading-spin .9s linear infinite}@keyframes sd-loading-spin{to{transform:rotate(360deg)}}.sd-loading__label{font-size:var(--sd-typography-size-body-sm);color:var(--sd-color-text-muted)}.sd-skeleton{display:block;background:linear-gradient(90deg,var(--sd-color-surface-inset) 0%,var(--sd-color-surface-hover) 50%,var(--sd-color-surface-inset) 100%);background-size:200% 100%;border-radius:var(--sd-radius-sm);animation:sd-skeleton-shimmer 1.4s var(--sd-motion-easing-linear) infinite;width:var(--sd-skeleton-w, 100%);height:var(--sd-skeleton-h, 16px)}@keyframes sd-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sd-skeleton[data-shape=circle]{border-radius:var(--sd-radius-pill)}.sd-skeleton[data-shape=rect]{border-radius:var(--sd-radius-md)}.sd-stats-card{background:var(--sd-color-surface-1);border:1px solid var(--sd-color-border-default);border-radius:var(--sd-radius-lg);padding:var(--sd-space-5);display:flex;flex-direction:column;gap:var(--sd-space-3);box-shadow:var(--sd-elevation-1);transition:border-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),box-shadow var(--sd-motion-duration-fast) var(--sd-motion-easing-standard)}.sd-stats-card[data-interactive=true]{cursor:pointer}.sd-stats-card[data-interactive=true]:hover{border-color:var(--sd-color-border-strong);box-shadow:var(--sd-elevation-2)}.sd-stats-card[data-interactive=true]:focus-visible{outline:none;box-shadow:var(--sd-elevation-2),var(--sd-elevation-ring)}.sd-stats-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sd-space-2)}.sd-stats-card__label{font-size:var(--sd-typography-size-label);font-weight:var(--sd-typography-weight-medium);letter-spacing:var(--sd-typography-tracking-normal);color:var(--sd-color-text-muted)}.sd-stats-card__icon{width:28px;height:28px;border-radius:var(--sd-radius-md);background:var(--sd-color-surface-inset);display:inline-flex;align-items:center;justify-content:center;color:var(--sd-color-text-secondary);flex-shrink:0}.sd-stats-card[data-accent=primary] .sd-stats-card__icon{background:var(--sd-color-surface-selected);color:var(--sd-color-brand-primary)}.sd-stats-card[data-accent=success] .sd-stats-card__icon{background:var(--sd-color-state-success-bg);color:var(--sd-color-state-success)}.sd-stats-card[data-accent=warning] .sd-stats-card__icon{background:var(--sd-color-state-warning-bg);color:var(--sd-color-state-warning)}.sd-stats-card[data-accent=danger] .sd-stats-card__icon{background:var(--sd-color-state-danger-bg);color:var(--sd-color-state-danger)}.sd-stats-card[data-accent=info] .sd-stats-card__icon{background:var(--sd-color-state-info-bg);color:var(--sd-color-state-info)}.sd-stats-card__value{font-size:var(--sd-typography-size-title-xl);font-weight:var(--sd-typography-weight-bold);color:var(--sd-color-text-primary);line-height:var(--sd-typography-line-height-tight);letter-spacing:var(--sd-typography-tracking-tight);font-variant-numeric:tabular-nums}.sd-stats-card__unit{font-size:var(--sd-typography-size-body-md);font-weight:var(--sd-typography-weight-medium);color:var(--sd-color-text-muted);margin-left:var(--sd-space-1)}.sd-stats-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sd-space-2)}.sd-stats-card__delta{display:inline-flex;align-items:center;gap:var(--sd-space-1);font-size:var(--sd-typography-size-caption);font-weight:var(--sd-typography-weight-semibold);padding:var(--sd-space-1) var(--sd-space-2);border-radius:var(--sd-radius-sm)}.sd-stats-card__delta[data-trend=up]{color:var(--sd-color-state-success);background:var(--sd-color-state-success-bg)}.sd-stats-card__delta[data-trend=down]{color:var(--sd-color-state-danger);background:var(--sd-color-state-danger-bg)}.sd-stats-card__delta[data-trend=flat]{color:var(--sd-color-text-muted);background:var(--sd-color-surface-hover)}.sd-stats-card__hint{font-size:var(--sd-typography-size-caption);color:var(--sd-color-text-muted)}.sd-gauge{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sd-space-2);color:var(--sd-color-text-primary)}.sd-gauge[data-size=sm]{width:var(--sd-layout-size-gauge-sm);height:var(--sd-layout-size-gauge-sm)}.sd-gauge[data-size=md]{width:var(--sd-layout-size-gauge-md);height:var(--sd-layout-size-gauge-md)}.sd-gauge[data-size=lg]{width:var(--sd-layout-size-gauge-lg);height:var(--sd-layout-size-gauge-lg)}.sd-gauge[data-size=xl]{width:var(--sd-layout-size-gauge-xl);height:var(--sd-layout-size-gauge-xl)}.sd-gauge__svg{width:100%;height:100%;display:block;overflow:visible}.sd-gauge__track{fill:none;stroke:var(--sd-color-border-subtle)}.sd-gauge__arc{fill:none;stroke:var(--sd-color-brand-primary);stroke-linecap:round;transition:stroke-dashoffset var(--sd-motion-duration-slow) var(--sd-motion-easing-decel),stroke var(--sd-motion-duration-fast) var(--sd-motion-easing-standard)}.sd-gauge[data-variant=success] .sd-gauge__arc{stroke:var(--sd-color-state-success)}.sd-gauge[data-variant=warning] .sd-gauge__arc{stroke:var(--sd-color-state-warning)}.sd-gauge[data-variant=danger] .sd-gauge__arc{stroke:var(--sd-color-state-danger)}.sd-gauge[data-variant=info] .sd-gauge__arc{stroke:var(--sd-color-state-info)}.sd-gauge[data-variant=muted] .sd-gauge__arc{stroke:var(--sd-color-text-muted)}.sd-gauge__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--sd-space-1);pointer-events:none}.sd-gauge__value{font-size:var(--sd-typography-size-title-lg);font-weight:var(--sd-typography-weight-bold);font-variant-numeric:tabular-nums;letter-spacing:var(--sd-typography-tracking-tight);line-height:var(--sd-typography-line-height-tight)}.sd-gauge[data-size=sm] .sd-gauge__value{font-size:var(--sd-typography-size-title-sm)}.sd-gauge[data-size=xl] .sd-gauge__value{font-size:var(--sd-typography-size-title-xl)}.sd-gauge__unit{font-size:var(--sd-typography-size-caption);color:var(--sd-color-text-muted);font-weight:var(--sd-typography-weight-medium)}.sd-gauge__label{text-align:center;font-size:var(--sd-typography-size-caption);color:var(--sd-color-text-muted);font-weight:var(--sd-typography-weight-medium);letter-spacing:var(--sd-typography-tracking-normal)}@media(prefers-reduced-motion:reduce){.sd-gauge__arc{transition-duration:var(--sd-motion-duration-instant)}}.sd-priority{display:inline-flex;align-items:center;gap:var(--sd-space-2);font-family:var(--sd-typography-family-sans);font-size:var(--sd-typography-size-caption);color:var(--sd-color-text-secondary);line-height:1;white-space:nowrap}.sd-priority__dot{width:var(--sd-layout-size-priority-dot);height:var(--sd-layout-size-priority-dot);border-radius:var(--sd-radius-pill);flex-shrink:0;background:var(--sd-color-text-muted)}.sd-priority[data-level=low] .sd-priority__dot{background:var(--sd-color-text-muted)}.sd-priority[data-level=medium] .sd-priority__dot{background:var(--sd-color-state-info)}.sd-priority[data-level=high] .sd-priority__dot{background:var(--sd-color-state-warning)}.sd-priority[data-level=critical] .sd-priority__dot{background:var(--sd-color-state-danger)}.sd-priority[data-level=critical] .sd-priority__dot{box-shadow:0 0 0 3px var(--sd-color-state-danger-bg)}.sd-priority__bars{display:inline-flex;align-items:flex-end;gap:2px;height:var(--sd-layout-size-priority-bar);flex-shrink:0}.sd-priority__bar{width:3px;border-radius:1px;background:var(--sd-color-border-default)}.sd-priority__bar[data-active=true]{background:var(--sd-color-text-muted)}.sd-priority__bar:nth-child(1){height:33%}.sd-priority__bar:nth-child(2){height:66%}.sd-priority__bar:nth-child(3){height:100%}.sd-priority[data-level=low] .sd-priority__bar[data-active=true]{background:var(--sd-color-text-muted)}.sd-priority[data-level=medium] .sd-priority__bar[data-active=true]{background:var(--sd-color-state-info)}.sd-priority[data-level=high] .sd-priority__bar[data-active=true]{background:var(--sd-color-state-warning)}.sd-priority[data-level=critical] .sd-priority__bar[data-active=true]{background:var(--sd-color-state-danger)}.sd-priority__label{font-weight:var(--sd-typography-weight-semibold);letter-spacing:var(--sd-typography-tracking-normal)}.sd-priority[data-variant=full][data-level=low] .sd-priority__label{color:var(--sd-color-text-muted)}.sd-priority[data-variant=full][data-level=medium] .sd-priority__label{color:var(--sd-color-state-info)}.sd-priority[data-variant=full][data-level=high] .sd-priority__label{color:var(--sd-color-state-warning)}.sd-priority[data-variant=full][data-level=critical] .sd-priority__label{color:var(--sd-color-state-danger)}.sd-priority[data-size=sm]{font-size:var(--sd-typography-size-micro)}.sd-priority[data-size=sm] .sd-priority__dot{width:6px;height:6px}.sd-priority[data-size=sm] .sd-priority__bars{height:12px}.sd-priority[data-size=sm] .sd-priority__bar{width:2px}.sd-priority[data-size=lg]{font-size:var(--sd-typography-size-label)}.sd-priority[data-size=lg] .sd-priority__dot{width:12px;height:12px}.sd-tooltip{position:fixed;z-index:var(--sd-z-tooltip);pointer-events:none;background:var(--sd-color-surface-3);color:var(--sd-color-text-primary);border:1px solid var(--sd-color-border-subtle);box-shadow:var(--sd-elevation-3);border-radius:var(--sd-radius-md);padding:var(--sd-space-2) var(--sd-space-3);font-size:var(--sd-typography-size-caption);line-height:var(--sd-typography-line-height-normal);max-width:var(--sd-layout-size-tooltip-max-w);animation:sd-tooltip-in var(--sd-motion-duration-fast) var(--sd-motion-easing-decel)}.sd-tooltip[data-placement=top]{transform-origin:bottom center}.sd-tooltip[data-placement=bottom]{transform-origin:top center}.sd-tooltip[data-placement=left]{transform-origin:right center}.sd-tooltip[data-placement=right]{transform-origin:left center}@keyframes sd-tooltip-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.sd-tooltip__title{font-weight:var(--sd-typography-weight-semibold);margin-bottom:var(--sd-space-1)}.sd-tooltip__shortcut{display:inline-block;margin-left:var(--sd-space-2);padding:0 var(--sd-space-1);background:var(--sd-color-surface-inset);border:1px solid var(--sd-color-border-default);border-radius:var(--sd-radius-sm);font-family:var(--sd-typography-family-mono);font-size:var(--sd-typography-size-micro);color:var(--sd-color-text-muted)}.sd-toast-viewport{position:fixed;z-index:var(--sd-z-toast);display:flex;flex-direction:column;gap:var(--sd-space-2);width:100%;max-width:var(--sd-layout-size-toast-viewport);padding:var(--sd-space-4);pointer-events:none}.sd-toast-viewport[data-position=top-right]{top:0;right:0}.sd-toast-viewport[data-position=top-left]{top:0;left:0}.sd-toast-viewport[data-position=top-center]{top:0;left:50%;transform:translate(-50%)}.sd-toast-viewport[data-position=bottom-right]{bottom:0;right:0}.sd-toast-viewport[data-position=bottom-left]{bottom:0;left:0}.sd-toast-viewport[data-position=bottom-center]{bottom:0;left:50%;transform:translate(-50%)}.sd-toast-viewport[data-position^=bottom]{flex-direction:column-reverse}.sd-toast{pointer-events:auto;background:var(--sd-color-surface-2);border:1px solid var(--sd-color-border-default);border-radius:var(--sd-radius-lg);box-shadow:var(--sd-elevation-4);padding:var(--sd-space-3) var(--sd-space-4);display:grid;grid-template-columns:auto 1fr auto;gap:var(--sd-space-3);align-items:flex-start;max-width:var(--sd-layout-size-toast-w);width:100%;font-size:var(--sd-typography-size-body-sm);color:var(--sd-color-text-primary);animation:sd-toast-in var(--sd-motion-duration-normal) var(--sd-motion-easing-spring);position:relative;overflow:hidden}.sd-toast[data-exiting=true]{animation:sd-toast-out var(--sd-motion-duration-normal) var(--sd-motion-easing-accel) forwards}@keyframes sd-toast-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sd-toast-out{to{opacity:0;transform:translateY(8px) scale(.96)}}.sd-toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--sd-color-text-muted)}.sd-toast[data-variant=success]:before{background:var(--sd-color-state-success)}.sd-toast[data-variant=warning]:before{background:var(--sd-color-state-warning)}.sd-toast[data-variant=danger]:before{background:var(--sd-color-state-danger)}.sd-toast[data-variant=info]:before{background:var(--sd-color-state-info)}.sd-toast[data-variant=success]{box-shadow:var(--sd-elevation-4),var(--sd-glow-success)}.sd-toast[data-variant=danger]{box-shadow:var(--sd-elevation-4),var(--sd-glow-danger)}.sd-toast__icon{width:18px;height:18px;flex-shrink:0;color:var(--sd-color-text-muted);margin-top:1px}.sd-toast[data-variant=success] .sd-toast__icon{color:var(--sd-color-state-success)}.sd-toast[data-variant=warning] .sd-toast__icon{color:var(--sd-color-state-warning)}.sd-toast[data-variant=danger] .sd-toast__icon{color:var(--sd-color-state-danger)}.sd-toast[data-variant=info] .sd-toast__icon{color:var(--sd-color-state-info)}.sd-toast__body{display:flex;flex-direction:column;gap:var(--sd-space-1);min-width:0}.sd-toast__title{font-weight:var(--sd-typography-weight-semibold);color:var(--sd-color-text-primary)}.sd-toast__description{color:var(--sd-color-text-muted);font-size:var(--sd-typography-size-caption)}.sd-toast__action{margin-top:var(--sd-space-1);display:inline-flex;align-items:center;gap:var(--sd-space-2)}.sd-toast__close{width:24px;height:24px;border-radius:var(--sd-radius-sm);display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--sd-color-text-muted);border:0;cursor:pointer;flex-shrink:0;transition:background-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard)}.sd-toast__close:hover{background:var(--sd-color-surface-hover);color:var(--sd-color-text-primary)}.sd-toast__close:focus-visible{outline:none;box-shadow:var(--sd-elevation-ring)}.sd-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--sd-space-3);font-family:var(--sd-typography-family-sans);font-size:var(--sd-typography-size-label);color:var(--sd-color-text-secondary)}.sd-pagination[data-compact=true]{justify-content:flex-end}@media(max-width:767px){.sd-pagination{flex-direction:column;align-items:stretch;gap:var(--sd-space-2)}}.sd-pagination__info{display:flex;align-items:center;gap:var(--sd-space-2);color:var(--sd-color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.sd-pagination__range{color:var(--sd-color-text-secondary);font-weight:var(--sd-typography-weight-medium)}.sd-pagination__controls{display:flex;align-items:center;gap:var(--sd-space-1)}.sd-pagination__button{min-width:var(--sd-layout-size-pagination-button);height:var(--sd-layout-size-pagination-button);padding:0 var(--sd-space-2);border-radius:var(--sd-radius-md);border:1px solid var(--sd-color-border-default);background:var(--sd-color-surface-1);color:var(--sd-color-text-primary);font-family:inherit;font-size:var(--sd-typography-size-label);font-weight:var(--sd-typography-weight-medium);font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),border-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),box-shadow var(--sd-motion-duration-fast) var(--sd-motion-easing-standard)}.sd-pagination__button:hover:not(:disabled){background:var(--sd-color-surface-hover);border-color:var(--sd-color-border-strong)}.sd-pagination__button:focus-visible{outline:none;box-shadow:var(--sd-elevation-ring);border-color:var(--sd-color-border-focus)}.sd-pagination__button[aria-current=page]{background:var(--sd-color-brand-primary);border-color:var(--sd-color-brand-primary);color:var(--sd-color-text-on-primary);cursor:default}.sd-pagination__button[aria-current=page]:hover{background:var(--sd-color-brand-primary-hover);border-color:var(--sd-color-brand-primary-hover)}.sd-pagination__button:disabled{opacity:.4;cursor:not-allowed}.sd-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:var(--sd-layout-size-pagination-button);height:var(--sd-layout-size-pagination-button);color:var(--sd-color-text-muted);font-size:var(--sd-typography-size-label);-webkit-user-select:none;user-select:none}.sd-pagination__page-size{display:inline-flex;align-items:center;gap:var(--sd-space-2);margin-left:var(--sd-space-3);color:var(--sd-color-text-muted)}.sd-pagination__page-size-select{height:var(--sd-layout-size-pagination-button);border:1px solid var(--sd-color-border-default);border-radius:var(--sd-radius-md);background:var(--sd-color-surface-1);color:var(--sd-color-text-primary);font-family:inherit;font-size:var(--sd-typography-size-label);padding:0 var(--sd-space-2);cursor:pointer}.sd-pagination__page-size-select:focus-visible{outline:none;border-color:var(--sd-color-border-focus);box-shadow:var(--sd-elevation-ring)}.sd-pagination[data-compact=true] .sd-pagination__numbers{display:none}.sd-density-toggle{display:inline-flex;align-items:center;background:var(--sd-color-surface-inset);border:1px solid var(--sd-color-border-default);border-radius:var(--sd-radius-md);padding:2px;gap:2px}.sd-density-toggle__option{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--sd-color-text-muted);cursor:pointer;border-radius:var(--sd-radius-sm);font-family:var(--sd-typography-family-sans);font-size:var(--sd-typography-size-label);font-weight:var(--sd-typography-weight-medium);padding:0 var(--sd-space-2);transition:background-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard);gap:var(--sd-space-1)}.sd-density-toggle[data-size=sm] .sd-density-toggle__option{height:24px;min-width:24px}.sd-density-toggle[data-size=md] .sd-density-toggle__option{height:28px;min-width:28px}.sd-density-toggle__option:hover{color:var(--sd-color-text-secondary)}.sd-density-toggle__option[aria-pressed=true]{background:var(--sd-color-surface-1);color:var(--sd-color-text-primary);box-shadow:var(--sd-elevation-1)}.sd-density-toggle__option:focus-visible{outline:none;box-shadow:var(--sd-elevation-ring)}.sd-density-toggle__option[aria-pressed=true]:focus-visible{box-shadow:var(--sd-elevation-1),var(--sd-elevation-ring)}.sd-density-toggle__icon-only{padding:0}.sd-list-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-areas:"search filters actions density";align-items:center;gap:var(--sd-space-3);padding:var(--sd-space-3) 0}.sd-list-toolbar__search{grid-area:search;min-width:0}.sd-list-toolbar__filters{grid-area:filters;display:inline-flex;gap:var(--sd-space-2);align-items:center}.sd-list-toolbar__actions{grid-area:actions;display:inline-flex;gap:var(--sd-space-2);align-items:center}.sd-list-toolbar__density{grid-area:density;display:inline-flex;align-items:center}.sd-list-toolbar__status{display:flex;flex-wrap:wrap;gap:var(--sd-space-2);padding:var(--sd-space-2) 0}@media(max-width:1023px){.sd-list-toolbar{grid-template-columns:1fr auto;grid-template-areas:"search   actions" "filters  density";row-gap:var(--sd-space-2)}.sd-list-toolbar__filters{flex-wrap:wrap}}@media(max-width:639px){.sd-list-toolbar{grid-template-columns:1fr;grid-template-areas:"search" "filters" "actions" "density"}.sd-list-toolbar__actions,.sd-list-toolbar__density{justify-self:flex-start}}.sd-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sd-space-3);height:var(--sd-layout-size-bulk-bar-h);padding:0 var(--sd-space-4);background:var(--sd-color-surface-selected);border:1px solid var(--sd-color-brand-primary);border-radius:var(--sd-radius-md);font-family:var(--sd-typography-family-sans);font-size:var(--sd-typography-size-label);color:var(--sd-color-text-primary);animation:sd-bulk-bar-in var(--sd-motion-duration-fast) var(--sd-motion-easing-decel)}@keyframes sd-bulk-bar-in{0%{opacity:0;transform:translateY(calc(var(--sd-space-1) * -1))}to{opacity:1;transform:translateY(0)}}.sd-bulk-bar[data-variant=sticky]{position:sticky;top:var(--sd-layout-topbar-height);z-index:var(--sd-z-sticky);margin:0 calc(var(--sd-space-4) * -1);border-radius:0;border-left:0;border-right:0;padding:0 var(--sd-space-4)}.sd-bulk-bar__count{display:inline-flex;align-items:center;gap:var(--sd-space-2);font-weight:var(--sd-typography-weight-semibold);color:var(--sd-color-brand-primary);font-variant-numeric:tabular-nums}.sd-bulk-bar__count-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--sd-radius-pill);background:var(--sd-color-brand-primary);color:var(--sd-color-text-on-primary);font-size:var(--sd-typography-size-caption);font-weight:var(--sd-typography-weight-bold)}.sd-bulk-bar__actions{display:inline-flex;align-items:center;gap:var(--sd-space-2)}.sd-bulk-bar__clear{background:transparent;border:0;color:var(--sd-color-text-muted);font-family:inherit;font-size:var(--sd-typography-size-caption);cursor:pointer;padding:var(--sd-space-1) var(--sd-space-2);border-radius:var(--sd-radius-sm);transition:background-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard)}.sd-bulk-bar__clear:hover{background:var(--sd-color-surface-hover);color:var(--sd-color-text-primary)}.sd-bulk-bar__clear:focus-visible{outline:none;box-shadow:var(--sd-elevation-ring)}@media(max-width:639px){.sd-bulk-bar{height:auto;flex-direction:column;align-items:stretch;padding:var(--sd-space-2) var(--sd-space-3)}.sd-bulk-bar__actions{flex-wrap:wrap}}.sd-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--sd-color-border-default);border-radius:var(--sd-radius-lg);background:var(--sd-color-surface-1)}.sd-table{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--sd-typography-family-sans);font-size:var(--sd-typography-size-body-sm);color:var(--sd-color-text-primary)}.sd-table__head{background:var(--sd-color-surface-2);border-bottom:1px solid var(--sd-color-border-default)}.sd-table[data-sticky-header=true] .sd-table__head{position:sticky;top:0;z-index:var(--sd-z-raised)}.sd-table__th{height:var(--sd-density-table-header-h);padding:0 var(--sd-density-table-pad-x);width:var(--sd-th-w, auto);text-align:left;font-size:var(--sd-typography-size-caption);font-weight:var(--sd-typography-weight-semibold);letter-spacing:var(--sd-typography-tracking-normal);color:var(--sd-color-text-muted);white-space:nowrap;vertical-align:middle;border-bottom:1px solid var(--sd-color-border-default)}.sd-table__th[data-align=right]{text-align:right}.sd-table__th[data-align=center]{text-align:center}.sd-table__th[data-sortable=true]{cursor:pointer;-webkit-user-select:none;user-select:none}.sd-table__th-content{display:inline-flex;align-items:center;gap:var(--sd-space-1)}.sd-table__sort-icon{width:12px;height:12px;color:var(--sd-color-text-subtle);flex-shrink:0}.sd-table__th[aria-sort=ascending] .sd-table__sort-icon,.sd-table__th[aria-sort=descending] .sd-table__sort-icon{color:var(--sd-color-text-primary)}.sd-table__row{transition:background-color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard)}.sd-table__row:hover{background:var(--sd-color-surface-hover)}.sd-table__row[data-selected=true]{background:var(--sd-color-surface-selected)}.sd-table__row[data-interactive=true]{cursor:pointer}.sd-table__row[data-interactive=true]:focus-visible{outline:none;box-shadow:var(--sd-elevation-ring);position:relative;z-index:var(--sd-z-raised)}.sd-table__td{height:var(--sd-density-table-row-h);padding:var(--sd-density-table-pad-y) var(--sd-density-table-pad-x);border-bottom:1px solid var(--sd-color-border-subtle);vertical-align:middle;color:var(--sd-color-text-primary)}.sd-table__td[data-align=right]{text-align:right}.sd-table__td[data-align=center]{text-align:center}.sd-table__td[data-variant=muted]{color:var(--sd-color-text-muted)}.sd-table__td[data-variant=number]{font-variant-numeric:tabular-nums;text-align:right}.sd-table__td[data-variant=mono]{font-family:var(--sd-typography-family-mono);font-size:var(--sd-typography-size-caption)}.sd-table__row:last-child .sd-table__td{border-bottom:0}.sd-table__caption{caption-side:top;padding:var(--sd-space-3) var(--sd-density-table-pad-x);text-align:left;font-size:var(--sd-typography-size-body-sm);color:var(--sd-color-text-muted)}.sd-table__empty,.sd-table__loading{padding:var(--sd-space-8) var(--sd-space-4);text-align:center}:root,[data-theme=light]{--sd-color-brand-primary: #5B4BFF;--sd-color-brand-primary-hover: #4A3DE8;--sd-color-brand-primary-active: #3D31C9;--sd-color-brand-accent: #8B5CF6;--sd-color-brand-iris: #6D28D9;--sd-color-surface-0: #F7F7F9;--sd-color-surface-1: #FFFFFF;--sd-color-surface-2: #FCFCFD;--sd-color-surface-3: #FFFFFF;--sd-color-surface-inset: #F4F4F7;--sd-color-surface-overlay: rgba(15, 15, 24, .7);--sd-color-surface-hover: #F1F1F4;--sd-color-surface-selected: #EEEBFF;--sd-color-text-primary: #0A0A0F;--sd-color-text-secondary: #3F3F4F;--sd-color-text-muted: #6B6B7B;--sd-color-text-subtle: #9A9AA8;--sd-color-text-inverse: #F0F0F7;--sd-color-text-on-primary: #FFFFFF;--sd-color-text-link: #5B4BFF;--sd-color-text-danger: #DC2626;--sd-color-border-subtle: #EFEFF3;--sd-color-border-default: #E5E5EC;--sd-color-border-strong: #CBCBD6;--sd-color-border-focus: #5B4BFF;--sd-color-state-success: #10B981;--sd-color-state-success-bg: #ECFDF5;--sd-color-state-warning: #F59E0B;--sd-color-state-warning-bg: #FFFBEB;--sd-color-state-danger: #EF4444;--sd-color-state-danger-bg: #FEF2F2;--sd-color-state-info: #3B82F6;--sd-color-state-info-bg: #EFF6FF;--sd-color-focus-ring: rgba(91, 75, 255, .35);--sd-typography-family-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--sd-typography-family-mono: "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;--sd-typography-family-display: "Inter", system-ui, sans-serif;--sd-typography-weight-regular: 400;--sd-typography-weight-medium: 500;--sd-typography-weight-semibold: 600;--sd-typography-weight-bold: 700;--sd-typography-size-micro: .6875rem;--sd-typography-size-caption: .75rem;--sd-typography-size-label: .8125rem;--sd-typography-size-body-sm: .875rem;--sd-typography-size-body-md: .9375rem;--sd-typography-size-body-lg: 1rem;--sd-typography-size-title-sm: 1.125rem;--sd-typography-size-title-md: 1.25rem;--sd-typography-size-title-lg: 1.5rem;--sd-typography-size-title-xl: 1.875rem;--sd-typography-size-display: 2.5rem;--sd-typography-line-height-tight: 1.2;--sd-typography-line-height-normal: 1.5;--sd-typography-line-height-relaxed: 1.7;--sd-typography-tracking-tight: -.01em;--sd-typography-tracking-normal: 0;--sd-typography-tracking-wide: .04em;--sd-space-0: 0;--sd-space-1: .25rem;--sd-space-2: .5rem;--sd-space-3: .75rem;--sd-space-4: 1rem;--sd-space-5: 1.25rem;--sd-space-6: 1.5rem;--sd-space-8: 2rem;--sd-space-10: 2.5rem;--sd-space-12: 3rem;--sd-space-16: 4rem;--sd-space-20: 5rem;--sd-space-24: 6rem;--sd-radius-none: 0;--sd-radius-xs: .125rem;--sd-radius-sm: .25rem;--sd-radius-md: .5rem;--sd-radius-lg: .75rem;--sd-radius-xl: 1rem;--sd-radius-2xl: 1.5rem;--sd-radius-pill: 9999px;--sd-elevation-0: none;--sd-elevation-1: 0 1px 2px rgba(15, 15, 24, .06), 0 1px 1px rgba(15, 15, 24, .04);--sd-elevation-2: 0 4px 12px rgba(15, 15, 24, .08), 0 2px 4px rgba(15, 15, 24, .04);--sd-elevation-3: 0 12px 32px rgba(15, 15, 24, .12), 0 4px 8px rgba(15, 15, 24, .06);--sd-elevation-4: 0 24px 48px rgba(15, 15, 24, .16), 0 8px 16px rgba(15, 15, 24, .08);--sd-elevation-inset: inset 0 1px 2px rgba(15, 15, 24, .06);--sd-elevation-ring: 0 0 0 3px rgba(91, 75, 255, .35);--sd-glow-subtle: 0 0 12px rgba(91, 75, 255, .12);--sd-glow-primary: 0 0 24px rgba(91, 75, 255, .35);--sd-glow-iris: 0 0 32px rgba(109, 40, 217, .25);--sd-glow-success: 0 0 20px rgba(16, 185, 129, .25);--sd-glow-danger: 0 0 20px rgba(239, 68, 68, .25);--sd-motion-duration-instant: 0ms;--sd-motion-duration-micro: 80ms;--sd-motion-duration-fast: .12s;--sd-motion-duration-normal: .2s;--sd-motion-duration-slow: .32s;--sd-motion-duration-iris: 1.2s;--sd-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--sd-motion-easing-decel: cubic-bezier(0, 0, 0, 1);--sd-motion-easing-accel: cubic-bezier(.3, 0, 1, 1);--sd-motion-easing-spring: cubic-bezier(.34, 1.56, .64, 1);--sd-motion-easing-linear: linear;--sd-layout-sidebar-expanded: 240px;--sd-layout-sidebar-collapsed: 64px;--sd-layout-topbar-height: 56px;--sd-layout-content-max-width: 1440px;--sd-layout-content-gutter: 24px;--sd-layout-content-padding-x: 24px;--sd-layout-content-padding-y: 24px;--sd-layout-breakpoint-sm: 640px;--sd-layout-breakpoint-md: 768px;--sd-layout-breakpoint-lg: 1024px;--sd-layout-breakpoint-xl: 1280px;--sd-layout-breakpoint-2xl: 1536px;--sd-layout-size-dialog-sm: 400px;--sd-layout-size-dialog-md: 560px;--sd-layout-size-dialog-lg: 800px;--sd-layout-size-dialog-xl: 1120px;--sd-layout-size-dropdown-min: 200px;--sd-layout-size-empty-min-h: 240px;--sd-layout-size-empty-max-w: 420px;--sd-layout-size-loading-min-h: 160px;--sd-layout-size-tooltip-max-w: 240px;--sd-layout-size-toast-w: 360px;--sd-layout-size-toast-viewport: 440px;--sd-layout-size-combobox-max-h: 320px;--sd-layout-size-auth-card-w: 420px;--sd-layout-size-auth-glow: 600px;--sd-layout-size-switch-track-sm: 28px;--sd-layout-size-switch-track-md: 36px;--sd-layout-size-switch-track-h-sm: 16px;--sd-layout-size-switch-track-h-md: 20px;--sd-layout-size-switch-thumb-sm: 12px;--sd-layout-size-switch-thumb-md: 16px;--sd-layout-size-check-sm: 14px;--sd-layout-size-check-md: 18px;--sd-layout-size-avatar-xs: 20px;--sd-layout-size-avatar-sm: 24px;--sd-layout-size-avatar-md: 32px;--sd-layout-size-avatar-lg: 40px;--sd-layout-size-avatar-xl: 56px;--sd-layout-size-avatar-2xl: 80px;--sd-layout-size-avatar-status: 10px;--sd-layout-size-gauge-sm: 80px;--sd-layout-size-gauge-md: 120px;--sd-layout-size-gauge-lg: 160px;--sd-layout-size-gauge-xl: 200px;--sd-layout-size-priority-dot: 10px;--sd-layout-size-priority-bar: 20px;--sd-layout-size-pagination-button: 32px;--sd-layout-size-bulk-bar-h: 48px;--sd-layout-size-iris-xs: 24px;--sd-layout-size-iris-2xs: 36px;--sd-layout-size-iris-sm: 56px;--sd-layout-size-iris-md: 96px;--sd-layout-size-iris-lg: 160px;--sd-layout-size-iris-xl: 220px;--sd-layout-size-tokens-editor-col: 320px;--sd-layout-size-tokens-editor-aside-min: 280px;--sd-layout-size-tokens-editor-aside-max: 380px;--sd-layout-size-tokens-editor-swatch: 28px;--sd-density-control-h-sm: 28px;--sd-density-control-h-md: 36px;--sd-density-control-h-lg: 44px;--sd-density-table-row-h: 44px;--sd-density-table-header-h: 40px;--sd-density-table-pad-y: .5rem;--sd-density-table-pad-x: .75rem;--sd-density-nav-item-h: 40px;--sd-density-form-field-gap: 1rem;--sd-density-form-section-gap: 2rem;--sd-z-base: 0;--sd-z-raised: 10;--sd-z-sticky: 200;--sd-z-dropdown: 300;--sd-z-overlay: 1000;--sd-z-modal: 1100;--sd-z-popover: 1150;--sd-z-toast: 1200;--sd-z-tooltip: 1300;color-scheme:light}[data-theme=dark]{--sd-color-brand-primary: #7A6CFF;--sd-color-brand-primary-hover: #897EFF;--sd-color-brand-primary-active: #6B5FF0;--sd-color-brand-accent: #A78BFA;--sd-color-brand-iris: #8B5CF6;--sd-color-surface-0: #08080F;--sd-color-surface-1: #0E0E18;--sd-color-surface-2: #15151F;--sd-color-surface-3: #1B1B27;--sd-color-surface-inset: #0A0A12;--sd-color-surface-overlay: rgba(0, 0, 0, .8);--sd-color-surface-hover: #1F1F2C;--sd-color-surface-selected: #221F3A;--sd-color-text-primary: #F0F0F7;--sd-color-text-secondary: #C4C4D2;--sd-color-text-muted: #9090A0;--sd-color-text-subtle: #5C5C6B;--sd-color-text-inverse: #0A0A0F;--sd-color-text-link: #9B8DFF;--sd-color-text-danger: #F87171;--sd-color-border-subtle: #1F1F2B;--sd-color-border-default: #272735;--sd-color-border-strong: #3A3A4D;--sd-color-border-focus: #7A6CFF;--sd-color-state-success: #34D399;--sd-color-state-success-bg: #0F2F1F;--sd-color-state-warning: #FBBF24;--sd-color-state-warning-bg: #2A1F0A;--sd-color-state-danger: #F87171;--sd-color-state-danger-bg: #2A0E0E;--sd-color-state-info: #60A5FA;--sd-color-state-info-bg: #0E1F2F;--sd-color-focus-ring: rgba(122, 108, 255, .45);--sd-elevation-1: 0 1px 2px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .04);--sd-elevation-2: 0 4px 12px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .05);--sd-elevation-3: 0 12px 32px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .06);--sd-elevation-4: 0 24px 48px rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 255, 255, .08);--sd-elevation-inset: inset 0 1px 2px rgba(0, 0, 0, .5);--sd-elevation-ring: 0 0 0 3px rgba(122, 108, 255, .45);--sd-glow-subtle: 0 0 16px rgba(122, 108, 255, .18);--sd-glow-primary: 0 0 28px rgba(122, 108, 255, .45);--sd-glow-iris: 0 0 40px rgba(139, 92, 246, .45);--sd-glow-success: 0 0 24px rgba(52, 211, 153, .35);--sd-glow-danger: 0 0 24px rgba(248, 113, 113, .35);color-scheme:dark}@media(prefers-color-scheme:dark){:root[data-theme=auto]{--sd-color-brand-primary: #7A6CFF;--sd-color-brand-primary-hover: #897EFF;--sd-color-brand-primary-active: #6B5FF0;--sd-color-brand-accent: #A78BFA;--sd-color-brand-iris: #8B5CF6;--sd-color-surface-0: #08080F;--sd-color-surface-1: #0E0E18;--sd-color-surface-2: #15151F;--sd-color-surface-3: #1B1B27;--sd-color-surface-inset: #0A0A12;--sd-color-surface-overlay: rgba(0, 0, 0, .8);--sd-color-surface-hover: #1F1F2C;--sd-color-surface-selected: #221F3A;--sd-color-text-primary: #F0F0F7;--sd-color-text-secondary: #C4C4D2;--sd-color-text-muted: #9090A0;--sd-color-text-subtle: #5C5C6B;--sd-color-text-inverse: #0A0A0F;--sd-color-text-link: #9B8DFF;--sd-color-text-danger: #F87171;--sd-color-border-subtle: #1F1F2B;--sd-color-border-default: #272735;--sd-color-border-strong: #3A3A4D;--sd-color-border-focus: #7A6CFF;--sd-color-state-success: #34D399;--sd-color-state-success-bg: #0F2F1F;--sd-color-state-warning: #FBBF24;--sd-color-state-warning-bg: #2A1F0A;--sd-color-state-danger: #F87171;--sd-color-state-danger-bg: #2A0E0E;--sd-color-state-info: #60A5FA;--sd-color-state-info-bg: #0E1F2F;--sd-color-focus-ring: rgba(122, 108, 255, .45);--sd-elevation-1: 0 1px 2px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .04);--sd-elevation-2: 0 4px 12px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .05);--sd-elevation-3: 0 12px 32px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .06);--sd-elevation-4: 0 24px 48px rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 255, 255, .08);--sd-elevation-inset: inset 0 1px 2px rgba(0, 0, 0, .5);--sd-elevation-ring: 0 0 0 3px rgba(122, 108, 255, .45);--sd-glow-subtle: 0 0 16px rgba(122, 108, 255, .18);--sd-glow-primary: 0 0 28px rgba(122, 108, 255, .45);--sd-glow-iris: 0 0 40px rgba(139, 92, 246, .45);--sd-glow-success: 0 0 24px rgba(52, 211, 153, .35);--sd-glow-danger: 0 0 24px rgba(248, 113, 113, .35);color-scheme:dark}}[data-density=comfortable]{--sd-density-control-h-sm: 28px;--sd-density-control-h-md: 36px;--sd-density-control-h-lg: 44px;--sd-density-table-row-h: 44px;--sd-density-table-header-h: 40px;--sd-density-table-pad-y: .5rem;--sd-density-table-pad-x: .75rem;--sd-density-nav-item-h: 40px;--sd-density-form-field-gap: 1rem;--sd-density-form-section-gap: 2rem;--sd-layout-topbar-height: 56px}[data-density=compact]{--sd-density-control-h-sm: 24px;--sd-density-control-h-md: 32px;--sd-density-control-h-lg: 40px;--sd-density-table-row-h: 36px;--sd-density-table-header-h: 32px;--sd-density-table-pad-y: .375rem;--sd-density-table-pad-x: .625rem;--sd-density-nav-item-h: 32px;--sd-density-form-field-gap: .75rem;--sd-density-form-section-gap: 1.5rem;--sd-layout-topbar-height: 48px;--sd-typography-size-body-md: .875rem;--sd-typography-size-body-sm: .8125rem;--sd-typography-size-label: .75rem}.sd-button,.sd-input,.sd-textarea,.sd-select{font-family:inherit;font-size:inherit;color:inherit;margin:0}button.sd-button{background:none;border:0;padding:0;cursor:pointer}.sd-skip-link{position:absolute;left:var(--sd-space-2);top:var(--sd-space-2);padding:var(--sd-space-2) var(--sd-space-3);background:var(--sd-color-surface-3);color:var(--sd-color-text-primary);border-radius:var(--sd-radius-md);box-shadow:var(--sd-elevation-3);z-index:var(--sd-z-tooltip);transform:translateY(-200%);transition:transform var(--sd-motion-duration-fast) var(--sd-motion-easing-standard)}.sd-skip-link:focus-visible{transform:translateY(0);outline:none;box-shadow:var(--sd-elevation-3),var(--sd-elevation-ring)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:var(--sd-motion-duration-instant)!important;animation-iteration-count:1!important;transition-duration:var(--sd-motion-duration-instant)!important;scroll-behavior:auto!important}}.sd-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.showcase{min-height:100vh;display:flex;flex-direction:column;background:var(--sd-color-surface-0);color:var(--sd-color-text-primary)}.showcase__topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:var(--sd-space-3) var(--sd-space-6);background:var(--sd-color-surface-1);border-bottom:1px solid var(--sd-color-border-default);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.showcase__brand{display:flex;align-items:center;gap:var(--sd-space-3)}.showcase__brand-dot{width:24px;height:24px;border-radius:var(--sd-radius-pill);background:var(--sd-color-brand-primary);box-shadow:var(--sd-glow-primary)}.showcase__brand-title{margin:0;font-size:var(--sd-typography-size-title-md);font-weight:var(--sd-typography-weight-bold);line-height:1.2}.showcase__brand-sub{display:block;font-size:var(--sd-typography-size-caption);color:var(--sd-color-text-muted);margin-top:2px}.showcase__topbar-actions{display:inline-flex;align-items:center;gap:var(--sd-space-2)}.showcase__nav{position:sticky;top:64px;z-index:9;display:flex;flex-wrap:wrap;gap:var(--sd-space-2);padding:var(--sd-space-3) var(--sd-space-6);background:var(--sd-color-surface-0);border-bottom:1px solid var(--sd-color-border-subtle)}.showcase__nav-link{display:inline-flex;align-items:center;padding:var(--sd-space-1) var(--sd-space-3);font-size:var(--sd-typography-size-caption);font-weight:var(--sd-typography-weight-medium);color:var(--sd-color-text-secondary);background:var(--sd-color-surface-1);border:1px solid var(--sd-color-border-default);border-radius:var(--sd-radius-pill);text-decoration:none;transition:background var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard)}.showcase__nav-link:hover{background:var(--sd-color-surface-hover);color:var(--sd-color-text-primary)}.showcase__main{flex:1;display:flex;flex-direction:column;gap:var(--sd-space-8);padding:var(--sd-space-6) var(--sd-space-6) var(--sd-space-12);max-width:1280px;margin:0 auto;width:100%}.showcase__section{scroll-margin-top:128px}.showcase__section-header{margin-bottom:var(--sd-space-4);padding-bottom:var(--sd-space-3);border-bottom:1px solid var(--sd-color-border-subtle)}.showcase__section-title{margin:0;font-size:var(--sd-typography-size-title-xl);font-weight:var(--sd-typography-weight-bold);color:var(--sd-color-text-primary)}.showcase__section-sub{margin:var(--sd-space-1) 0 0;font-size:var(--sd-typography-size-body-sm);color:var(--sd-color-text-muted)}.showcase__section-body{display:flex;flex-direction:column;gap:var(--sd-space-4)}.showcase__row{display:grid;grid-template-columns:140px 1fr;gap:var(--sd-space-4);align-items:flex-start}.showcase__row-label{font-size:var(--sd-typography-size-caption);font-weight:var(--sd-typography-weight-medium);color:var(--sd-color-text-muted);text-transform:uppercase;letter-spacing:.08em;padding-top:var(--sd-space-2)}.showcase__row-content{display:flex;flex-direction:column;gap:var(--sd-space-3)}.showcase__inline{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--sd-space-3)}.showcase__inline--center{align-items:center}.showcase__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--sd-space-3);width:100%}.showcase__swatch{display:flex;flex-direction:column;gap:var(--sd-space-1)}.showcase__swatch-chip{width:100%;height:56px;border-radius:var(--sd-radius-md);border:1px solid var(--sd-color-border-default)}.showcase__swatch-label{font-family:var(--sd-typography-family-mono);font-size:var(--sd-typography-size-caption);color:var(--sd-color-text-secondary)}.showcase__spaces{display:flex;flex-direction:column;gap:var(--sd-space-2)}.showcase__space-item{display:grid;grid-template-columns:1fr 80px;gap:var(--sd-space-3);align-items:center}.showcase__space-bar{height:16px;background:var(--sd-color-brand-primary);border-radius:var(--sd-radius-xs)}.showcase__radii{display:flex;gap:var(--sd-space-3);flex-wrap:wrap}.showcase__radius-item{display:flex;flex-direction:column;align-items:center;gap:var(--sd-space-1)}.showcase__radius-box{width:56px;height:56px;background:var(--sd-color-surface-1);border:1px solid var(--sd-color-border-strong)}.showcase__type{display:flex;flex-direction:column;gap:var(--sd-space-2);padding:var(--sd-space-4);background:var(--sd-color-surface-1);border:1px solid var(--sd-color-border-default);border-radius:var(--sd-radius-md)}.showcase__cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sd-space-4)}.showcase__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sd-space-3);flex:1;min-width:360px}.showcase__canonical{display:flex;flex-direction:column;gap:var(--sd-space-4);padding:var(--sd-space-5);background:var(--sd-color-surface-1);border:1px solid var(--sd-color-border-default);border-radius:var(--sd-radius-lg)}.showcase__canonical-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sd-space-4);margin-bottom:var(--sd-space-2)}.showcase__canonical-title{margin:0;font-size:var(--sd-typography-size-title-xl);font-weight:var(--sd-typography-weight-bold)}.showcase__canonical-sub{margin:var(--sd-space-1) 0 0;font-size:var(--sd-typography-size-body-sm);color:var(--sd-color-text-muted)}.showcase__canonical-actions{display:inline-flex;align-items:center;gap:var(--sd-space-2)}.showcase__pills{display:flex;flex-wrap:wrap;gap:var(--sd-space-2)}.showcase__pill{display:inline-flex;align-items:center;gap:var(--sd-space-2);padding:var(--sd-space-2) var(--sd-space-3);border-radius:var(--sd-radius-pill);background:var(--sd-color-surface-0);border:1px solid var(--sd-color-border-default);color:var(--sd-color-text-secondary);font-size:var(--sd-typography-size-label);font-weight:var(--sd-typography-weight-medium);cursor:pointer;transition:background var(--sd-motion-duration-fast) var(--sd-motion-easing-standard),color var(--sd-motion-duration-fast) var(--sd-motion-easing-standard)}.showcase__pill:hover{background:var(--sd-color-surface-hover);color:var(--sd-color-text-primary)}.showcase__pill[data-active=true]{background:var(--sd-color-brand-primary);border-color:var(--sd-color-brand-primary);color:var(--sd-color-text-on-primary)}.showcase__pill-count{font-variant-numeric:tabular-nums;font-size:var(--sd-typography-size-caption);background:var(--sd-color-surface-inset);color:var(--sd-color-text-muted);padding:0 var(--sd-space-2);border-radius:var(--sd-radius-pill);min-width:22px;text-align:center}.showcase__pill[data-active=true] .showcase__pill-count{background:var(--sd-color-surface-1);color:var(--sd-color-brand-primary)}.showcase__footer{padding:var(--sd-space-6);background:var(--sd-color-surface-1);border-top:1px solid var(--sd-color-border-default);text-align:center;font-size:var(--sd-typography-size-caption);color:var(--sd-color-text-muted)}.showcase__footer code{font-family:var(--sd-typography-family-mono);background:var(--sd-color-surface-inset);padding:2px 6px;border-radius:var(--sd-radius-xs)}@media(max-width:768px){.showcase__row{grid-template-columns:1fr;gap:var(--sd-space-2)}.showcase__row-label{padding-top:0}.showcase__nav{overflow-x:auto;flex-wrap:nowrap}.showcase__nav-link{white-space:nowrap;flex-shrink:0}.showcase__stats{grid-template-columns:1fr;min-width:0}.showcase__cards-grid{grid-template-columns:1fr}}