:root{--gh-bg: #0d1117;--gh-surface-1: #161b22;--gh-surface-2: #1c222b;--gh-surface-3: #21262d;--gh-border: #21262d;--gh-border-strong: #30363d;--gh-text: #f0f6fc;--gh-text-muted: #8b949e;--gh-text-subtle: #6e7681;--gh-accent: #2f81f7;--gh-accent-hover: #58a6ff;--gh-accent-active: #1f6feb;--gh-accent-fg: #ffffff;--gh-accent-muted: rgba(56, 139, 253, .15);--gh-success: #3fb950;--gh-warning: #d29922;--gh-danger: #f85149;--gh-danger-hover: #ff7b72;--gh-focus-ring: rgba(56, 139, 253, .4);--gh-radius-sm: 3px;--gh-radius-md: 4px;--gh-radius-lg: 6px;--gh-space-1: 4px;--gh-space-2: 8px;--gh-space-3: 12px;--gh-space-4: 16px;--gh-space-5: 24px;--gh-space-6: 32px;--gh-font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--gh-font-mono: ui-monospace, "SF Mono", "SFMono-Regular", "Menlo", Consolas, "Liberation Mono", monospace;--gh-text-xs: 12px;--gh-text-sm: 13px;--gh-text-md: 14px;--gh-text-lg: 16px;--gh-weight-regular: 450;--gh-weight-medium: 550;--gh-weight-bold: 650;--gh-shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--gh-shadow-2: 0 8px 24px rgba(0, 0, 0, .5);--gh-transition: .12s cubic-bezier(.2, 0, 0, 1)}.ghostui{background:var(--gh-bg);color:var(--gh-text);font-family:var(--gh-font-sans);font-size:var(--gh-text-md);font-weight:var(--gh-weight-regular);line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:"cv02","cv11","ss01"}.ghostui *,.ghostui *:before,.ghostui *:after{box-sizing:border-box}.gh-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--gh-space-2);border:1px solid transparent;border-radius:8px;font-family:var(--gh-font-sans);font-weight:var(--gh-weight-medium);line-height:1;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--gh-transition),border-color var(--gh-transition),color var(--gh-transition),transform var(--gh-transition)}.gh-button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--gh-focus-ring)}.gh-button:active:not(:disabled){transform:translateY(1px)}.gh-button:disabled{opacity:.45;cursor:not-allowed}.gh-button--sm{height:28px;padding:0 var(--gh-space-3);font-size:var(--gh-text-sm)}.gh-button--md{height:34px;padding:0 var(--gh-space-4);font-size:var(--gh-text-md)}.gh-button--lg{height:42px;padding:0 var(--gh-space-5);font-size:var(--gh-text-lg)}.gh-button--block{width:100%}.gh-button--primary{background:var(--gh-accent);color:var(--gh-accent-fg)}.gh-button--primary:hover:not(:disabled){background:var(--gh-accent-hover)}.gh-button--primary:active:not(:disabled){background:var(--gh-accent-active)}.gh-button--secondary{background:var(--gh-surface-2);border-color:var(--gh-border-strong);color:var(--gh-text)}.gh-button--secondary:hover:not(:disabled){background:var(--gh-surface-3)}.gh-button--ghost{background:transparent;color:var(--gh-text-muted)}.gh-button--ghost:hover:not(:disabled){background:var(--gh-surface-2);color:var(--gh-text)}.gh-button--danger{background:transparent;border-color:var(--gh-danger);color:var(--gh-danger)}.gh-button--danger:hover:not(:disabled){background:color-mix(in srgb,var(--gh-danger) 14%,transparent);color:var(--gh-danger-hover)}.gh-field{display:flex;flex-direction:column;gap:var(--gh-space-2)}.gh-field__label{font-size:var(--gh-text-sm);font-weight:var(--gh-weight-medium);color:var(--gh-text-muted)}.gh-field__required{color:var(--gh-danger);margin-left:2px}.gh-input{width:100%;height:34px;padding:0 var(--gh-space-3);background:var(--gh-surface-1);border:1px solid var(--gh-border);border-radius:var(--gh-radius-md);color:var(--gh-text);font-family:var(--gh-font-sans);font-size:var(--gh-text-md);transition:border-color var(--gh-transition),box-shadow var(--gh-transition),background var(--gh-transition)}.gh-input::placeholder{color:var(--gh-text-subtle)}.gh-input:hover:not(:disabled):not(:focus){border-color:var(--gh-border-strong)}.gh-input:focus{outline:none;border-color:var(--gh-accent);box-shadow:0 0 0 3px var(--gh-focus-ring);background:var(--gh-surface-2)}.gh-input:disabled{opacity:.5;cursor:not-allowed}.gh-input--sm{height:28px;font-size:var(--gh-text-sm)}.gh-input--lg{height:42px;font-size:var(--gh-text-lg)}.gh-input--invalid{border-color:var(--gh-danger)}.gh-input--invalid:focus{border-color:var(--gh-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--gh-danger) 40%,transparent)}.gh-input--mono{font-family:var(--gh-font-mono);letter-spacing:-.01em}.gh-field__hint{font-size:var(--gh-text-xs);color:var(--gh-text-subtle)}.gh-field__error{font-size:var(--gh-text-xs);color:var(--gh-danger)}.gh-password{position:relative;display:flex;align-items:center}.gh-password__input{padding-right:38px;font-family:var(--gh-font-mono);letter-spacing:.12em}.gh-password__toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--gh-radius-sm);color:var(--gh-text-subtle);cursor:pointer;transition:color var(--gh-transition),background var(--gh-transition)}.gh-password__toggle:hover{color:var(--gh-text);background:var(--gh-surface-2)}.gh-password__toggle:focus-visible{outline:none;box-shadow:0 0 0 3px var(--gh-focus-ring);color:var(--gh-text)}.gh-password__toggle svg{width:16px;height:16px;display:block}.gh-card{display:flex;flex-direction:column;background:var(--gh-surface-1);border:1px solid var(--gh-border);border-radius:var(--gh-radius-lg);overflow:hidden}.gh-card--raised{box-shadow:var(--gh-shadow-2);border-color:var(--gh-border-strong)}.gh-card--interactive{cursor:pointer;transition:border-color var(--gh-transition),transform var(--gh-transition),box-shadow var(--gh-transition)}.gh-card--interactive:hover{border-color:var(--gh-accent);transform:translateY(-2px);box-shadow:var(--gh-shadow-2)}.gh-card__header{display:flex;flex-direction:column;gap:var(--gh-space-1);padding:var(--gh-space-4) var(--gh-space-5);border-bottom:1px solid var(--gh-border)}.gh-card__title{margin:0;font-size:var(--gh-text-lg);font-weight:var(--gh-weight-bold);color:var(--gh-text)}.gh-card__subtitle{margin:0;font-size:var(--gh-text-sm);color:var(--gh-text-muted)}.gh-card__body{padding:var(--gh-space-5);color:var(--gh-text);font-size:var(--gh-text-md)}.gh-card__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--gh-space-3);padding:var(--gh-space-4) var(--gh-space-5);border-top:1px solid var(--gh-border);background:var(--gh-surface-2)}.gh-badge{display:inline-flex;align-items:center;gap:var(--gh-space-1);border:1px solid transparent;border-radius:999px;font-family:var(--gh-font-mono);font-weight:var(--gh-weight-medium);line-height:1;letter-spacing:.01em;white-space:nowrap}.gh-badge--sm{height:18px;padding:0 var(--gh-space-2);font-size:11px}.gh-badge--md{height:22px;padding:0 var(--gh-space-2);font-size:var(--gh-text-xs)}.gh-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.gh-badge--neutral{background:var(--gh-surface-3);border-color:var(--gh-border-strong);color:var(--gh-text-muted)}.gh-badge--accent{background:var(--gh-accent-muted);border-color:color-mix(in srgb,var(--gh-accent) 45%,transparent);color:var(--gh-accent-hover)}.gh-badge--success{background:color-mix(in srgb,var(--gh-success) 16%,transparent);border-color:color-mix(in srgb,var(--gh-success) 45%,transparent);color:var(--gh-success)}.gh-badge--warning{background:color-mix(in srgb,var(--gh-warning) 16%,transparent);border-color:color-mix(in srgb,var(--gh-warning) 45%,transparent);color:var(--gh-warning)}.gh-badge--danger{background:color-mix(in srgb,var(--gh-danger) 16%,transparent);border-color:color-mix(in srgb,var(--gh-danger) 45%,transparent);color:var(--gh-danger)}.gh-badge--solid.gh-badge--accent{background:var(--gh-accent);border-color:transparent;color:var(--gh-accent-fg)}.gh-badge--solid.gh-badge--success{background:var(--gh-success);border-color:transparent;color:#04180f}.gh-badge--solid.gh-badge--danger{background:var(--gh-danger);border-color:transparent;color:#1a0505}:root{--sidebar-w: 232px;--topbar-h: 56px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--gh-bg)}a{color:var(--gh-accent);text-decoration:none}a:hover{color:var(--gh-accent-hover)}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--gh-border);background:var(--gh-surface-1);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:var(--gh-space-2);padding:var(--gh-space-4);height:var(--topbar-h);border-bottom:1px solid var(--gh-border);font-weight:var(--gh-weight-bold);font-size:var(--gh-text-lg)}.brand .glyph{width:26px;height:26px;border-radius:var(--gh-radius-md);background:linear-gradient(135deg,var(--gh-accent),#a371f7);display:grid;place-items:center;color:#fff;font-weight:700;font-size:14px}.nav{padding:var(--gh-space-3);display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-section{color:var(--gh-text-subtle);font-size:var(--gh-text-xs);text-transform:uppercase;letter-spacing:.04em;padding:var(--gh-space-3) var(--gh-space-3) var(--gh-space-1)}.nav-item{display:flex;align-items:center;gap:var(--gh-space-3);padding:var(--gh-space-2) var(--gh-space-3);border-radius:var(--gh-radius-md);color:var(--gh-text-muted);font-size:var(--gh-text-sm);font-weight:var(--gh-weight-medium);cursor:pointer;transition:background var(--gh-transition),color var(--gh-transition);background:transparent;border:1px solid transparent;font-family:inherit;text-align:left;-moz-appearance:none;appearance:none;-webkit-appearance:none}.nav-item:hover{background:var(--gh-surface-2);color:var(--gh-text)}.nav-item.active{background:var(--gh-accent-muted);color:var(--gh-text)}.nav-item .ico{width:16px;text-align:center;opacity:.9}.sidebar-foot{margin-top:auto;padding:var(--gh-space-3);border-top:1px solid var(--gh-border)}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--gh-border);background:#0d1117cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;padding:0 var(--gh-space-5);position:sticky;top:0;z-index:10}.topbar h1{font-size:var(--gh-text-lg);font-weight:var(--gh-weight-bold);margin:0}.topbar .crumb{color:var(--gh-text-muted);font-size:var(--gh-text-sm)}.user-chip{display:flex;align-items:center;gap:var(--gh-space-2)}.avatar{width:28px;height:28px;border-radius:50%;background:var(--gh-surface-3);border:1px solid var(--gh-border-strong);display:grid;place-items:center;font-size:var(--gh-text-xs);font-weight:var(--gh-weight-bold);color:var(--gh-text)}.content{padding:var(--gh-space-5);max-width:1440px;width:100%}.grid{display:grid;gap:var(--gh-space-4)}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-6{grid-template-columns:repeat(6,1fr)}.span-2{grid-column:span 2}@media (max-width: 1100px){.cols-4,.cols-6{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:1fr}.span-2{grid-column:span 1}.cols-2{grid-template-columns:1fr}}.stat{background:var(--gh-surface-1);border:1px solid var(--gh-border);border-radius:var(--gh-radius-lg);padding:var(--gh-space-4);display:flex;flex-direction:column;gap:var(--gh-space-2)}.stat .label{color:var(--gh-text-muted);font-size:var(--gh-text-xs);text-transform:uppercase;letter-spacing:.03em}.stat .value{font-size:26px;font-weight:var(--gh-weight-bold);line-height:1;font-variant-numeric:tabular-nums}.stat .foot{display:flex;align-items:center;gap:var(--gh-space-2);font-size:var(--gh-text-xs);color:var(--gh-text-subtle)}.stat .accent-bar{height:3px;border-radius:2px;background:var(--gh-accent);opacity:.8}.panel{background:var(--gh-surface-1);border:1px solid var(--gh-border);border-radius:var(--gh-radius-lg)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:var(--gh-space-4);border-bottom:1px solid var(--gh-border)}.panel-head h3{margin:0;font-size:var(--gh-text-md);font-weight:var(--gh-weight-bold)}.panel-head .sub{color:var(--gh-text-subtle);font-size:var(--gh-text-xs)}.panel-body{padding:var(--gh-space-4)}.panel-body.flush{padding:0}.tbl{width:100%;border-collapse:collapse;font-size:var(--gh-text-sm)}.tbl th{text-align:left;color:var(--gh-text-muted);font-weight:var(--gh-weight-medium);font-size:var(--gh-text-xs);text-transform:uppercase;letter-spacing:.03em;padding:var(--gh-space-3) var(--gh-space-4);border-bottom:1px solid var(--gh-border)}.tbl td{padding:var(--gh-space-3) var(--gh-space-4);border-bottom:1px solid var(--gh-border);vertical-align:middle}.tbl tbody tr{transition:background var(--gh-transition)}.tbl tbody tr:hover{background:var(--gh-surface-2)}.tbl tbody tr:last-child td{border-bottom:none}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.row-link{cursor:pointer}.muted{color:var(--gh-text-muted)}.subtle{color:var(--gh-text-subtle)}.mono{font-family:var(--gh-font-mono)}.flex{display:flex;align-items:center}.between{justify-content:space-between}.gap-2{gap:var(--gh-space-2)}.gap-3{gap:var(--gh-space-3)}.gap-4{gap:var(--gh-space-4)}.wrap{flex-wrap:wrap}.mt-4{margin-top:var(--gh-space-4)}.mb-4{margin-bottom:var(--gh-space-4)}.page-actions{display:flex;gap:var(--gh-space-3);align-items:center}.section-title{font-size:var(--gh-text-md);font-weight:var(--gh-weight-bold);margin:var(--gh-space-5) 0 var(--gh-space-3)}.spacer{flex:1}.progress{height:6px;background:var(--gh-surface-3);border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--gh-accent);transition:width .4s ease}.progress.ok>span{background:var(--gh-success)}.progress.err>span{background:var(--gh-danger)}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 600px at 50% -10%,rgba(47,129,247,.12),transparent),var(--gh-bg)}.login-card{width:380px;max-width:92vw}.login-brand{display:flex;align-items:center;gap:var(--gh-space-3);justify-content:center;margin-bottom:var(--gh-space-5);font-size:22px;font-weight:var(--gh-weight-bold)}.empty{padding:var(--gh-space-6);text-align:center;color:var(--gh-text-subtle)}.tag{display:inline-flex;padding:2px 8px;border-radius:999px;font-size:var(--gh-text-xs);background:var(--gh-surface-3);border:1px solid var(--gh-border-strong);color:var(--gh-text-muted)}.kbd{font-family:var(--gh-font-mono);font-size:11px;background:var(--gh-surface-3);border:1px solid var(--gh-border-strong);border-radius:var(--gh-radius-sm);padding:1px 5px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.chart-legend{display:flex;gap:var(--gh-space-4);flex-wrap:wrap;font-size:var(--gh-text-xs);color:var(--gh-text-muted)}.chart-legend .li{display:flex;align-items:center;gap:6px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:100;padding:var(--gh-space-4)}.modal{width:520px;max-width:96vw;max-height:90vh;overflow:auto;background:var(--gh-surface-1);border:1px solid var(--gh-border-strong);border-radius:var(--gh-radius-lg);box-shadow:var(--gh-shadow-2)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:var(--gh-space-4);border-bottom:1px solid var(--gh-border)}.modal-head h3{margin:0}.modal-body{padding:var(--gh-space-4);display:flex;flex-direction:column;gap:var(--gh-space-4)}.modal-foot{padding:var(--gh-space-4);border-top:1px solid var(--gh-border);display:flex;justify-content:flex-end;gap:var(--gh-space-3)}.field-label{font-size:var(--gh-text-sm);font-weight:var(--gh-weight-medium);margin-bottom:var(--gh-space-2);display:block}.select,.textarea{width:100%;background:var(--gh-surface-2);border:1px solid var(--gh-border-strong);border-radius:var(--gh-radius-md);color:var(--gh-text);font-size:var(--gh-text-sm);padding:8px 10px;font-family:inherit}.textarea{min-height:84px;font-family:var(--gh-font-mono)}.select:focus,.textarea:focus{outline:none;border-color:var(--gh-accent);box-shadow:0 0 0 3px var(--gh-focus-ring)}.toast-wrap{position:fixed;bottom:var(--gh-space-5);right:var(--gh-space-5);display:flex;flex-direction:column;gap:var(--gh-space-2);z-index:200}.toast{padding:10px 14px;border-radius:var(--gh-radius-md);font-size:var(--gh-text-sm);border:1px solid var(--gh-border-strong);background:var(--gh-surface-2);box-shadow:var(--gh-shadow-2)}.toast.err{border-color:var(--gh-danger)}.toast.ok{border-color:var(--gh-success)}.spin{width:18px;height:18px;border:2px solid var(--gh-border-strong);border-top-color:var(--gh-accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-load{min-height:60vh;display:grid;place-items:center}