*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}#root{height:100%}.shell{display:flex;flex-direction:column;height:100%;background:radial-gradient(120% 60% at 50% -10%,var(--accent-soft) 0%,transparent 62%),var(--bg)}.header{padding:15px 18px 11px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:baseline;gap:8px}.brand-mark{width:3px;align-self:stretch;min-height:22px;border-radius:2px;background:linear-gradient(180deg,var(--accent),transparent);margin-right:2px}.brand-title{font-size:19px;font-weight:650;letter-spacing:.06em;margin:0}.brand-sub{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--faint);text-transform:uppercase}.header-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.tagline{font-size:12px;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;border:1px solid var(--line);background:var(--raised);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--muted);white-space:nowrap}.badge[data-tone=gm]{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent-soft);color:var(--accent)}.badge[data-tone=ok]{border-color:color-mix(in srgb,var(--good) 45%,transparent);background:color-mix(in srgb,var(--good) 12%,transparent);color:var(--good)}.badge[data-tone=warn]{border-color:color-mix(in srgb,var(--warn) 45%,transparent);background:color-mix(in srgb,var(--warn) 12%,transparent);color:var(--warn)}.badge[data-tone=bad]{border-color:color-mix(in srgb,var(--bad) 45%,transparent);background:color-mix(in srgb,var(--bad) 12%,transparent);color:var(--bad)}.body{flex:1;overflow-y:auto;padding:13px 18px 18px;display:flex;flex-direction:column;gap:11px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.body>*{flex:0 0 auto}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--panel),var(--bg));box-shadow:var(--shadow);overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px 8px;border-bottom:1px solid var(--line-soft)}.card-title{margin:0;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--faint)}.card-body{padding:4px 0 6px}.row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:6px 14px}.row+.row{border-top:1px dashed var(--line-soft)}.row-label{font-size:12.5px;color:var(--muted);white-space:nowrap}.row-value{font-family:var(--font-mono);font-size:12.5px;color:var(--text);text-align:right;max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-value[data-mono=false]{font-family:var(--font-sans)}.row-value[data-state=ok]{color:var(--good)}.row-value[data-state=bad]{color:var(--bad)}.row-value[data-state=muted]{color:var(--faint)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--faint);margin-right:7px;vertical-align:1px}.dot[data-tone=ok]{background:var(--good);box-shadow:0 0 0 3px color-mix(in srgb,var(--good) 18%,transparent)}.dot[data-tone=warn]{background:var(--warn);box-shadow:0 0 0 3px color-mix(in srgb,var(--warn) 16%,transparent)}.dot[data-tone=bad]{background:var(--bad);box-shadow:0 0 0 3px color-mix(in srgb,var(--bad) 16%,transparent)}.dot[data-tone=pulse]{background:var(--accent);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--accent-soft);opacity:1}50%{box-shadow:0 0 0 5px transparent;opacity:.55}}@media(prefers-reduced-motion:reduce){.dot[data-tone=pulse]{animation:none}}.actions{display:flex;gap:8px;padding:10px 14px 14px}button{font-family:inherit;font-size:12.5px;border-radius:9px;border:1px solid var(--line);background:var(--raised);color:var(--text);padding:8px 13px;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease}button:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 50%,transparent)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button[data-variant=primary]{background:color-mix(in srgb,var(--accent) 88%,black);border-color:transparent;color:var(--accent-ink);font-weight:600}button[data-variant=primary]:hover:not(:disabled){background:var(--accent)}.notice{padding:12px 14px;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--warn) 40%,transparent);background:color-mix(in srgb,var(--warn) 9%,transparent);font-size:12.5px;color:var(--text)}.notice[data-tone=bad]{border-color:color-mix(in srgb,var(--bad) 40%,transparent);background:color-mix(in srgb,var(--bad) 9%,transparent)}.notice-title{font-weight:600;margin-bottom:4px}.notice ol,.notice p{margin:6px 0 0;padding-left:18px;color:var(--muted);font-size:12px;line-height:1.7}.notice p{padding-left:0}.notice code{font-family:var(--font-mono);font-size:11.5px;color:var(--accent);word-break:break-all}.modules{display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px 14px}.module{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:7px;border:1px dashed var(--line);font-size:11.5px;color:var(--faint)}.module b{font-family:var(--font-mono);font-weight:500;font-size:10.5px;color:var(--muted)}.footer{border-top:1px solid var(--line);padding:8px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;color:var(--faint);background:var(--panel)}.skeleton{padding:18px 14px;font-size:12.5px;color:var(--muted)}.log-line{font-family:var(--font-mono);font-size:11px;color:var(--faint);padding:5px 14px;border-top:1px dashed var(--line-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabs{display:flex;gap:4px;margin-top:10px}.tabs button{padding:4px 12px;font-size:12px;border-radius:7px;border:1px solid transparent;background:transparent;color:var(--muted)}.tabs button[data-active=true]{border-color:var(--line);background:var(--raised);color:var(--text)}.tabs button:hover:not([data-active=true]){color:var(--text)}.input{flex:1;min-width:0;padding:8px 10px;border-radius:9px;border:1px solid var(--line);background:var(--bg);color:var(--text);font-family:inherit;font-size:12.5px}.input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.input::placeholder{color:var(--faint)}.hint{margin:0;padding:0 14px 12px;font-size:11.5px;line-height:1.65;color:var(--faint)}.code-box{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 14px;border-top:1px dashed var(--line-soft)}.code-label{font-size:12.5px;color:var(--muted)}.code-value{font-family:var(--font-mono);font-size:22px;font-weight:500;letter-spacing:.24em;color:var(--accent)}.member{display:flex;align-items:center;gap:8px;padding:7px 14px;font-size:12.5px}.member+.member{border-top:1px dashed var(--line-soft)}.member-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-name em{font-style:normal;font-size:11px;color:var(--faint)}.member-role{font-family:var(--font-mono);font-size:10.5px;color:var(--muted)}.member-status{padding:1px 7px;border-radius:999px;border:1px solid var(--line);font-size:10.5px;color:var(--muted);white-space:nowrap}.member-status[data-state=ACTIVE]{color:var(--good);border-color:color-mix(in srgb,var(--good) 45%,transparent)}.member-status[data-state=PENDING]{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,transparent)}.member-status[data-state=KICKED]{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 45%,transparent)}.member-actions button{padding:3px 9px;font-size:11px}:root{--font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-pill: 999px;--fs-11: 11px;--fs-12: 12px;--fs-13: 13px;--fs-15: 15px;--fs-17: 17px;--fs-20: 20px;--fs-24: 24px;--dur-1: .12s;--dur-2: .2s;--accent: #f2a92e;--accent-soft: rgba(242, 169, 46, .16);--accent-ink: #1a1204;--good: #57b97f;--ep: #4a9fe0;--warn: #e0a63c;--bad: #e0665f;--radius: 12px}[data-mode=dark]{--bg: #080d18;--panel: #0f1728;--raised: #16203a;--line: #243352;--line-soft: #1a2740;--text: #eef1f7;--muted: #94a3c0;--faint: #5f6f8f;--shadow: 0 24px 60px rgba(0, 0, 0, .55);--overlay: rgba(4, 8, 16, .66)}[data-mode=light]{--bg: #f6f1e6;--panel: #ffffff;--raised: #f4ecdd;--line: #e2d5bf;--line-soft: #ece2d0;--text: #221d15;--muted: #6f6452;--faint: #9a8c76;--shadow: 0 24px 60px rgba(90, 72, 40, .18);--overlay: rgba(60, 48, 30, .38)}.app-surface{background-color:var(--bg);background-image:var(--vignette),var(--glow-a),var(--glow-b);background-repeat:no-repeat,no-repeat,no-repeat}[data-mode=dark] .app-surface{--vignette: radial-gradient(135% 105% at 50% 40%, transparent 56%, rgba(0, 0, 0, .38));--glow-a: radial-gradient(120% 72% at 50% -14%, rgba(242, 169, 46, .06), transparent 64%);--glow-b: radial-gradient(78% 52% at 102% -6%, rgba(74, 159, 224, .07), transparent 60%)}[data-mode=light] .app-surface{--vignette: radial-gradient(135% 105% at 50% 40%, transparent 62%, rgba(120, 98, 64, .1));--glow-a: radial-gradient(120% 72% at 50% -14%, rgba(184, 121, 26, .07), transparent 66%);--glow-b: radial-gradient(78% 52% at 102% -6%, rgba(47, 111, 158, .05), transparent 62%)}@media(max-width:520px){.app-surface{background-image:none}}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:var(--raised);color:var(--text);border-radius:var(--r-sm);padding:7px 12px;font:inherit;font-size:var(--fs-12);line-height:1.2;cursor:pointer;transition:border-color var(--dur-1) ease,background var(--dur-1) ease,transform 80ms ease,opacity var(--dur-1) ease;white-space:nowrap}.ui-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.ui-btn:active:not(:disabled){transform:translateY(1px)}.ui-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:2px}.ui-btn:disabled,.ui-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.ui-btn--primary{background:var(--accent);border-color:transparent;color:var(--accent-ink);font-weight:600;box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 22%,transparent),inset 0 1px #ffffff2e}.ui-btn--ghost{background:transparent;border-color:transparent;color:var(--muted)}.ui-btn--danger{background:color-mix(in srgb,var(--bad) 12%,transparent);border-color:color-mix(in srgb,var(--bad) 45%,transparent);color:var(--bad)}.ui-btn--sm{padding:4px 9px;font-size:var(--fs-11)}.ui-btn--block{width:100%}.ui-btn__spinner{width:12px;height:12px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:ui-spin .7s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-field{display:flex;flex-direction:column;gap:5px;min-width:0}.ui-field__label{font-size:var(--fs-11);letter-spacing:.08em;color:var(--muted)}.ui-field__hint{font-size:var(--fs-11);color:var(--faint)}.ui-field__error{font-size:var(--fs-11);color:var(--bad)}.ui-input,.ui-select{width:100%;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg);color:var(--text);font:inherit;font-size:var(--fs-12);transition:border-color var(--dur-1) ease,box-shadow var(--dur-1) ease}.ui-input::placeholder{color:var(--faint)}.ui-input:focus,.ui-select:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 65%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.ui-input[aria-invalid=true]{border-color:color-mix(in srgb,var(--bad) 65%,transparent)}.ui-input:disabled,.ui-select:disabled{opacity:.55;cursor:not-allowed}.ui-card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);overflow:hidden}.ui-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:10px var(--sp-4);border-bottom:1px solid var(--line-soft)}.ui-card__title{margin:0;font-size:var(--fs-11);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.ui-card__body{padding:var(--sp-2) var(--sp-4) var(--sp-3)}.ui-card__body--flush{padding:0}.ui-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:var(--r-pill);border:1px solid var(--line);font-size:var(--fs-11);color:var(--muted);white-space:nowrap}.ui-badge--gm{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent-soft)}.ui-badge--ok{color:var(--good);border-color:color-mix(in srgb,var(--good) 45%,transparent);background:color-mix(in srgb,var(--good) 12%,transparent)}.ui-badge--warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,transparent);background:color-mix(in srgb,var(--warn) 12%,transparent)}.ui-badge--bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 45%,transparent);background:color-mix(in srgb,var(--bad) 12%,transparent)}.ui-badge--info{color:var(--ep);border-color:color-mix(in srgb,var(--ep) 45%,transparent);background:color-mix(in srgb,var(--ep) 12%,transparent)}.ui-meter{display:flex;flex-direction:column;gap:4px}.ui-meter__head{display:flex;justify-content:space-between;gap:var(--sp-2);font-size:var(--fs-11);color:var(--muted)}.ui-meter__value{font-family:var(--font-mono);color:var(--text)}.ui-meter__track{height:6px;border-radius:var(--r-pill);background:var(--line-soft);overflow:hidden}.ui-meter__fill{height:100%;border-radius:inherit;background:var(--good);transition:width var(--dur-2) ease}.ui-meter[data-kind=ep] .ui-meter__fill{background:var(--ep)}.ui-meter[data-kind=neutral] .ui-meter__fill{background:var(--accent)}.ui-meter[data-low=true] .ui-meter__fill{background:var(--bad)}.ui-meter__flag{font-size:var(--fs-11);color:var(--bad)}.ui-tabs{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--line)}.ui-tabs__tab{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:8px 10px;font:inherit;font-size:var(--fs-12);cursor:pointer;transition:color var(--dur-1) ease,border-color var(--dur-1) ease}.ui-tabs__tab:hover{color:var(--text)}.ui-tabs__tab[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}.ui-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:border-color var(--dur-1) ease,background var(--dur-1) ease}.ui-row:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.ui-row[data-selected=true]{border-color:color-mix(in srgb,var(--accent) 65%,transparent);background:var(--raised)}.ui-row[data-static=true]{cursor:default}.ui-row[data-static=true]:hover{border-color:var(--line)}.ui-row__main{flex:1;min-width:0}.ui-row__title{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-13);font-weight:600}.ui-row__meta{margin-top:2px;font-size:var(--fs-11);color:var(--faint);font-family:var(--font-mono)}.ui-row__trailing{display:flex;align-items:center;gap:var(--sp-2)}.ui-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 7%,transparent);background:linear-gradient(135deg,var(--raised),var(--panel));font-family:var(--font-mono);font-size:var(--fs-11);color:var(--muted);flex:0 0 auto}.ui-avatar--lg{width:46px;height:46px;font-size:var(--fs-13)}.ui-kv-list{display:flex;flex-direction:column}.ui-kv{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-3);padding:6px 0}.ui-kv+.ui-kv{border-top:1px dashed var(--line-soft)}.ui-kv__k{font-size:var(--fs-12);color:var(--muted)}.ui-kv__v{font-family:var(--font-mono);font-size:var(--fs-12);text-align:right}.ui-kv__v--text{font-family:var(--font-sans)}.ui-kv__v--accent{color:var(--accent);font-size:var(--fs-20);font-weight:600;letter-spacing:.14em}.ui-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-5) var(--sp-4);border:1px dashed var(--line);border-radius:var(--r-md);text-align:center;color:var(--faint)}.ui-empty__icon{color:var(--faint)}.ui-empty__title{font-size:var(--fs-13);color:var(--text)}.ui-empty__desc{font-size:var(--fs-11);line-height:1.7;max-width:34ch}.ui-dialog-backdrop{position:fixed;inset:0;background:var(--overlay);display:grid;place-items:center;padding:var(--sp-4);z-index:40;animation:ui-fade var(--dur-2) ease}.ui-dialog{width:min(420px,100%);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.ui-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line-soft)}.ui-dialog__title{margin:0;font-size:var(--fs-15);font-weight:600}.ui-dialog__body{padding:var(--sp-4);font-size:var(--fs-12);line-height:1.7;color:var(--muted)}.ui-dialog__foot{display:flex;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--line-soft)}@keyframes ui-fade{0%{opacity:0}}.ui-notice{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid var(--line);border-left:3px solid var(--faint);border-radius:var(--r-sm);background:var(--raised);font-size:var(--fs-12);color:var(--muted)}.ui-notice__title{font-size:var(--fs-12);font-weight:600;color:var(--text)}.ui-notice[data-tone=warn]{border-left-color:var(--warn)}.ui-notice[data-tone=bad]{border-left-color:var(--bad)}.ui-notice[data-tone=ok]{border-left-color:var(--good)}.ui-notice[data-tone=info]{border-left-color:var(--ep)}.ui-toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:50;min-width:220px;max-width:min(420px,calc(100vw - 32px));padding:9px 14px;border:1px solid var(--line);border-left:3px solid var(--good);border-radius:var(--r-md);background:var(--panel);box-shadow:var(--shadow);font-size:var(--fs-12);animation:ui-toast-in var(--dur-2) ease}.ui-toast[data-tone=bad]{border-left-color:var(--bad)}.ui-toast[data-tone=warn]{border-left-color:var(--warn)}.ui-toast[data-tone=info]{border-left-color:var(--ep)}@keyframes ui-toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.ui-skeleton{display:block;border-radius:var(--r-sm);background:linear-gradient(90deg,var(--line-soft) 25%,color-mix(in srgb,var(--line) 70%,transparent) 37%,var(--line-soft) 63%);background-size:400% 100%;animation:ui-shimmer 1.4s ease infinite}.ui-skeleton--circle{border-radius:50%}@keyframes ui-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media(prefers-reduced-motion:reduce){.ui-skeleton,.ui-toast,.ui-dialog-backdrop{animation:none}.ui-btn,.ui-meter__fill{transition:none}}.ui-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:var(--sp-2)}.ui-stat{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--raised);padding:6px var(--sp-2);text-align:center}.ui-stat__k{font-size:10px;letter-spacing:.08em;color:var(--faint)}.ui-stat__v{font-family:var(--font-mono);font-size:var(--fs-20);font-weight:600;line-height:1.2}.ui-showcase{min-height:100%;padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-5)}.ui-showcase__bar{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;padding-bottom:var(--sp-3);border-bottom:1px solid var(--line)}.ui-showcase__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--sp-4)}.ui-showcase__stack{display:flex;flex-direction:column;gap:var(--sp-2)}.ui-showcase__label{font-size:var(--fs-11);letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}@media(max-width:520px){.ui-showcase{padding:var(--sp-3);gap:var(--sp-4)}.ui-showcase__grid{grid-template-columns:1fr}}.ui-app{display:flex;flex-direction:column;height:100%;container-type:inline-size;container-name:app;background-color:var(--bg);color:var(--text)}.ui-top{display:flex;align-items:center;gap:var(--sp-3);padding:10px var(--sp-4);border-bottom:1px solid var(--line);background:var(--panel)}.ui-brand{display:flex;align-items:baseline;gap:8px}.ui-brand__mark{width:16px;height:16px;border-radius:50%;border:2px solid var(--accent);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent);align-self:center}.ui-brand__title{margin:0;font-size:var(--fs-15);font-weight:650;letter-spacing:.06em}.ui-brand__sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--faint);text-transform:uppercase}.ui-top__campaign{font-size:var(--fs-12);color:var(--muted);padding-left:var(--sp-3);border-left:1px solid var(--line)}.ui-spacer{flex:1}.ui-body{flex:1;display:grid;grid-template-columns:200px minmax(0,1fr) 340px;min-height:0}.ui-nav{display:flex;flex-direction:column;gap:2px;padding:var(--sp-3) var(--sp-2);border-right:1px solid var(--line);background:var(--panel)}.ui-nav__group{padding:var(--sp-3) var(--sp-2) var(--sp-1);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.ui-nav__item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--muted);font:inherit;font-size:var(--fs-13);text-align:left;cursor:pointer;position:relative}.ui-nav__item:hover:not(:disabled){color:var(--text);background:var(--raised)}.ui-nav__item[data-active=true]{color:var(--accent);background:linear-gradient(90deg,var(--accent-soft),transparent)}.ui-nav__item[data-active=true]:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:2px;background:var(--accent)}.ui-nav__item:disabled{color:var(--faint);opacity:.6;cursor:not-allowed}.ui-nav__item:disabled:hover{background:transparent;color:var(--faint)}.ui-nav__tag{margin-left:auto;padding:1px 5px;border:1px solid var(--line);border-radius:var(--r-pill);font-size:9px;color:var(--faint);white-space:nowrap}.ui-main{min-width:0;overflow:auto;padding:var(--sp-4)}.ui-detail{min-width:0;overflow:auto;padding:var(--sp-4);border-left:1px solid var(--line);background:var(--panel)}.ui-status{display:flex;align-items:center;gap:var(--sp-3);padding:6px var(--sp-4);border-top:1px solid var(--line);background:var(--panel);font-family:var(--font-mono);font-size:var(--fs-11);color:var(--faint)}.ui-page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}.ui-page-title{margin:0;font-size:21px;letter-spacing:.01em}.ui-page-hint{font-size:var(--fs-11);color:var(--faint)}.ui-stack{display:flex;flex-direction:column;gap:var(--sp-3)}.ui-rowlist{display:flex;flex-direction:column;gap:var(--sp-2)}.ui-section{margin:var(--sp-4) 0 var(--sp-2);font-size:var(--fs-11);letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.ui-code{font-family:var(--font-mono);font-size:24px;font-weight:600;letter-spacing:.16em;color:var(--accent);line-height:1.2}.ui-detail-toggle{display:none}@container app (max-width: 1049px){.ui-body{grid-template-columns:184px minmax(0,1fr)}.ui-detail{position:absolute;top:0;right:0;bottom:0;width:min(340px,86%);z-index:5;box-shadow:var(--shadow);transform:translate(101%);transition:transform var(--dur-2) ease}.ui-app{position:relative}.ui-detail[data-open=true]{transform:none}.ui-detail-toggle{display:inline-flex}}@container app (max-width: 760px){.ui-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.ui-nav{order:2;flex-direction:row;gap:4px;padding:6px;border-right:0;border-top:1px solid var(--line);overflow-x:auto}.ui-nav__group,.ui-nav__tag{display:none}.ui-nav__item{flex:1;flex-direction:column;justify-content:center;gap:2px;padding:6px 4px;font-size:10px}.ui-nav__item[data-active=true]:before{display:none}.ui-top__campaign{display:none}.ui-main{padding:var(--sp-3)}.ui-status span:nth-child(n+3){display:none}}.ui-app[data-surface=popover] .ui-nav,.ui-app[data-surface=popover] .ui-status{display:none}.ui-app[data-surface=popover] .ui-body{grid-template-columns:minmax(0,1fr)}.ui-app[data-surface=popover] .ui-detail{display:none}.ui-app[data-surface=popover] .ui-main{padding:var(--sp-3) var(--sp-4)}.ui-app[data-surface=popover] .ui-top{padding:var(--sp-2) var(--sp-3)}@container app (max-width: 760px){.ui-top{gap:8px;padding:8px 10px}.ui-brand__sub{display:none}.ui-brand__title{font-size:var(--fs-13);white-space:nowrap}.ui-top .ui-badge--ok{display:none}}.ui-body.is-wide{grid-template-columns:200px minmax(0,1fr)}@container app (max-width: 1049px){.ui-body.is-wide{grid-template-columns:184px minmax(0,1fr)}}@container app (max-width: 760px){.ui-body.is-wide{grid-template-columns:minmax(0,1fr)}}
