@keyframes ds-shimmer{to{transform:translate(100%)}}@keyframes ds-spin{to{transform:rotate(360deg)}}@keyframes ds-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ds-fade{0%{opacity:0}to{opacity:1}}@keyframes ds-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes ds-draw{to{stroke-dashoffset:0}}@scope(.ds-scope){.t-display{font-size:var(--text-display);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight)}.t-h1{font-size:var(--text-h1);font-weight:var(--fw-semibold);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight)}.t-h2{font-size:var(--text-h2);font-weight:var(--fw-semibold);line-height:var(--lh-snug);letter-spacing:-.01em}.t-h3{font-size:var(--text-h3);font-weight:var(--fw-semibold);line-height:var(--lh-snug)}.t-body{font-size:var(--text-body);font-weight:var(--fw-regular);line-height:var(--lh-normal)}.t-sm{font-size:var(--text-sm);line-height:var(--lh-snug)}.t-caption{font-size:var(--text-caption);line-height:var(--lh-snug)}.overline{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)}.muted{color:var(--fg-muted)}.subtle{color:var(--fg-subtle)}.faint{color:var(--fg-faint)}.t-accent{color:var(--primary)}.t-success{color:var(--success)}.t-warn{color:var(--warn)}.t-danger{color:var(--danger)}.u-mono{font-family:var(--font-mono)}.u-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.app{grid-template-columns:var(--sidebar-w) 1fr;min-height:100dvh;display:grid}.app.is-collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.app-main{flex-direction:column;min-width:0;min-height:100dvh;display:flex}.page-scroll{flex:1;overflow-y:auto}.page{max-width:var(--page-max);padding:var(--space-6) var(--space-7) var(--space-9);margin:0 auto}.cluster{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.cluster-sm{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack-sm{gap:var(--space-2);flex-direction:column;display:flex}.spread{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.grow{flex:1;min-width:0}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.divider{background:var(--border);height:1px;margin:var(--space-5) 0;border:0}.divider-v{background:var(--border);align-self:stretch;width:1px}.scroll-x{overflow-x:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon{stroke-width:1.75px;flex:none;width:16px;height:16px}.icon-sm{stroke-width:1.75px;flex:none;width:14px;height:14px}.icon-lg{stroke-width:1.75px;flex:none;width:20px;height:20px}.grid{gap:var(--space-5);display:grid}.rise-in>*{animation:ds-rise var(--dur-slow) var(--ease) both}.rise-in>:first-child{animation-delay:20ms}.rise-in>:nth-child(2){animation-delay:60ms}.rise-in>:nth-child(3){animation-delay:.1s}.rise-in>:nth-child(4){animation-delay:.14s}.rise-in>:nth-child(5){animation-delay:.18s}.rise-in>:nth-child(6){animation-delay:.22s}.rise-in>:nth-child(7){animation-delay:.26s}.rise-in>:nth-child(8){animation-delay:.3s}@media (max-width:1024px){.app,.app.is-collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.page{padding:var(--space-5) var(--space-5) var(--space-8)}}@media (max-width:720px){.app,.app.is-collapsed{grid-template-columns:1fr}.page{padding:var(--space-4) var(--space-4) var(--space-7)}}}@media (prefers-reduced-motion:reduce){.ds-scope,.ds-scope *,.ds-scope :before,.ds-scope :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
@scope(.ds-scope){.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;height:100dvh;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-brand{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);height:var(--topbar-h);border-bottom:1px solid var(--border);flex:none;display:flex}.sidebar-mark{background:var(--fg);width:30px;height:30px;color:var(--bg);border-radius:var(--radius-sm);font-family:var(--font-mono);font-weight:var(--fw-bold);letter-spacing:.04em;flex:none;place-items:center;font-size:13px;display:grid}.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{padding:var(--space-3) var(--space-3) var(--space-4);flex:1;overflow-y:auto}.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{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);display:flex;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:"";background:var(--primary);border-radius:var(--radius-full);width:3px;height:18px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-link .badge{margin-left:auto}.sidebar-footer{border-top:1px solid var(--border);padding:var(--space-3);flex:none}.app.is-collapsed .sidebar-brand-text,.app.is-collapsed .sidebar-brand-sub,.app.is-collapsed .sidebar-group-label,.app.is-collapsed .sidebar-link span,.app.is-collapsed .sidebar-link .badge,.app.is-collapsed .user-chip-text{display:none}.app.is-collapsed .sidebar-link,.app.is-collapsed .sidebar-brand{justify-content:center;padding-inline:0}@media (max-width:1024px){.sidebar-brand-text,.sidebar-brand-sub,.sidebar-group-label,.sidebar-link span,.sidebar-link .badge,.user-chip-text{display:none}.sidebar-link,.sidebar-brand{justify-content:center;padding-inline:0}}@media (max-width:720px){.sidebar{display:none}}.topbar{z-index:20;height:var(--topbar-h);align-items:center;gap:var(--space-4);padding:0 var(--space-6);background:color-mix(in srgb, var(--surface) 86%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);flex:none;display:flex;position:sticky;top:0}.topbar-search{align-items:center;gap:var(--space-2);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);flex:1;display:flex}.topbar-spacer{flex:1}.breadcrumb{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-caption);color:var(--fg-faint);display:flex}.breadcrumb a{color:var(--fg-subtle)}.breadcrumb .sep{color:var(--fg-faint)}.breadcrumb .current{color:var(--fg-muted)}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-5);padding-bottom:var(--space-5);margin-bottom:var(--space-6);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.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{align-items:center;gap:var(--space-2);display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--fg);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);white-space:nowrap;-webkit-user-select:none;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);padding:.5rem .875rem;line-height:1;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:var(--fg-faint)}.btn:active{transform:scale(.98)}.btn:disabled,.btn.is-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{color:var(--fg-muted);background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--surface-2);color:var(--fg);border-color:#0000}.btn--danger{background:var(--danger);border-color:var(--danger);color:var(--danger-fg)}.btn--danger:hover{background:#c02f2a;border-color:#c02f2a}.btn--danger-soft{background:var(--danger-soft);color:var(--danger-soft-fg);border-color:#0000}.btn--danger-soft:hover{background:color-mix(in srgb, var(--danger-soft) 80%, var(--danger))}.btn--sm{font-size:var(--text-caption);gap:var(--space-1);padding:.34rem .6rem}.btn--lg{font-size:var(--text-body);padding:.65rem 1.15rem}.btn--icon{aspect-ratio:1;padding:.5rem}.btn--sm.btn--icon{padding:.34rem}.btn--block{width:100%;display:flex}.btn.is-loading{pointer-events:none;position:relative;color:#0000!important}.btn.is-loading:after{content:"";width:14px;height:14px;color:var(--fg-muted);border:2px solid;border-right-color:#0000;border-radius:50%;animation:.6s linear infinite ds-spin;position:absolute}.btn--primary.is-loading:after,.btn--danger.is-loading:after{color:var(--primary-fg)}.field{gap:var(--space-2);flex-direction:column;display:flex}.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{font-size:var(--text-caption);color:var(--fg-subtle)}.field-error{font-size:var(--text-caption);color:var(--danger);align-items:center;gap:var(--space-1);display:none}.field.is-invalid .field-error{display:flex}.input,.textarea,.select{width:100%;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);padding:.5rem .7rem}.input::placeholder,.textarea::placeholder{color:var(--fg-faint)}.input:hover,.textarea:hover,.select:hover{border-color:var(--fg-faint)}.input:focus,.textarea:focus,.select:focus{border-color:var(--primary);box-shadow:var(--shadow-focus);outline:none}.textarea{resize:vertical;min-height:80px;line-height:var(--lh-normal)}.input:disabled,.textarea:disabled,.select:disabled{background:var(--surface-2);color:var(--fg-faint);cursor:not-allowed}.field.is-invalid .input,.field.is-invalid .textarea,.field.is-invalid .select{border-color:var(--danger)}.field.is-invalid .input:focus,.field.is-invalid .select:focus{box-shadow:0 0 0 3px #d8373142}.input--sm{font-size:var(--text-caption);padding:.34rem .55rem}.select{appearance:none;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-position:right .6rem center;background-repeat:no-repeat;padding-right:2rem}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap .icon,.input-wrap .icon-sm{color:var(--fg-faint);pointer-events:none;position:absolute;left:.65rem}.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{background:var(--surface-2);border:1px solid var(--border-strong);color:var(--fg-subtle);font-size:var(--text-sm);font-family:var(--font-mono);align-items:center;padding:0 .7rem;display:flex}.checkbox,.radio{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;flex:none}.choice{align-items:flex-start;gap:var(--space-2);cursor:pointer;display:flex}.choice-text{font-size:var(--text-sm)}.choice-text .choice-hint{font-size:var(--text-caption);color:var(--fg-subtle);display:block}.switch{flex:none;width:40px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch-track{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);position:absolute;inset:0}.switch-track:after{content:"";background:var(--surface);width:16px;height:16px;box-shadow:var(--shadow-xs);transition:transform var(--dur) var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.switch input:checked+.switch-track{background:var(--primary);border-color:var(--primary)}.switch input:checked+.switch-track:after{transform:translate(18px)}.switch input:focus-visible+.switch-track{box-shadow:var(--shadow-focus)}.badge{align-items:center;gap:var(--space-1);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);padding:.15rem .5rem;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;width:5px;height:5px}.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{box-shadow:inset 0 0 0 1px var(--border-strong);background:0 0}.status{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--fg);display:inline-flex}.status .dot{background:var(--fg-faint);border-radius:50%;flex:none;width:8px;height:8px}.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 #2f937233}.status--danger.status--live .dot{animation:ds-pulse 1.3s var(--ease-inout) infinite;box-shadow:0 0 0 3px #d837313d}.tag{align-items:center;gap:var(--space-1);font-size:var(--text-caption);font-weight:var(--fw-medium);background:var(--surface-2);color:var(--fg-muted);border:1px solid var(--border);border-radius:var(--radius-xs);padding:.2rem .5rem;display:inline-flex}.tag-close{border-radius:var(--radius-xs);width:14px;height:14px;color:var(--fg-faint);place-items:center;display:grid}.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{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);display:flex}.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{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);display:grid;overflow:hidden}.stat{gap:var(--space-2);padding:var(--space-5);flex-direction:column;display:flex;position:relative}.stat+.stat{border-left:1px solid var(--border)}.stat-label{align-items:center;gap:var(--space-2);display:flex}.stat-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.625rem;font-weight:var(--fw-semibold);letter-spacing:-.02em;color:var(--fg);line-height:1}.stat-value .unit{color:var(--fg-subtle);font-size:.95rem;font-weight:var(--fw-medium)}.stat-foot{align-items:center;gap:var(--space-2);font-size:var(--text-caption);color:var(--fg-subtle);display:flex}.stat-delta{font-family:var(--font-mono);font-weight:var(--fw-semibold);font-size:var(--text-caption);align-items:center;gap:2px;display:inline-flex}.stat-delta--up{color:var(--success)}.stat-delta--down{color:var(--danger)}.stat-delta--flat{color:var(--fg-subtle)}.stat-icon{top:var(--space-5);right:var(--space-5);border-radius:var(--radius-sm);background:var(--primary-soft);width:32px;height:32px;color:var(--primary);place-items:center;display:grid;position:absolute}.stat-bar{border-radius:var(--radius-full);background:var(--surface-3);height:4px;overflow:hidden}.stat-bar>span{border-radius:var(--radius-full);background:var(--primary);height:100%;display:block}@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:.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;-webkit-user-select:none;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{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.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{gap:var(--space-1);border-bottom:1px solid var(--border);display:flex}.tab{padding:.55rem var(--space-3);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--fg-muted);transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);align-items:center;gap:var(--space-2);border-bottom:2px solid #0000;margin-bottom:-1px;display:inline-flex}.tab:hover{color:var(--fg)}.tab.is-active{color:var(--fg);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{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);gap:2px;padding:3px;display:inline-flex}.seg{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);padding:.34rem .7rem;display:inline-flex}.seg:hover{color:var(--fg)}.seg.is-active{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-xs)}.alert{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);display:flex}.alert-icon{color:var(--fg-subtle);flex:none;margin-top:1px}.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{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);display:flex}.banner a{color:inherit;text-decoration:underline}.toast{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);display:flex}.toast-accent{border-radius:var(--radius-full);background:var(--primary);align-self:stretch;width:3px}.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{font-size:var(--text-caption);color:var(--fg-muted)}.tooltip{background:var(--gray-900);color:var(--gray-50);border-radius:var(--radius-xs);font-size:var(--text-caption);font-weight:var(--fw-medium);box-shadow:var(--shadow-md);padding:.3rem .55rem;display:inline-block;position:relative}[data-theme=dark] .tooltip{background:var(--gray-100);color:var(--gray-900)}.backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:var(--space-5);background:#0c131d8c;place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);animation:ds-rise var(--dur-slow) var(--ease) both}.dialog-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-3);display:flex}.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{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);display:flex}.pagination{align-items:center;gap:var(--space-1);display:flex}.page-num{min-width:30px;height:30px;padding:0 var(--space-2);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);justify-content:center;align-items:center;display:inline-flex}.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{background:var(--skeleton);border-radius:var(--radius-xs);display:block;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--skeleton-hi) 65%, transparent), transparent);animation:1.3s infinite ds-shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton--text{border-radius:var(--radius-full);height:.7rem}.skeleton--line{height:1rem}.skeleton--block{border-radius:var(--radius-sm);height:100%;min-height:80px}.empty-state,.error-state{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-9) var(--space-6);flex-direction:column;display:flex}.empty-icon,.error-icon{border-radius:var(--radius-lg);background:var(--surface-2);width:48px;height:48px;color:var(--fg-subtle);place-items:center;display:grid}.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{border:2px solid var(--border-strong);border-right-color:var(--primary);border-radius:50%;width:18px;height:18px;animation:.65s linear infinite ds-spin}.spinner--sm{border-width:2px;width:13px;height:13px}.spinner--lg{border-width:3px;width:28px;height:28px}.chart{width:100%}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart-grid-line{stroke:var(--chart-grid);stroke-width:1px}.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.25px;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:2px}.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{gap:var(--space-3);flex-wrap:wrap;display:flex}.legend-item{align-items:center;gap:var(--space-2);font-size:var(--text-caption);color:var(--fg-muted);display:inline-flex}.legend-swatch{border-radius:3px;flex:none;width:10px;height:10px}.gauge-wrap{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.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{background:var(--surface-2);border:1px solid var(--border);width:30px;height:30px;font-family:var(--font-mono);font-size:var(--text-overline);font-weight:var(--fw-semibold);color:var(--fg-muted);border-radius:50%;flex:none;place-items:center;display:grid}.avatar--sm{width:22px;height:22px}.avatar--lg{width:40px;height:40px;font-size:var(--text-caption)}.user-chip{align-items:center;gap:var(--space-2);padding:var(--space-1);border-radius:var(--radius-sm);display:flex}.user-chip:hover{background:var(--surface-2)}.user-chip-name{font-size:var(--text-sm);font-weight:var(--fw-medium)}.user-chip-role{font-size:var(--text-overline);color:var(--fg-faint)}.kbd{font-family:var(--font-mono);font-size:var(--text-overline);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--fg-muted);border-bottom-width:2px;padding:2px 5px}.progress{border-radius:var(--radius-full);background:var(--surface-3);height:6px;overflow:hidden}.progress>span{border-radius:var(--radius-full);background:var(--primary);height:100%;transition:width var(--dur-slow) var(--ease);display:block}.progress--success>span{background:var(--success)}.progress--warn>span{background:var(--warn)}.progress--danger>span{background:var(--danger)}.timeline{flex-direction:column;display:flex}.timeline-item{gap:var(--space-3);padding-bottom:var(--space-4);display:flex;position:relative}.timeline-item:before{content:"";background:var(--border);width:1px;position:absolute;top:20px;bottom:0;left:8px}.timeline-item:last-child{padding-bottom:0}.timeline-item:last-child:before{display:none}.timeline-dot{border:2px solid var(--surface);background:var(--border-strong);z-index:1;border-radius:50%;flex:none;width:17px;height:17px;margin-top:2px}.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)}}