[data-theme=dark],:root{--sp-bg:#0a0b0a;--sp-surface:#111311;--sp-surface-2:#1a1d1a;--sp-surface-3:#222622;--sp-border:#2e332e;--sp-border-2:#3d453d;--sp-text:#eaece8;--sp-text-2:#a8b0a4;--sp-text-muted:#636b60;--sp-primary:#4a7c59;--sp-primary-outline:#6b9b7a;--sp-primary-fg:#eaece8;--sp-primary-hover:#56926a;--sp-danger:#8b3a3a;--sp-danger-fg:#f4c4c4;--sp-warning:#7a5c1e;--sp-warning-fg:#f5dfa0;--sp-success:#2e6644;--sp-success-fg:#b8f0cc;--sp-info:#2a4f7a;--sp-info-fg:#b8d8f5}[data-theme=light]{--sp-bg:#f4f5f2;--sp-surface:#eaece7;--sp-surface-2:#e0e3dc;--sp-surface-3:#d5d9d0;--sp-border:#c2c9bb;--sp-border-2:#adb5a5;--sp-text:#141614;--sp-text-2:#3d4539;--sp-text-muted:#6b7565;--sp-primary:#3d6b4a;--sp-primary-fg:#f4f5f2;--sp-primary-hover:#4a7c59;--sp-danger:#922e2e;--sp-danger-fg:#fff0f0;--sp-warning:#7a5200;--sp-warning-fg:#fff8e6;--sp-success:#1f5c34;--sp-success-fg:#eafff1;--sp-info:#1e4a7a;--sp-info-fg:#eef5ff}[data-theme=high-contrast]{--sp-bg:#000;--sp-surface:#0a0a0a;--sp-surface-2:#141414;--sp-surface-3:#1e1e1e;--sp-border:#fff;--sp-border-2:#fff;--sp-text:#fff;--sp-text-2:#eee;--sp-text-muted:#bbb;--sp-primary:#0f8;--sp-primary-fg:#000;--sp-primary-hover:#00cc6e;--sp-danger:#f44;--sp-danger-fg:#000;--sp-warning:#fc0;--sp-warning-fg:#000;--sp-success:#0f8;--sp-success-fg:#000;--sp-info:#4af;--sp-info-fg:#000}@media (prefers-color-scheme:light){:root:not([data-theme]){--sp-bg:#f4f5f2;--sp-surface:#eaece7;--sp-surface-2:#e0e3dc;--sp-surface-3:#d5d9d0;--sp-border:#c2c9bb;--sp-border-2:#adb5a5;--sp-text:#141614;--sp-text-2:#3d4539;--sp-text-muted:#6b7565;--sp-primary:#3d6b4a;--sp-primary-fg:#f4f5f2;--sp-primary-hover:#4a7c59;--sp-danger:#922e2e;--sp-danger-fg:#fff0f0;--sp-warning:#7a5200;--sp-warning-fg:#fff8e6;--sp-success:#1f5c34;--sp-success-fg:#eafff1;--sp-info:#1e4a7a;--sp-info-fg:#eef5ff}}@media (prefers-color-scheme:dark){:root:not([data-theme]){--sp-bg:#0a0b0a;--sp-surface:#111311;--sp-surface-2:#1a1d1a;--sp-surface-3:#222622;--sp-border:#2e332e;--sp-border-2:#3d453d;--sp-text:#eaece8;--sp-text-2:#a8b0a4;--sp-text-muted:#636b60;--sp-primary:#4a7c59;--sp-primary-outline:#6b9b7a;--sp-primary-fg:#eaece8;--sp-primary-hover:#56926a;--sp-danger:#8b3a3a;--sp-danger-fg:#f4c4c4;--sp-warning:#7a5c1e;--sp-warning-fg:#f5dfa0;--sp-success:#2e6644;--sp-success-fg:#b8f0cc;--sp-info:#2a4f7a;--sp-info-fg:#b8d8f5}}:root{--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-text-xs:clamp(.6875rem, .65rem + .2vw, .75rem);--sp-text-sm:clamp(.8125rem, .78rem + .2vw, .875rem);--sp-text-base:clamp(.9375rem, .9rem + .2vw, 1rem);--sp-text-md:clamp(1rem, .95rem + .3vw, 1.125rem);--sp-text-lg:clamp(1.125rem, 1rem + .5vw, 1.25rem);--sp-text-xl:clamp(1.25rem, 1.1rem + .8vw, 1.5rem);--sp-text-2xl:clamp(1.5rem, 1.2rem + 1.5vw, 2rem);--sp-text-3xl:clamp(2rem, 1.5rem + 2.5vw, 3rem);--sp-font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sp-font-mono:ui-monospace, "Cascadia Code", "Fira Code", monospace;--sp-leading:1.6;--sp-leading-tight:1.2;--sp-radius-sm:3px;--sp-radius-md:5px;--sp-radius-lg:8px;--sp-radius-full:9999px;--sp-dur-fast:.12s;--sp-dur-base:.2s;--sp-ease:cubic-bezier(.2, 0, 0, 1)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--sp-layer-base:0;--sp-layer-raised:10;--sp-layer-dropdown:100;--sp-layer-modal:200;--sp-layer-toast:300;--sp-layer-tooltip:400;--sp-shadow-sm:0 1px 3px #0000004d;--sp-shadow-md:0 4px 12px #0006}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}body{font-family:var(--sp-font);font-size:var(--sp-text-base);line-height:var(--sp-leading);background:var(--sp-bg);color:var(--sp-text);-webkit-text-size-adjust:100%}html{scroll-behavior:smooth}img,video{max-width:100%;display:block}a{color:var(--sp-primary);text-underline-offset:3px;text-decoration:underline}a:hover{color:var(--sp-primary-hover)}h1{font-size:var(--sp-text-3xl);font-weight:700;line-height:var(--sp-leading-tight)}h2{font-size:var(--sp-text-2xl);font-weight:700}h3{font-size:var(--sp-text-xl);font-weight:600}h4{font-size:var(--sp-text-lg);font-weight:600}h5{font-size:var(--sp-text-md);font-weight:600}h6{font-size:var(--sp-text-base);font-weight:600}p{font-size:var(--sp-text-base);line-height:var(--sp-leading)}:where(p){margin-bottom:var(--sp-4)}small{font-size:var(--sp-text-sm);color:var(--sp-text-muted)}strong{font-weight:600}code{font-family:var(--sp-font-mono);font-size:var(--sp-text-sm);background:var(--sp-surface-2);border-radius:var(--sp-radius-sm);padding:2px 5px}pre{font-family:var(--sp-font-mono);font-size:var(--sp-text-sm);background:var(--sp-surface);border:1px solid var(--sp-border);padding:var(--sp-4);border-radius:var(--sp-radius-md);overflow-x:auto}pre code{background:0 0;padding:0}kbd{font-family:var(--sp-font-mono);font-size:var(--sp-text-xs);border:1px solid var(--sp-border-2);border-radius:var(--sp-radius-sm);padding:2px 6px}blockquote{border-left:3px solid var(--sp-primary);padding-left:var(--sp-4);color:var(--sp-text-2)}hr{border:none;border-top:1px solid var(--sp-border);margin:var(--sp-6) 0}.container{width:100%;max-width:1200px;padding-inline:var(--sp-4);margin-inline:auto}.container.narrow{max-width:720px}.container.wide{max-width:1440px}.grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));display:grid}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=639px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}.stack{gap:var(--sp-4);flex-direction:column;display:flex}.stack.gap-1{gap:var(--sp-1)}.stack.gap-2{gap:var(--sp-2)}.stack.gap-3{gap:var(--sp-3)}.stack.gap-4{gap:var(--sp-4)}.stack.gap-5{gap:var(--sp-5)}.stack.gap-6{gap:var(--sp-6)}.stack.gap-8{gap:var(--sp-8)}.cluster{gap:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.cluster.gap-2{gap:var(--sp-2)}.cluster.gap-3{gap:var(--sp-3)}.cluster.gap-4{gap:var(--sp-4)}button,[role=button]{font-family:inherit;font-size:var(--sp-text-base);line-height:var(--sp-leading);min-height:36px;padding:var(--sp-2) var(--sp-4);border-radius:var(--sp-radius-sm);background-color:var(--sp-primary);color:var(--sp-primary-fg);cursor:pointer;transition:background-color var(--sp-dur-base) var(--sp-ease), border-color var(--sp-dur-base) var(--sp-ease), color var(--sp-dur-base) var(--sp-ease);border:1px solid #0000}button:hover:not(:disabled):not(.loading),[role=button]:hover:not(:disabled):not(.loading){background-color:var(--sp-primary-hover)}button.outline,[role=button].outline{border-color:var(--sp-primary-outline,var(--sp-primary));color:var(--sp-primary-outline,var(--sp-primary));background-color:#0000}button.outline:hover:not(:disabled):not(.loading),[role=button].outline:hover:not(:disabled):not(.loading){background-color:var(--sp-primary);color:var(--sp-primary-fg)}button.ghost,[role=button].ghost{color:var(--sp-text-2);background-color:#0000;border-color:#0000}button.ghost:hover:not(:disabled):not(.loading),[role=button].ghost:hover:not(:disabled):not(.loading){background-color:var(--sp-surface-2);color:var(--sp-text)}button.danger,[role=button].danger{background-color:var(--sp-danger);color:var(--sp-danger-fg);border-color:#0000}button.danger:hover:not(:disabled):not(.loading),[role=button].danger:hover:not(:disabled):not(.loading){color:var(--sp-danger-fg);background-color:#9e4242;border-color:#0000}button.success,[role=button].success{background-color:var(--sp-success);color:var(--sp-success-fg);border-color:#0000}button.success:hover:not(:disabled):not(.loading),[role=button].success:hover:not(:disabled):not(.loading){color:var(--sp-success-fg);background-color:#357a4f;border-color:#0000}button.sm,[role=button].sm{min-height:36px;padding:var(--sp-1) var(--sp-3);font-size:var(--sp-text-sm)}button.lg,[role=button].lg{min-height:44px;padding:var(--sp-3) var(--sp-5);font-size:var(--sp-text-md)}button.full,[role=button].full{width:100%}button.icon,[role=button].icon{padding:var(--sp-2);justify-content:center;align-items:center;min-width:36px;min-height:36px;display:inline-flex}button.icon.sm,[role=button].icon.sm{min-width:36px;min-height:36px;padding:var(--sp-1)}button.icon.lg,[role=button].icon.lg{min-width:44px;min-height:44px;padding:var(--sp-3)}button.loading,[role=button].loading{pointer-events:none;cursor:default;align-items:center;gap:var(--sp-2);display:inline-flex}a[role=button]{color:var(--sp-primary);text-underline-offset:3px;background-color:#0000;border-color:#0000;text-decoration:underline}a[role=button]:hover:not(:disabled):not(.loading){background-color:#0000}button:disabled,[role=button][aria-disabled=true]{opacity:.6;cursor:not-allowed}:focus-visible{outline:2px solid var(--sp-primary);outline-offset:2px}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea{font-family:inherit;font-size:var(--sp-text-base);line-height:var(--sp-leading);width:100%;padding:var(--sp-2) var(--sp-3);background-color:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius-md);color:var(--sp-text);transition:border-color var(--sp-dur-base) var(--sp-ease), background-color var(--sp-dur-base) var(--sp-ease), color var(--sp-dur-base) var(--sp-ease)}input::placeholder,textarea::placeholder{color:var(--sp-text-muted)}input:focus,textarea:focus{border-color:var(--sp-border-2);outline:none}input.valid,textarea.valid{border-color:var(--sp-success)}input.invalid,textarea.invalid{border-color:var(--sp-danger)}input:disabled,textarea:disabled{opacity:.6;cursor:not-allowed}input:read-only,textarea:read-only{background-color:var(--sp-surface-2);cursor:default}textarea{resize:vertical;min-height:4rem}select{font-family:inherit;font-size:var(--sp-text-base);line-height:var(--sp-leading);width:100%;padding:var(--sp-2) var(--sp-8) var(--sp-2) var(--sp-3);background-color:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius-md);color:var(--sp-text);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23636b60' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--sp-3) center;transition:border-color var(--sp-dur-base) var(--sp-ease), background-color var(--sp-dur-base) var(--sp-ease), color var(--sp-dur-base) var(--sp-ease)}select:focus{border-color:var(--sp-border-2);outline:none}select.valid{border-color:var(--sp-success)}select.invalid{border-color:var(--sp-danger)}select:disabled{opacity:.6;cursor:not-allowed}input.dropdown{padding-right:var(--sp-8);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23636b60' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--sp-3) center}input.icon-start{padding-left:2.5rem}input.icon-end{padding-right:2.5rem}input[type=date],input[type=datetime-local],input[type=time],input[type=month],input[type=week]{padding-right:var(--sp-6);min-height:2.25rem}.field{gap:var(--sp-2);flex-direction:column;display:flex}.field label{font-size:var(--sp-text-sm);color:var(--sp-text);font-weight:600}.field input:not([type=checkbox]):not([type=radio]):not([type=range]),.field textarea,.field select{width:100%}.field small{font-size:var(--sp-text-sm);color:var(--sp-text-muted)}input[type=checkbox],input[type=radio]{appearance:none;border:1px solid var(--sp-border-2);background-color:var(--sp-surface);width:1.125rem;height:1.125rem;color:var(--sp-primary);cursor:pointer;vertical-align:middle;transition:background-color var(--sp-dur-base) var(--sp-ease), border-color var(--sp-dur-base) var(--sp-ease);flex-shrink:0;margin:0;display:inline-block;position:relative}input[type=checkbox]{border-radius:var(--sp-radius-sm)}input[type=radio]{border-radius:var(--sp-radius-full)}input[type=checkbox]:focus,input[type=radio]:focus{border-color:var(--sp-primary);box-shadow:0 0 0 2px var(--sp-primary);outline:none}input[type=checkbox]:checked,input[type=radio]:checked{background-color:var(--sp-primary);border-color:var(--sp-primary)}input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none' stroke='%23eaece8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 5l3 3 7-7'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:.75rem}input[type=radio]:checked{background-image:radial-gradient(circle at center, var(--sp-primary-fg) .25rem, transparent .3rem)}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.6;cursor:not-allowed}label:has(input[type=checkbox]),label:has(input[type=radio]){align-items:center;gap:var(--sp-2);cursor:pointer;display:inline-flex}label.toggle{align-items:center;gap:var(--sp-3);cursor:pointer;min-height:1.5rem;padding-left:2.75rem;display:inline-flex;position:relative}label.toggle input[type=checkbox]{opacity:0;z-index:1;background:0 0;border:none;width:2.5rem;height:1.25rem;margin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}label.toggle:before{content:"";background-color:var(--sp-border);border-radius:var(--sp-radius-full);width:2.5rem;height:1.25rem;transition:background-color var(--sp-dur-base) var(--sp-ease);position:absolute;top:50%;left:0;transform:translateY(-50%)}label.toggle:after{content:"";background-color:var(--sp-surface);border:1px solid var(--sp-border);width:1.125rem;height:1.125rem;transition:transform var(--sp-dur-base) var(--sp-ease);border-radius:50%;position:absolute;top:50%;left:2px;transform:translateY(-50%)}label.toggle:has(input:checked):before{background-color:var(--sp-primary)}label.toggle:has(input:checked):after{border-color:var(--sp-primary);background-color:var(--sp-primary-fg);transform:translateY(-50%)translate(1.25rem)}label.toggle input[type=checkbox]:checked{background-image:none}input[type=range]{appearance:none;background:0 0;border:none;width:100%;height:.5rem;margin:0;padding:0}input[type=range]::-webkit-slider-runnable-track{background-color:var(--sp-surface-2);border:1px solid var(--sp-border);border-radius:var(--sp-radius-full);height:.5rem}input[type=range]::-webkit-slider-thumb{appearance:none;background-color:var(--sp-primary);cursor:pointer;width:1.25rem;height:1.25rem;transition:background-color var(--sp-dur-base) var(--sp-ease);border:none;border-radius:50%;margin-top:-.375rem}input[type=range]::-webkit-slider-thumb:hover{background-color:var(--sp-primary-hover)}input[type=range]::-moz-range-track{background-color:var(--sp-surface-2);border:1px solid var(--sp-border);border-radius:var(--sp-radius-full);height:.5rem}input[type=range]::-moz-range-thumb{background-color:var(--sp-primary);cursor:pointer;width:1.25rem;height:1.25rem;transition:background-color var(--sp-dur-base) var(--sp-ease);border:none;border-radius:50%}input[type=range]::-moz-range-thumb:hover{background-color:var(--sp-primary-hover)}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--sp-primary)}input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 2px var(--sp-primary)}fieldset{gap:var(--sp-3);padding:var(--sp-4);border:1px solid var(--sp-border);border-radius:var(--sp-radius-md);flex-direction:column;min-width:0;margin:0;display:flex}fieldset legend{padding:0 var(--sp-2);font-size:var(--sp-text-sm);color:var(--sp-text);margin:0;font-weight:600}fieldset .field+.field,fieldset .stack{margin-top:0}[role=alert]{padding:var(--sp-3) var(--sp-4);border-radius:var(--sp-radius-md);border:1px solid var(--sp-border);background-color:var(--sp-surface-2);color:var(--sp-text)}[role=alert].success{border-color:var(--sp-success);background-color:color-mix(in srgb, var(--sp-success) 15%, var(--sp-surface));color:var(--sp-success-fg)}[role=alert].warning{border-color:var(--sp-warning);background-color:color-mix(in srgb, var(--sp-warning) 15%, var(--sp-surface));color:var(--sp-warning-fg)}[role=alert].danger{border-color:var(--sp-danger);background-color:color-mix(in srgb, var(--sp-danger) 15%, var(--sp-surface));color:var(--sp-danger-fg)}[role=alert].info{border-color:var(--sp-info);background-color:color-mix(in srgb, var(--sp-info) 15%, var(--sp-surface));color:var(--sp-info-fg)}[role=alert][data-dismissible]{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}[role=alert][data-dismissed]{opacity:0;pointer-events:none;transition:opacity var(--sp-dur-base) var(--sp-ease), transform var(--sp-dur-base) var(--sp-ease);transform:scale(.98)}.badge{padding:var(--sp-1) var(--sp-2);font-size:var(--sp-text-xs);border-radius:var(--sp-radius-sm);background-color:var(--sp-surface-2);color:var(--sp-text-2);border:1px solid #0000;align-items:center;font-weight:600;line-height:1;display:inline-flex}.badge.success{background-color:var(--sp-success);color:var(--sp-success-fg)}.badge.danger{background-color:var(--sp-danger);color:var(--sp-danger-fg)}.badge.warning{background-color:var(--sp-warning);color:var(--sp-warning-fg)}.badge.info{background-color:var(--sp-info);color:var(--sp-info-fg)}.badge.outline{border-color:var(--sp-border-2);color:var(--sp-text-2);background-color:#0000}.badge.sm{padding:.125rem var(--sp-1);font-size:.6875rem}.badge.lg{padding:var(--sp-2) var(--sp-3);font-size:var(--sp-text-sm)}#sp-toast-container{z-index:var(--sp-layer-toast);gap:var(--sp-2);padding:var(--sp-4);pointer-events:none;flex-direction:column;display:flex;position:fixed}#sp-toast-container[data-position=top-right]{top:0;right:0}#sp-toast-container[data-position=top-left]{top:0;left:0}#sp-toast-container[data-position=bottom-right]{bottom:0;right:0}#sp-toast-container[data-position=bottom-left]{bottom:0;left:0}#sp-toast-container[data-position=top-center]{top:0;left:50%;transform:translate(-50%)}[data-sp-toast]{padding:var(--sp-3) var(--sp-4);border-radius:var(--sp-radius-md);border:1px solid var(--sp-border);background-color:var(--sp-surface);color:var(--sp-text);box-shadow:var(--sp-shadow-sm);pointer-events:auto;transition:opacity var(--sp-dur-base) var(--sp-ease), transform var(--sp-dur-base) var(--sp-ease)}[data-sp-toast][data-type=success]{border-left-width:4px;border-left-color:var(--sp-success)}[data-sp-toast][data-type=danger]{border-left-width:4px;border-left-color:var(--sp-danger)}[data-sp-toast][data-type=warning]{border-left-width:4px;border-left-color:var(--sp-warning)}[data-sp-toast][data-type=info]{border-left-width:4px;border-left-color:var(--sp-info)}progress{appearance:none;border-radius:var(--sp-radius-full);background-color:var(--sp-surface-2);border:none;width:100%;height:.5rem;overflow:hidden}progress::-webkit-progress-bar{background-color:var(--sp-surface-2);border-radius:var(--sp-radius-full)}progress::-webkit-progress-value{background-color:var(--sp-primary);border-radius:var(--sp-radius-full);transition:background-color var(--sp-dur-base) var(--sp-ease)}progress::-moz-progress-bar{background-color:var(--sp-primary);border-radius:var(--sp-radius-full);transition:background-color var(--sp-dur-base) var(--sp-ease)}progress.success::-webkit-progress-value,progress.success::-moz-progress-bar{background-color:var(--sp-success)}progress.danger::-webkit-progress-value,progress.danger::-moz-progress-bar{background-color:var(--sp-danger)}progress.warning::-webkit-progress-value,progress.warning::-moz-progress-bar{background-color:var(--sp-warning)}progress:not([value])::-webkit-progress-bar{background-color:var(--sp-primary);animation:progress-indeterminate-opacity 1.2s var(--sp-ease) infinite}@keyframes progress-indeterminate-opacity{0%,to{opacity:.4}50%{opacity:1}}progress:not([value])::-moz-progress-bar{background-color:var(--sp-primary)}meter{appearance:none;border-radius:var(--sp-radius-full);background-color:var(--sp-surface-2);border:none;width:100%;height:.5rem;overflow:hidden}meter::-webkit-meter-bar{background-color:var(--sp-surface-2);border-radius:var(--sp-radius-full)}meter::-webkit-meter-optimum-value{background-color:var(--sp-success);border-radius:var(--sp-radius-full)}meter::-webkit-meter-suboptimum-value{background-color:var(--sp-warning);border-radius:var(--sp-radius-full)}meter::-webkit-meter-even-less-good-value{background-color:var(--sp-danger);border-radius:var(--sp-radius-full)}meter::-moz-meter-bar{border-radius:var(--sp-radius-full)}meter::-moz-meter-optimum{background-color:var(--sp-success)}meter::-moz-meter-sub-optimum{background-color:var(--sp-warning)}meter::-moz-meter-sub-sub-optimum{background-color:var(--sp-danger)}.spinner{border:2px solid var(--sp-border);border-top-color:var(--sp-primary);border-radius:var(--sp-radius-full);width:1.25rem;height:1.25rem;animation:.6s linear infinite spin;display:inline-block}.spinner.sm{border-width:2px;width:1rem;height:1rem}.spinner.lg{border-width:3px;width:1.5rem;height:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background-color:var(--sp-surface-2);border-radius:var(--sp-radius-sm);position:relative;overflow:hidden}.skeleton.circle{border-radius:var(--sp-radius-full)}.skeleton.animated:after{content:"";animation:skeleton-shimmer 1.5s var(--sp-ease) infinite;background:linear-gradient(90deg,#0000 0%,#ffffff14 50%,#0000 100%) 0 0/200% 100%;position:absolute;inset:0}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}:is(header,[role=banner])>nav{align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);background-color:var(--sp-surface);border-bottom:1px solid var(--sp-border);z-index:var(--sp-layer-raised);flex-wrap:wrap;display:flex;position:sticky;top:0;&>*{flex-shrink:0;align-self:center}& .brand,& ul a,& button,& [role=button]{box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;height:36px;min-height:0;margin:0;line-height:1;display:inline-flex}& .brand{color:var(--sp-text);font-weight:700;text-decoration:none}& .brand:hover{color:var(--sp-primary)}& .cluster{align-items:center}& ul{align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}& ul li{align-items:center;margin:0;display:flex}& ul a{color:var(--sp-text-2);padding:var(--sp-1) var(--sp-2);border-radius:var(--sp-radius-sm);transition:color var(--sp-dur-base) var(--sp-ease);text-decoration:none}& ul a:hover{color:var(--sp-primary)}& ul a.active{color:var(--sp-primary);font-weight:600}& button.icon,& [role=button].icon{justify-content:center}}.breadcrumb{align-items:center;gap:var(--sp-2);font-size:var(--sp-text-sm);flex-wrap:wrap;margin:0;padding:0;line-height:1.4;list-style:none;display:flex}.breadcrumb li{align-items:center;gap:0;margin:0;padding:0;display:inline-flex}.breadcrumb li+li:before{content:" / ";color:var(--sp-text-muted);padding-right:var(--sp-2);font-weight:400}.breadcrumb a{color:var(--sp-text-2);align-items:center;text-decoration:none;display:inline-flex}.breadcrumb a:hover{color:var(--sp-primary)}.breadcrumb li[aria-current=page]{color:var(--sp-text-muted)}.pagination{align-items:center;gap:var(--sp-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.pagination li{align-items:center;margin:0;padding:0;display:flex}.pagination a,.pagination span{box-sizing:border-box;width:2.25rem;height:2.25rem;padding:var(--sp-1) var(--sp-2);border-radius:var(--sp-radius-sm);font-size:var(--sp-text-sm);color:var(--sp-text-2);background-color:var(--sp-surface-2);transition:background-color var(--sp-dur-base) var(--sp-ease), color var(--sp-dur-base) var(--sp-ease);justify-content:center;align-items:center;line-height:1;text-decoration:none;display:inline-flex}.pagination a:hover{background-color:var(--sp-surface-3);color:var(--sp-primary)}.pagination a[aria-current=page]{background-color:var(--sp-primary);color:var(--sp-primary-fg)}.pagination span{color:var(--sp-text-muted);cursor:default}.sidebar{background-color:var(--sp-surface);border-right:1px solid var(--sp-border);padding:var(--sp-4);flex-shrink:0;width:14rem;height:100vh;position:sticky;top:0;overflow-y:auto}.sidebar nav{gap:var(--sp-4);flex-direction:column;display:flex}.sidebar .sidebar-label{font-size:var(--sp-text-xs);color:var(--sp-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--sp-2) 0;padding:0;font-weight:600}.sidebar ul{gap:var(--sp-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sidebar ul a{padding:var(--sp-2) var(--sp-3);border-radius:var(--sp-radius-sm);color:var(--sp-text-2);transition:background-color var(--sp-dur-base) var(--sp-ease), color var(--sp-dur-base) var(--sp-ease);text-decoration:none;display:block}.sidebar ul a:hover{background-color:var(--sp-surface-2);color:var(--sp-primary)}.sidebar ul a.active{background-color:var(--sp-surface-3);color:var(--sp-primary);font-weight:600}sp-dropdown{display:inline-block;position:relative}sp-menu{top:calc(100% + var(--sp-1));background-color:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius-md);min-width:10rem;padding:var(--sp-2);box-shadow:var(--sp-shadow-sm);z-index:var(--sp-layer-dropdown);margin:0;list-style:none;display:none;position:absolute;left:0}sp-menu:not([hidden]){display:block}sp-menu-item{padding:var(--sp-2) var(--sp-3);border-radius:var(--sp-radius-sm);cursor:pointer;font-size:var(--sp-text-sm);color:var(--sp-text-2);transition:background-color var(--sp-dur-fast) var(--sp-ease), color var(--sp-dur-fast) var(--sp-ease);display:block}sp-menu-item:hover{background-color:var(--sp-surface-2);color:var(--sp-text)}sp-menu-item.danger{color:var(--sp-danger-fg)}sp-menu-item.danger:hover{background-color:color-mix(in srgb, var(--sp-danger) 15%, var(--sp-surface-2));color:var(--sp-danger-fg)}details{border:1px solid var(--sp-border);border-radius:var(--sp-radius-md);background-color:var(--sp-surface);overflow:hidden}details+details{margin-top:var(--sp-2)}summary{cursor:pointer;padding:var(--sp-3) var(--sp-4);color:var(--sp-text);align-items:center;gap:var(--sp-2);transition:background-color var(--sp-dur-base) var(--sp-ease);font-weight:600;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:before{content:"";border-right:2px solid var(--sp-text-2);border-bottom:2px solid var(--sp-text-2);width:.375rem;height:.375rem;margin-right:var(--sp-2);transition:transform var(--sp-dur-base) var(--sp-ease);flex-shrink:0;display:inline-block;transform:rotate(45deg)}details[open] summary:before{transform:rotate(-135deg)}summary:hover{background-color:var(--sp-surface-2)}details>:not(summary){padding:0 var(--sp-4) var(--sp-4);padding-left:calc(var(--sp-4) + .375rem + var(--sp-2))}dialog{border:1px solid var(--sp-border);border-radius:var(--sp-radius-lg);background-color:var(--sp-surface);box-shadow:var(--sp-shadow-md);max-width:560px;width:calc(100% - var(--sp-8));max-height:90vh;padding:0;display:none;overflow:hidden}dialog[open]{flex-direction:column;display:flex}dialog::backdrop{background-color:#00000080}dialog header{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border-bottom:1px solid var(--sp-border);flex-shrink:0;display:flex}dialog header h1,dialog header h2,dialog header h3,dialog header h4,dialog header h5,dialog header h6{font-size:var(--sp-text-lg);margin:0}.dialog-body{padding:var(--sp-4);flex:1;min-height:0;overflow-y:auto}dialog footer{align-items:center;gap:var(--sp-2);padding:var(--sp-4);border-top:1px solid var(--sp-border);flex-wrap:wrap;flex-shrink:0;display:flex}dialog.sm{max-width:400px}dialog.lg{max-width:800px}dialog.full{border-radius:var(--sp-radius-md);width:95vw;max-width:95vw;height:95vh;max-height:95vh}table{border-collapse:collapse;width:100%;font-size:var(--sp-text-sm)}thead th{text-align:left;color:var(--sp-text);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--sp-border);background-color:var(--sp-surface-2);font-weight:600}tbody td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--sp-border);color:var(--sp-text-2)}tbody tr:hover,table.striped tbody tr:nth-child(2n){background-color:var(--sp-surface-2)}table.striped tbody tr:nth-child(2n):hover{background-color:var(--sp-surface-3)}table.bordered th,table.bordered td{border:1px solid var(--sp-border)}table.bordered thead th{border-bottom:1px solid var(--sp-border)}table.compact th,table.compact td{padding:var(--sp-1) var(--sp-2)}table.compact thead th{font-size:var(--sp-text-xs)}.card{background-color:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius-md);padding:var(--sp-4);overflow:hidden}.card header{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--sp-border);flex-wrap:wrap;display:flex}.card header h1,.card header h2,.card header h3,.card header h4,.card header h5,.card header h6{margin:0}.card footer{align-items:center;gap:var(--sp-2);margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--sp-border);flex-wrap:wrap;display:flex}.card.outline{border-color:var(--sp-border);background-color:#0000}.card.flat{background-color:var(--sp-surface-2);border-color:#0000}.card.interactive{cursor:pointer;transition:background-color var(--sp-dur-base) var(--sp-ease), border-color var(--sp-dur-base) var(--sp-ease)}.card.interactive:hover{background-color:var(--sp-surface-2);border-color:var(--sp-border-2)}.avatar{border-radius:var(--sp-radius-full);background-color:var(--sp-surface-2);width:2rem;height:2rem;color:var(--sp-text-2);font-size:var(--sp-text-xs);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar.sm{width:1.5rem;height:1.5rem;font-size:.625rem}.avatar.lg{width:2.5rem;height:2.5rem;font-size:var(--sp-text-sm)}.avatar[data-status]{position:relative}.avatar[data-status=online]:after{content:"";background-color:var(--sp-success);border:2px solid var(--sp-surface);border-radius:var(--sp-radius-full);width:.5rem;height:.5rem;position:absolute;bottom:1px;right:1px}.avatar-group{align-items:center;display:inline-flex}.avatar-group .avatar{border:2px solid var(--sp-surface);margin-left:-.5rem}.avatar-group .avatar:first-child{margin-left:0}.stat{gap:var(--sp-2);padding:var(--sp-3) 0;flex-direction:column;display:flex}.stat-label{font-size:var(--sp-text-sm);color:var(--sp-text-muted);margin:0;display:block}.stat-value{font-size:var(--sp-text-xl);color:var(--sp-text);font-weight:700;line-height:var(--sp-leading-tight);margin:0;display:block}.stat-change{font-size:var(--sp-text-sm);margin:0;display:block}.stat-change.positive{color:var(--sp-success)}.stat-change.negative{color:var(--sp-danger)}pre:has(>code){border-color:var(--sp-border);color:#eaece8;background-color:#1a1d1a}pre:has(>code) code{color:inherit;background:0 0;padding:0}hr.label{border:none;border-top:1px solid var(--sp-border);margin:var(--sp-6) 0;text-align:center}hr.label:before{content:attr(data-label);padding:0 var(--sp-3);background-color:var(--sp-bg);font-size:var(--sp-text-sm);color:var(--sp-text-muted);display:inline-block;position:relative;top:-.75em}.divider.vertical{background-color:var(--sp-border);width:1px;min-height:1rem;margin:0 var(--sp-4);border:none;flex-shrink:0;align-self:stretch;padding:0}.table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--sp-border);border-radius:var(--sp-radius-md);width:100%;overflow-x:auto}.table-wrap table{border:none;border-radius:0;min-width:480px}sp-tab-list{scrollbar-width:none;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--sp-border);margin-bottom:var(--sp-4);gap:0;display:flex;overflow-x:auto}sp-tab-list::-webkit-scrollbar{display:none}sp-tab{white-space:nowrap;padding:var(--sp-2) var(--sp-4);color:var(--sp-text-2);cursor:pointer;transition:color var(--sp-dur-fast) var(--sp-ease), border-color var(--sp-dur-fast) var(--sp-ease);border-bottom:2px solid #0000;flex-shrink:0;align-items:center;margin-bottom:-2px;font-size:.875rem;display:inline-flex}sp-tab:hover{color:var(--sp-text)}sp-tab[aria-selected=true]{color:var(--sp-primary-outline,var(--sp-primary));border-bottom-color:var(--sp-primary-outline,var(--sp-primary))}sp-panel{padding-top:var(--sp-4);display:block}sp-panel[hidden]{display:none}@media (width<=480px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}dialog{border-bottom:none;border-left:none;border-right:none;border-bottom-right-radius:0;border-bottom-left-radius:0;width:100%;max-width:100%;max-height:85vh;margin:0;position:fixed;bottom:0;left:0;right:0}.sidebar{width:80vw;max-width:280px;height:100vh;z-index:var(--sp-layer-modal);transition:left var(--sp-dur-base) var(--sp-ease);box-shadow:var(--sp-shadow-md);position:fixed;top:0;left:-100%}.sidebar[data-open]{left:0}:is(header,[role=banner])>nav{padding:var(--sp-3) var(--sp-4);flex-wrap:wrap;& ul{width:100%;padding:var(--sp-2) 0;flex-direction:column;gap:0;display:none}&[data-nav-open] ul{display:flex}& ul a{padding:var(--sp-3) var(--sp-2);width:100%}}.grid.cols-3{grid-template-columns:1fr}.cluster.stack-mobile{flex-direction:column;align-items:stretch}.cluster.stack-mobile button,.cluster.stack-mobile [role=button]{width:100%}.pagination a,.pagination span{width:2rem;height:2rem;font-size:var(--sp-text-xs)}.avatar-group .avatar{margin-left:-.375rem}h1{font-size:var(--sp-text-2xl)}h2{font-size:var(--sp-text-xl)}}@media (width>=481px) and (width<=768px){.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(2,1fr)}.sidebar{width:260px;height:100vh;z-index:var(--sp-layer-modal);transition:left var(--sp-dur-base) var(--sp-ease);box-shadow:var(--sp-shadow-md);position:fixed;top:0;left:-100%}.sidebar[data-open]{left:0}:is(header,[role=banner])>nav{& ul{flex-direction:column;width:100%;display:none}&[data-nav-open] ul{display:flex}}dialog{max-width:min(90vw,560px);width:calc(100% - var(--sp-6))}}@media (width>=769px) and (width<=1023px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}.container{padding-inline:var(--sp-6)}}@media (width>=1440px){.container{padding-inline:var(--sp-8)}.grid.cols-4{gap:var(--sp-6)}}