@scope (.ds-scope){.sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);overflow:hidden}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);height:var(--topbar-h);flex:none;border-bottom:1px solid var(--border)}.sidebar-mark{width:30px;height:30px;flex:none;display:grid;place-items:center;background:var(--fg);color:var(--bg);border-radius:var(--radius-sm);font-family:var(--font-mono);font-weight:var(--fw-bold);font-size:13px;letter-spacing:.04em}.sidebar-brand-name{font-weight:var(--fw-semibold);font-size:var(--text-h3);letter-spacing:-.01em}.sidebar-brand-sub{font-size:var(--text-overline);color:var(--fg-faint);font-family:var(--font-mono)}.sidebar-scroll{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-3) var(--space-4)}.sidebar-group{margin-top:var(--space-4)}.sidebar-group:first-child{margin-top:0}.sidebar-group-label{padding:var(--space-2) var(--space-3) var(--space-1)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:.5rem var(--space-3);border-radius:var(--radius-sm);color:var(--fg-muted);font-size:var(--text-sm);font-weight:var(--fw-medium);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);position:relative}.sidebar-link:hover{background:var(--surface-2);color:var(--fg);text-decoration:none}.sidebar-link .icon{color:var(--fg-subtle);transition:color var(--dur-fast) var(--ease)}.sidebar-link:hover .icon{color:var(--fg-muted)}.sidebar-link.is-active{background:var(--primary-soft);color:var(--primary-soft-fg);font-weight:var(--fw-semibold)}.sidebar-link.is-active .icon{color:var(--primary)}.sidebar-link.is-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--primary);border-radius:var(--radius-full)}.sidebar-link .badge{margin-left:auto}.sidebar-footer{flex:none;border-top:1px solid var(--border);padding:var(--space-3)}.app.is-collapsed .sidebar-brand-sub,.app.is-collapsed .sidebar-brand-text,.app.is-collapsed .sidebar-group-label,.app.is-collapsed .sidebar-link .badge,.app.is-collapsed .sidebar-link span,.app.is-collapsed .user-chip-text{display:none}.app.is-collapsed .sidebar-brand,.app.is-collapsed .sidebar-link{justify-content:center;padding-inline:0}@media (max-width:1024px){.sidebar-brand-sub,.sidebar-brand-text,.sidebar-group-label,.sidebar-link .badge,.sidebar-link span,.user-chip-text{display:none}.sidebar-brand,.sidebar-link{justify-content:center;padding-inline:0}}@media (max-width:720px){.sidebar{display:none}}.topbar{position:sticky;top:0;z-index:20;height:var(--topbar-h);flex:none;gap:var(--space-4);padding:0 var(--space-6);background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.topbar,.topbar-search{display:flex;align-items:center}.topbar-search{gap:var(--space-2);flex:1;max-width:420px;padding:.4rem var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg-subtle);font-size:var(--text-sm)}.topbar-spacer{flex:1}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-caption);color:var(--fg-faint)}.breadcrumb a{color:var(--fg-subtle)}.breadcrumb .sep{color:var(--fg-faint)}.breadcrumb .current{color:var(--fg-muted)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap;padding-bottom:var(--space-5);margin-bottom:var(--space-6);border-bottom:1px solid var(--border)}.page-title{font-size:var(--text-h1);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight)}.page-subtitle{font-size:var(--text-sm);color:var(--fg-muted);margin-top:var(--space-1)}.page-actions{display:flex}.btn,.page-actions{align-items:center;gap:var(--space-2)}.btn{display:inline-flex;justify-content:center;padding:.5rem .875rem;font-size:var(--text-sm);font-weight:var(--fw-medium);line-height:1;color:var(--fg);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);white-space:nowrap;user-select:none;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.btn:hover{background:var(--surface-2);border-color:var(--fg-faint)}.btn:active{transform:scale(.98)}.btn.is-disabled,.btn:disabled{opacity:.5;pointer-events:none}.btn .icon,.btn .icon-sm{color:currentColor}.btn--primary{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}.btn--primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn--secondary{background:var(--surface);border-color:var(--border-strong);color:var(--fg)}.btn--ghost{background:transparent;border-color:transparent;color:var(--fg-muted)}.btn--ghost:hover{background:var(--surface-2);border-color:transparent;color:var(--fg)}.btn--danger{background:var(--danger);border-color:var(--danger);color:var(--danger-fg)}.btn--danger:hover{background:hsl(2 64% 46%);border-color:hsl(2 64% 46%)}.btn--danger-soft{background:var(--danger-soft);border-color:transparent;color:var(--danger-soft-fg)}.btn--danger-soft:hover{background:color-mix(in srgb,var(--danger-soft) 80%,var(--danger))}.btn--sm{padding:.34rem .6rem;font-size:var(--text-caption);gap:var(--space-1)}.btn--lg{padding:.65rem 1.15rem;font-size:var(--text-body)}.btn--icon{padding:.5rem;aspect-ratio:1}.btn--sm.btn--icon{padding:.34rem}.btn--block{display:flex;width:100%}.btn.is-loading{color:transparent!important;position:relative;pointer-events:none}.btn.is-loading:after{content:"";position:absolute;width:14px;height:14px;border:2px solid;border-right:2px solid transparent;border-radius:50%;color:var(--fg-muted);animation:ds-spin .6s linear infinite}.btn--danger.is-loading:after,.btn--primary.is-loading:after{color:var(--primary-fg)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field-label{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--fg)}.field-label .req{color:var(--danger);margin-left:2px}.field-label .opt{color:var(--fg-faint);font-weight:var(--fw-regular);margin-left:var(--space-1)}.field-hint{color:var(--fg-subtle)}.field-error,.field-hint{font-size:var(--text-caption)}.field-error{color:var(--danger);display:none;align-items:center;gap:var(--space-1)}.field.is-invalid .field-error{display:flex}.input,.select,.textarea{width:100%;padding:.5rem .7rem;font-size:var(--text-sm);color:var(--fg);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--fg-faint)}.input:hover,.select:hover,.textarea:hover{border-color:var(--fg-faint)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus)}.textarea{resize:vertical;min-height:80px;line-height:var(--lh-normal)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--surface-2);color:var(--fg-faint);cursor:not-allowed}.field.is-invalid .input,.field.is-invalid .select,.field.is-invalid .textarea{border-color:var(--danger)}.field.is-invalid .input:focus,.field.is-invalid .select:focus{box-shadow:0 0 0 3px hsl(2 68% 52%/.26)}.input--sm{padding:.34rem .55rem;font-size:var(--text-caption)}.select{appearance:none;padding-right:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23788196' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap .icon,.input-wrap .icon-sm{position:absolute;left:.65rem;color:var(--fg-faint);pointer-events:none}.input-wrap .input{padding-left:2.15rem}.input-group{display:flex}.input-group .input{border-radius:0}.input-group>:first-child{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.input-group>:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.input-group>*+*{margin-left:-1px}.input-addon{display:flex;align-items:center;padding:0 .7rem;background:var(--surface-2);border:1px solid var(--border-strong);color:var(--fg-subtle);font-size:var(--text-sm);font-family:var(--font-mono)}.checkbox,.radio{width:16px;height:16px;flex:none;accent-color:var(--primary);cursor:pointer}.choice{display:flex;align-items:flex-start;gap:var(--space-2);cursor:pointer}.choice-text{font-size:var(--text-sm)}.choice-text .choice-hint{display:block;font-size:var(--text-caption);color:var(--fg-subtle)}.switch{display:inline-block;position:relative;width:40px;height:22px;flex:none}.switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.switch-track{position:absolute;inset:0;background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--radius-full);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.switch-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--surface);border-radius:50%;box-shadow:var(--shadow-xs);transition:transform var(--dur) var(--ease)}.switch input:checked+.switch-track{background:var(--primary);border-color:var(--primary)}.switch input:checked+.switch-track:after{transform:translateX(18px)}.switch input:focus-visible+.switch-track{box-shadow:var(--shadow-focus)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.15rem .5rem;font-size:var(--text-overline);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-full);white-space:nowrap;background:var(--surface-2);color:var(--fg-muted)}.badge .dot{width:5px;height:5px;border-radius:50%;background:currentColor}.badge--neutral{background:var(--surface-2);color:var(--fg-muted)}.badge--primary{background:var(--primary-soft);color:var(--primary-soft-fg)}.badge--success{background:var(--success-soft);color:var(--success-soft-fg)}.badge--warn{background:var(--warn-soft);color:var(--warn-soft-fg)}.badge--danger{background:var(--danger-soft);color:var(--danger-soft-fg)}.badge--solid{background:var(--fg);color:var(--bg)}.badge--outline{background:transparent;box-shadow:inset 0 0 0 1px var(--border-strong)}.status{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--fg)}.status .dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--fg-faint)}.status--success .dot{background:var(--success)}.status--warn .dot{background:var(--warn)}.status--danger .dot{background:var(--danger)}.status--primary .dot{background:var(--primary)}.status--neutral .dot{background:var(--fg-faint)}.status--live .dot{box-shadow:0 0 0 3px color-mix(in srgb,currentColor 22%,transparent)}.status--success.status--live .dot{animation:ds-pulse 2.4s var(--ease-inout) infinite;box-shadow:0 0 0 3px hsl(160 52% 38%/.2)}.status--danger.status--live .dot{animation:ds-pulse 1.3s var(--ease-inout) infinite;box-shadow:0 0 0 3px hsl(2 68% 52%/.24)}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:.2rem .5rem;font-size:var(--text-caption);font-weight:var(--fw-medium);background:var(--surface-2);color:var(--fg-muted);border:1px solid var(--border)}.tag,.tag-close{border-radius:var(--radius-xs)}.tag-close{display:grid;place-items:center;width:14px;height:14px;color:var(--fg-faint)}.tag-close:hover{background:var(--surface-3);color:var(--fg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:var(--space-5)}.card--hover{transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}.card--hover:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.panel-title{font-size:var(--text-h3);font-weight:var(--fw-semibold)}.panel-subtitle{font-size:var(--text-caption);color:var(--fg-subtle);margin-top:2px}.panel-meta{font-family:var(--font-mono);font-size:var(--text-overline);color:var(--fg-faint);letter-spacing:.02em}.panel-body{padding:var(--space-5)}.panel-body--flush{padding:0}.panel-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);background:var(--surface-2)}.stat-grid{display:grid;grid-template-columns:repeat(var(--stat-cols,4),1fr);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);overflow:hidden}.stat{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);position:relative}.stat+.stat{border-left:1px solid var(--border)}.stat-label{display:flex;align-items:center;gap:var(--space-2)}.stat-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.625rem;font-weight:var(--fw-semibold);letter-spacing:-.02em;line-height:1;color:var(--fg)}.stat-value .unit{font-size:.95rem;color:var(--fg-subtle);font-weight:var(--fw-medium)}.stat-foot{display:flex;gap:var(--space-2);color:var(--fg-subtle)}.stat-delta,.stat-foot{align-items:center;font-size:var(--text-caption)}.stat-delta{display:inline-flex;gap:2px;font-family:var(--font-mono);font-weight:var(--fw-semibold)}.stat-delta--up{color:var(--success)}.stat-delta--down{color:var(--danger)}.stat-delta--flat{color:var(--fg-subtle)}.stat-icon{position:absolute;top:var(--space-5);right:var(--space-5);width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--primary-soft);color:var(--primary)}.stat-bar{height:4px;background:var(--surface-3);overflow:hidden}.stat-bar,.stat-bar>span{border-radius:var(--radius-full)}.stat-bar>span{display:block;height:100%;background:var(--primary)}@media (max-width:1024px){.stat-grid{grid-template-columns:repeat(2,1fr)}.stat:nth-child(n+3){border-top:1px solid var(--border)}.stat:nth-child(odd){border-left:none}}@media (max-width:560px){.stat-grid{grid-template-columns:1fr}.stat+.stat{border-left:none;border-top:1px solid var(--border)}}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.table{width:100%;font-size:var(--text-sm)}.table thead th{text-align:left;padding:.6rem var(--space-4);font-family:var(--font-mono);font-size:var(--text-overline);font-weight:var(--fw-medium);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--fg-subtle);border-bottom:1px solid var(--border-strong);white-space:nowrap;background:var(--surface)}.table tbody td{padding:var(--row-pad) var(--space-4);border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--dur-fast) var(--ease)}.table tbody tr:hover td{background:var(--surface-2)}.table--zebra tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--surface-2) 55%,transparent)}.table--compact{--row-pad:0.4rem}.table--compact thead th{padding-block:.4rem}td.cell-num,th.cell-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}th.is-sortable{cursor:pointer;user-select:none}th.is-sortable:hover{color:var(--fg)}th.is-sortable .sort-ind{margin-left:var(--space-1);color:var(--fg-faint)}th.is-sortable.is-sorted .sort-ind{color:var(--primary)}tbody tr.is-selected td{background:var(--primary-soft)!important}tbody tr.is-alert td{background:var(--danger-soft)}tbody tr.is-alert td:first-child{box-shadow:inset 3px 0 0 0 var(--danger)}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.cell-strong{font-weight:var(--fw-semibold);color:var(--fg)}.cell-id{font-family:var(--font-mono);font-weight:var(--fw-medium);color:var(--fg)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border)}.tab{padding:.55rem var(--space-3);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--fg-muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease);display:inline-flex;align-items:center;gap:var(--space-2)}.tab.is-active,.tab:hover{color:var(--fg)}.tab.is-active{border-bottom-color:var(--primary);font-weight:var(--fw-semibold)}.tab .badge{font-size:9px}.tab-panel{padding-top:var(--space-5)}.tab-panel[hidden]{display:none}.segmented{gap:2px;padding:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md)}.seg,.segmented{display:inline-flex}.seg{padding:.34rem .7rem;font-size:var(--text-caption);font-weight:var(--fw-medium);color:var(--fg-muted);border-radius:var(--radius-xs);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);align-items:center;gap:var(--space-1)}.seg.is-active,.seg:hover{color:var(--fg)}.seg.is-active{background:var(--surface);box-shadow:var(--shadow-xs)}.alert{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);font-size:var(--text-sm)}.alert-icon{flex:none;margin-top:1px;color:var(--fg-subtle)}.alert-title{font-weight:var(--fw-semibold)}.alert-body{color:var(--fg-muted)}.alert--info{background:var(--info-soft);border-color:color-mix(in srgb,var(--info) 30%,transparent)}.alert--info .alert-icon,.alert--info .alert-title{color:var(--info-soft-fg)}.alert--success{background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 30%,transparent)}.alert--success .alert-icon,.alert--success .alert-title{color:var(--success-soft-fg)}.alert--warn{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 32%,transparent)}.alert--warn .alert-icon,.alert--warn .alert-title{color:var(--warn-soft-fg)}.alert--danger{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.alert--danger .alert-icon,.alert--danger .alert-title{color:var(--danger-soft-fg)}.banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);background:var(--fg);color:var(--bg)}.banner a{color:inherit;text-decoration:underline}.toast{display:flex;align-items:flex-start;gap:var(--space-3);width:340px;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.toast-accent{width:3px;align-self:stretch;border-radius:var(--radius-full);background:var(--primary)}.toast--success .toast-accent{background:var(--success)}.toast--danger .toast-accent{background:var(--danger)}.toast-title{font-weight:var(--fw-semibold);font-size:var(--text-sm)}.toast-body{color:var(--fg-muted)}.toast-body,.tooltip{font-size:var(--text-caption)}.tooltip{display:inline-block;padding:.3rem .55rem;background:var(--gray-900);color:var(--gray-50);border-radius:var(--radius-xs);font-weight:var(--fw-medium);box-shadow:var(--shadow-md);position:relative}[data-theme=dark] .tooltip{background:var(--gray-100);color:var(--gray-900)}.backdrop{position:fixed;inset:0;z-index:100;background:hsl(216 40% 8%/.55);backdrop-filter:blur(2px);display:grid;place-items:center;padding:var(--space-5)}.dialog{width:100%;max-width:480px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:ds-rise var(--dur-slow) var(--ease) both}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-3)}.dialog-title{font-size:var(--text-h2);font-weight:var(--fw-semibold)}.dialog-body{padding:0 var(--space-5) var(--space-5);color:var(--fg-muted);font-size:var(--text-sm)}.dialog-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.pagination{display:flex;align-items:center;gap:var(--space-1)}.page-num{min-width:30px;height:30px;padding:0 var(--space-2);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-caption);color:var(--fg-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.page-num:hover{background:var(--surface-2);border-color:var(--border-strong)}.page-num.is-active{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}.page-num:disabled{opacity:.4;pointer-events:none}.skeleton{display:block;position:relative;overflow:hidden;background:var(--skeleton);border-radius:var(--radius-xs)}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--skeleton-hi) 65%,transparent),transparent);animation:ds-shimmer 1.3s infinite}.skeleton--text{height:.7rem;border-radius:var(--radius-full)}.skeleton--line{height:1rem}.skeleton--block{height:100%;min-height:80px;border-radius:var(--radius-sm)}.empty-state,.error-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-9) var(--space-6)}.empty-icon,.error-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:var(--radius-lg);background:var(--surface-2);color:var(--fg-subtle)}.error-icon{background:var(--danger-soft);color:var(--danger)}.empty-title,.error-title{font-size:var(--text-h3);font-weight:var(--fw-semibold)}.empty-text,.error-text{font-size:var(--text-sm);color:var(--fg-muted);max-width:38ch}.spinner{width:18px;height:18px;border:2px solid var(--border-strong);border-right-color:var(--primary);border-radius:50%;animation:ds-spin .65s linear infinite}.spinner--sm{width:13px;height:13px;border-width:2px}.spinner--lg{width:28px;height:28px;border-width:3px}.chart{width:100%}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart-grid-line{stroke:var(--chart-grid);stroke-width:1}.chart-axis{fill:var(--fg-faint);font-family:var(--font-mono);font-size:10px}.chart-area{stroke:none}.chart-line{fill:none;stroke-width:2.25;stroke-linejoin:round;stroke-linecap:round}.chart-line.is-drawn{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:ds-draw 1s var(--ease) .1s forwards}.chart-dot{stroke:var(--surface);stroke-width:2}.chart-bar{transition:opacity var(--dur) var(--ease)}.chart-bar:hover{opacity:.82}.chart-track{fill:none;stroke:var(--surface-3)}.chart-value{fill:none;stroke-linecap:round}.legend{display:flex;flex-wrap:wrap;gap:var(--space-3)}.legend-item{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-caption);color:var(--fg-muted)}.legend-swatch{width:10px;height:10px;border-radius:3px;flex:none}.gauge-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.gauge-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:var(--fw-semibold);letter-spacing:-.02em}.gauge-label{font-size:var(--text-caption);color:var(--fg-subtle)}.avatar{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-overline);font-weight:var(--fw-semibold);color:var(--fg-muted)}.avatar--sm{width:22px;height:22px}.avatar--lg{width:40px;height:40px;font-size:var(--text-caption)}.user-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1);border-radius:var(--radius-sm)}.user-chip:hover{background:var(--surface-2)}.user-chip-name{font-size:var(--text-sm);font-weight:var(--fw-medium)}.user-chip-role{color:var(--fg-faint)}.kbd,.user-chip-role{font-size:var(--text-overline)}.kbd{font-family:var(--font-mono);padding:2px 5px;background:var(--surface-2);border:solid var(--border);border-width:1px 1px 2px;border-radius:var(--radius-xs);color:var(--fg-muted)}.progress{height:6px;background:var(--surface-3);overflow:hidden}.progress,.progress>span{border-radius:var(--radius-full)}.progress>span{display:block;height:100%;background:var(--primary);transition:width var(--dur-slow) var(--ease)}.progress--success>span{background:var(--success)}.progress--warn>span{background:var(--warn)}.progress--danger>span{background:var(--danger)}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:var(--space-3);padding-bottom:var(--space-4);position:relative}.timeline-item:before{content:"";position:absolute;left:8px;top:20px;bottom:0;width:1px;background:var(--border)}.timeline-item:last-child{padding-bottom:0}.timeline-item:last-child:before{display:none}.timeline-dot{width:17px;height:17px;flex:none;border-radius:50%;border:2px solid var(--surface);background:var(--border-strong);margin-top:2px;z-index:1}.timeline-dot--primary{background:var(--primary)}.timeline-dot--success{background:var(--success)}.timeline-dot--danger{background:var(--danger)}.timeline-time{font-family:var(--font-mono);font-size:var(--text-overline);color:var(--fg-faint)}}