:root{--ui-ink:#12241c;--ui-ink-muted:#5f7368;--ui-surface:#fff;--ui-surface-soft:#f4f7f5;--ui-border:#d8e1db;--ui-accent:#146b49;--ui-accent-strong:#0a5236;--ui-accent-soft:#e4f3eb;--ui-positive:#12734c;--ui-warning:#9a5a08;--ui-critical:#b3342d;--ui-info:#1f5f9a;--ui-radius-sm:.7rem;--ui-radius-md:1rem;--ui-radius-lg:1.25rem;--ui-shadow-sm:0 1px 2px #0c1c140a, 0 8px 24px #0c1c140a;--ui-shadow-md:0 12px 32px #0c1c1414, 0 2px 6px #0c1c140a;--ui-shadow-lg:0 24px 48px #0c1c141a, 0 4px 12px #0c1c140d}.ui-button,.ui-icon-button,.ui-input,.ui-select,.ui-metric{font:inherit}.ui-button{cursor:pointer;letter-spacing:-.01em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-height:2.7rem;padding:.62rem 1.15rem;font-weight:700;transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s;display:inline-flex}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button:active:not(:disabled){transform:translateY(0)}.ui-button:disabled{cursor:not-allowed;opacity:.52}.ui-button[data-size=sm]{min-height:2.25rem;padding:.42rem .85rem;font-size:.82rem}.ui-button[data-size=lg]{min-height:3.15rem;padding:.8rem 1.35rem;font-size:1rem}.ui-button[data-variant=primary]{background:linear-gradient(180deg, color-mix(in srgb, var(--ui-accent) 92%, white), var(--ui-accent));box-shadow:inset 0 1px 0 #ffffff2e, 0 8px 18px color-mix(in srgb, var(--ui-accent) 22%, transparent);color:#fff}.ui-button[data-variant=primary]:hover:not(:disabled){background:linear-gradient(180deg, color-mix(in srgb, var(--ui-accent-strong) 88%, white), var(--ui-accent-strong));box-shadow:inset 0 1px 0 #ffffff24, 0 12px 24px color-mix(in srgb, var(--ui-accent) 28%, transparent)}.ui-button[data-variant=secondary]{background:var(--ui-surface);border-color:color-mix(in srgb, var(--ui-border) 88%, var(--ui-ink) 6%);color:var(--ui-ink);box-shadow:0 1px 2px #0c1c140a}.ui-button[data-variant=secondary]:hover:not(:disabled),.ui-button[data-variant=quiet]:hover:not(:disabled){background:var(--ui-surface-soft);border-color:color-mix(in srgb, var(--ui-border) 55%, var(--ui-accent))}.ui-button[data-variant=quiet]{color:var(--ui-ink);background:0 0}.ui-button[data-variant=danger]{background:var(--ui-critical);color:#fff}.ui-button__icon{place-items:center;font-size:1.05em;line-height:1;display:grid}.ui-icon-button{color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.85rem;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:1.1rem;display:inline-flex}.ui-icon-button:hover{background:var(--ui-surface-soft);border-color:var(--ui-border)}.ui-button:focus-visible,.ui-icon-button:focus-visible,.ui-input:focus-visible,.ui-select:focus-visible,.ui-metric:focus-visible{outline:3px solid color-mix(in srgb, var(--ui-accent) 36%, transparent);outline-offset:2px}.ui-badge{background:color-mix(in srgb, var(--ui-surface-soft) 88%, var(--ui-surface));color:var(--ui-ink-muted);letter-spacing:.01em;white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:.35rem;min-height:0;padding:.2rem .65rem;font-size:.75rem;font-weight:600;line-height:1.25;display:inline-flex}.ui-badge__dot{background:currentColor;border-radius:999px;width:.38rem;height:.38rem}.ui-badge[data-tone=positive],.zh-status-ok{background:color-mix(in srgb, var(--ui-positive) 16%, var(--ui-surface));color:color-mix(in srgb, var(--ui-positive) 78%, var(--ui-ink))}.ui-badge[data-tone=warning],.zh-status-warn{background:color-mix(in srgb, var(--ui-warning) 16%, var(--ui-surface));color:color-mix(in srgb, var(--ui-warning) 78%, var(--ui-ink))}.ui-badge[data-tone=critical],.zh-status-danger{background:color-mix(in srgb, var(--ui-critical) 16%, var(--ui-surface));color:color-mix(in srgb, var(--ui-critical) 78%, var(--ui-ink))}.ui-badge[data-tone=info],.zh-status-info{background:color-mix(in srgb, var(--ui-info) 16%, var(--ui-surface));color:color-mix(in srgb, var(--ui-info) 78%, var(--ui-ink))}.zh-status-muted{background:color-mix(in srgb, var(--ui-surface-soft) 88%, var(--ui-surface));color:var(--ui-ink-muted)}.zh-status-pending{background:color-mix(in srgb, var(--ui-warning) 14%, color-mix(in srgb, #fb923c 10%, var(--ui-surface)));color:color-mix(in srgb, var(--ui-warning) 72%, var(--ui-ink))}.ui-card{background:var(--ui-surface);border:1px solid color-mix(in srgb, var(--ui-border) 82%, transparent);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-sm);grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%;display:grid;overflow:hidden}.ui-card__header{background:linear-gradient(180deg, color-mix(in srgb, var(--ui-accent-soft) 55%, transparent), transparent);border-bottom:1px solid color-mix(in srgb, var(--ui-border) 78%, transparent);color:var(--ui-ink);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.05rem 1.25rem;display:flex}.ui-card__body{min-width:0;max-width:100%;padding:1.25rem}.ui-metric{background:linear-gradient(165deg, color-mix(in srgb, var(--ui-accent-soft) 55%, white), white 48%), var(--ui-surface);border:1px solid color-mix(in srgb, var(--ui-border) 78%, white);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-sm);color:var(--ui-ink);cursor:pointer;text-align:left;flex-direction:column;gap:.7rem;width:100%;min-height:9rem;padding:1.1rem 1.15rem;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.ui-metric:hover{border-color:color-mix(in srgb, var(--ui-border) 45%, var(--ui-accent));box-shadow:var(--ui-shadow-md);transform:translateY(-2px)}.ui-metric__topline,.ui-metric__footer{color:var(--ui-ink-muted);justify-content:space-between;align-items:center;gap:.75rem;font-size:.76rem;font-weight:650;display:flex}.ui-metric strong{letter-spacing:-.045em;font-size:clamp(1.45rem,2vw,2rem);line-height:1}.ui-metric__footer{margin-top:auto}.ui-metric__footer [data-direction=up]{color:var(--ui-positive)}.ui-metric__footer [data-direction=down]{color:var(--ui-critical)}.ui-field{flex-direction:column;gap:.42rem;min-width:0;display:flex}.ui-field__label{color:var(--ui-ink);letter-spacing:-.01em;justify-content:flex-start;align-items:center;gap:.35rem;font-size:.78rem;font-weight:720;display:flex}.ui-field__label>span:not(.ui-field__info){color:var(--ui-ink-muted);margin-left:auto;font-size:.7rem;font-weight:550}.ui-field__info{background:color-mix(in srgb, var(--ui-ink-muted) 12%, transparent);color:var(--ui-ink-muted);cursor:help;border-radius:999px;flex:none;justify-content:center;align-items:center;width:1.05rem;height:1.05rem;margin-left:.15rem;font-size:.68rem;font-style:italic;font-weight:700;line-height:1;display:inline-flex}.ui-field__info:hover,.ui-field__info:focus{background:color-mix(in srgb, var(--ui-accent) 18%, transparent);color:var(--ui-accent);outline:none}.ui-input,.ui-select{appearance:none;background:color-mix(in srgb, var(--ui-surface-soft) 70%, var(--ui-surface));border:1px solid color-mix(in srgb, var(--ui-border) 88%, var(--ui-ink) 4%);box-shadow:inset 0 1px 2px color-mix(in srgb, var(--ui-ink) 6%, transparent);color:var(--ui-ink);border-radius:.85rem;width:100%;min-height:2.8rem;padding:.65rem .85rem;transition:background-color .14s,border-color .14s,box-shadow .14s}.ui-input:hover,.ui-select:hover{border-color:color-mix(in srgb, var(--ui-border) 60%, var(--ui-accent))}.ui-input:focus,.ui-select:focus{background:var(--ui-surface);border-color:color-mix(in srgb, var(--ui-accent) 55%, var(--ui-border));box-shadow:0 0 0 4px color-mix(in srgb, var(--ui-accent) 14%, transparent), inset 0 1px 2px color-mix(in srgb, var(--ui-ink) 4%, transparent)}.ui-select{background-image:linear-gradient(45deg, transparent 50%, var(--ui-ink-muted) 50%), linear-gradient(135deg, var(--ui-ink-muted) 50%, transparent 50%);background-position:calc(100% - 1rem) calc(50% - 2px),calc(100% - .7rem) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:2rem}.ui-input::placeholder{color:var(--ui-ink-muted)}.ui-field__hint,.ui-field__error{color:var(--ui-ink-muted);font-size:.72rem}.ui-field__error{color:var(--ui-critical)}.ui-state{background:linear-gradient(180deg, color-mix(in srgb, var(--ui-surface) 92%, white), var(--ui-surface));border:1px solid color-mix(in srgb, var(--ui-border) 85%, transparent);border-radius:var(--ui-radius-lg,1rem);box-shadow:var(--ui-shadow-sm,0 8px 24px #10251c0a);color:var(--ui-ink-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:14rem;padding:2rem 1.5rem;display:flex}.ui-state__icon{background:linear-gradient(160deg, color-mix(in srgb, var(--ui-accent,#146b49) 12%, white), var(--ui-surface-soft));border:1px solid color-mix(in srgb, var(--ui-border) 70%, transparent);color:var(--ui-accent);border-radius:999px;justify-content:center;align-items:center;width:3.1rem;height:3.1rem;margin-bottom:.9rem;font-size:1.15rem;display:flex}.ui-state__icon svg{flex:none;display:block}.ui-state strong{color:var(--ui-ink);letter-spacing:-.02em;font-size:1.02rem;font-weight:780}.ui-state p{max-width:34rem;margin:.4rem 0 1rem;line-height:1.55}.ui-state[data-state=error] .ui-state__icon{color:var(--ui-critical);background:#ffebe8}.ui-skeleton{background:linear-gradient(90deg, var(--ui-surface-soft) 25%, #e9eeeb 45%, var(--ui-surface-soft) 65%);border-radius:var(--ui-radius-sm);background-size:300% 100%;width:100%;min-height:2.5rem;animation:1.35s ease-in-out infinite ui-shimmer;display:block}.ui-loading{color:var(--ui-ink-muted);justify-content:center;align-items:center;gap:.65rem;min-height:12rem;font-size:.85rem;display:flex}.ui-loading__spinner{border:2px solid var(--ui-border);border-top-color:var(--ui-accent);border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite ui-spin}.ui-status-dot{color:var(--ui-ink-muted);align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;display:inline-flex}.ui-status-dot>span{border:2px solid var(--ui-surface);background:currentColor;border-radius:999px;width:.55rem;height:.55rem;box-shadow:0 0 0 1px}.ui-status-dot[data-tone=positive]{color:var(--ui-positive)}.ui-status-dot[data-tone=warning]{color:var(--ui-warning)}.ui-status-dot[data-tone=critical]{color:var(--ui-critical)}.ui-status-panel{background:linear-gradient(135deg, color-mix(in srgb, var(--ui-info) 10%, white), color-mix(in srgb, var(--ui-surface) 92%, white));border:1px solid color-mix(in srgb, var(--ui-info) 22%, var(--ui-border));border-left:3px solid var(--ui-info);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-sm);color:color-mix(in srgb, var(--ui-info) 78%, black);align-items:flex-start;gap:.75rem;padding:.95rem 1.05rem;font-size:.82rem;display:flex}.ui-status-panel[data-tone=warning]{border-color:#eed8ad;border-left-color:var(--ui-warning);color:#764a08;background:linear-gradient(135deg,#fff8ea,#fffdf8)}.ui-status-panel[data-tone=critical]{border-color:#efcbc7;border-left-color:var(--ui-critical);color:#922c26;background:linear-gradient(135deg,#fff2ef,#fffaf9)}.ui-status-panel[data-tone=positive]{background:linear-gradient(135deg, color-mix(in srgb, var(--ui-positive) 10%, white), #f8fcf9);border-color:#c6e8d3;border-left-color:var(--ui-positive);color:#0e6542}.ui-status-panel[data-tone=info]{background:linear-gradient(135deg, color-mix(in srgb, var(--ui-accent) 12%, white), color-mix(in srgb, var(--ui-accent-soft) 55%, white));border-color:color-mix(in srgb, var(--ui-accent) 22%, var(--ui-border));border-left-color:var(--ui-accent);color:var(--ui-accent-strong)}.ui-status-panel__mark{border:1px solid;border-radius:999px;flex:none;justify-content:center;align-items:center;width:1.15rem;height:1.15rem;margin-top:.05rem;font-size:.65rem;font-weight:800;display:flex}.ui-status-panel strong,.ui-status-panel>span:last-child>span{display:block}.ui-status-panel>span:last-child>span{margin-top:.2rem;line-height:1.45}@keyframes ui-spin{to{transform:rotate(360deg)}}@keyframes ui-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.ui-button,.ui-metric,.ui-skeleton,.ui-loading__spinner{transition:none;animation:none}}