@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--color-primary:#1e293b;--color-on-primary:#fff;--color-secondary:#334155;--color-on-secondary:#fff;--color-accent:#22c55e;--color-accent-hover:#4ade80;--color-on-accent:#0f172a;--color-background:#0f172a;--color-foreground:#f8fafc;--color-card:#1b2336;--color-card-foreground:#f8fafc;--color-muted:#272f42;--color-muted-foreground:#b7c3d4;--color-border:#475569;--color-border-strong:#64748b;--color-destructive:#f87171;--color-on-destructive:#0f172a;--color-ring:#fff;--color-warning:#fde68a;--color-info:#93c5fd;--space-xs:.125rem;--space-sm:.25rem;--space-md:.5rem;--space-lg:.75rem;--space-xl:1rem;--space-2xl:1.5rem;--space-3xl:2rem;--shadow-sm:0 1px 2px #0000002e;--shadow-md:0 4px 14px #00000038;--shadow-lg:0 10px 30px #00000047;--radius-sm:8px;--radius-md:12px;--motion-fast:.16s ease;--motion-standard:.22s ease;font-family:Fira Sans,Microsoft YaHei UI,Microsoft YaHei,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--color-background);min-width:320px;min-height:100%}body{min-width:320px;min-height:100%;color:var(--color-foreground);background:radial-gradient(circle at 85% -20%,#22c55e1f,#0000 34rem),linear-gradient(145deg,#0f172a 0%,#111827 55%,#0d1728 100%);margin:0;font-size:16px;line-height:1.55;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}a{color:inherit}button,a[href],select{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--color-ring);outline-offset:3px}h1,h2,h3,p,dl,dd{margin-top:0}h1,h2,h3,.mono,.section-kicker{font-family:Fira Code,Microsoft YaHei UI,Microsoft YaHei,Consolas,monospace}h1{margin-bottom:var(--space-md);letter-spacing:-.04em;text-wrap:balance;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.16}h2{margin-bottom:var(--space-md);letter-spacing:-.025em;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.3}p:last-child{margin-bottom:0}.skip-link{top:var(--space-md);left:var(--space-md);z-index:1000;border-radius:var(--radius-sm);min-height:44px;color:var(--color-on-accent);background:var(--color-accent);transition:transform var(--motion-fast);padding:10px 16px;font-weight:700;position:fixed;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100dvh}.topbar{z-index:40;justify-content:space-between;align-items:center;gap:var(--space-xl);min-height:72px;padding:var(--space-lg) var(--space-xl);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-sm);background:#0f172ae6;border-bottom:1px solid #94a3b847;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-lg);min-width:0;text-decoration:none;display:inline-flex}.brand__mark{width:44px;height:44px;color:var(--color-on-accent);background:linear-gradient(145deg, var(--color-accent-hover), var(--color-accent));border:1px solid #4ade808c;border-radius:10px;flex:0 0 44px;place-items:center;font-family:Fira Code,Microsoft YaHei UI,Microsoft YaHei,Consolas,monospace;font-weight:700;display:grid;box-shadow:0 8px 24px #22c55e2e}.brand strong,.brand small{display:block}.brand strong{font-family:Fira Code,Microsoft YaHei UI,Microsoft YaHei,Consolas,monospace;font-size:.95rem;line-height:1.3}.brand small{color:var(--color-muted-foreground);font-size:.78rem}.account-summary{align-items:center;gap:var(--space-lg);display:flex}.account-summary__identity{text-align:right;min-width:0}.account-summary__identity strong,.account-summary__identity small{overflow-wrap:anywhere;display:block}.account-summary__identity strong{font-size:.9rem}.account-summary__identity small{color:var(--color-muted-foreground);font-size:.76rem}.app-frame{min-height:calc(100dvh - 72px)}.sidebar{display:none}.mobile-nav{gap:var(--space-md);padding:var(--space-md) var(--space-xl);background:#0f172aad;border-bottom:1px solid #94a3b838;display:flex;overflow-x:auto}.mobile-nav a,.sidebar a{min-height:44px;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);color:var(--color-muted-foreground);transition:color var(--motion-fast), background-color var(--motion-fast);align-items:center;font-weight:600;text-decoration:none;display:flex}.mobile-nav a:hover,.sidebar a:hover{color:var(--color-foreground);background:#ffffff0f}.mobile-nav a.router-link-active,.sidebar a.router-link-active{color:var(--color-foreground);background:var(--color-secondary);box-shadow:inset 3px 0 0 var(--color-accent)}.main-content{width:100%;min-width:0;max-width:1440px;padding:var(--space-2xl) var(--space-xl) 64px;margin:0 auto}.page-stack{gap:var(--space-2xl);display:grid}.page-stack--narrow{max-width:980px}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-xl);flex-direction:column;display:flex}.page-header>div{min-width:0}.page-header p:not(.section-kicker){max-width:68ch;color:var(--color-muted-foreground);margin-bottom:0}.page-header--detail{padding-bottom:var(--space-xl);border-bottom:1px solid #94a3b840}.back-link{min-height:44px;margin:calc(var(--space-md) * -1) 0 var(--space-sm);color:var(--color-muted-foreground);text-underline-offset:4px;align-items:center;font-weight:600;display:inline-flex}.section-kicker{margin-bottom:var(--space-sm);color:var(--color-accent-hover);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:600}.panel{border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:linear-gradient(145deg,#ffffff09,#0000 42%),#1b2336f0;border:1px solid #94a3b84d}.button{justify-content:center;align-items:center;gap:var(--space-md);border-radius:var(--radius-sm);text-align:center;min-height:44px;transition:color var(--motion-fast), background-color var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast);border:1px solid #0000;padding:9px 16px;font-weight:650;line-height:1.3;text-decoration:none;display:inline-flex}.button--primary{border-color:var(--color-accent);color:var(--color-on-accent);background:var(--color-accent);box-shadow:0 4px 14px #22c55e29}.button--primary:hover:not(:disabled){border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.button--secondary{border-color:var(--color-border-strong);color:var(--color-foreground);background:#3341558c}.button--secondary:hover:not(:disabled),.button--quiet:hover:not(:disabled){background:var(--color-secondary);border-color:#94a3b8}.button--quiet{color:var(--color-foreground);background:0 0;border-color:#0000}.button--danger-quiet{color:#fecaca;background:#7f1d1d2e;border-color:#f8717173}.button--danger-quiet:hover:not(:disabled){border-color:var(--color-destructive);background:#7f1d1d66}.button--full{width:100%}.button:disabled{opacity:.48;box-shadow:none}.status-badge{border:1px solid var(--color-border);white-space:nowrap;border-radius:999px;align-items:center;max-width:100%;min-height:28px;padding:3px 9px;font-family:Fira Code,Microsoft YaHei UI,Microsoft YaHei,Consolas,monospace;font-size:.72rem;font-weight:700;line-height:1.2;display:inline-flex}.status-badge--positive{color:#bbf7d0;background:#14532d57;border-color:#4ade808c}.status-badge--warning{color:var(--color-warning);background:#713f1257;border-color:#fde68a85}.status-badge--danger{color:#fecaca;background:#7f1d1d59;border-color:#f8717194}.status-badge--neutral{border-color:var(--color-border-strong);color:#dbe5f2;background:#33415599}.async-state{align-items:center;gap:var(--space-xl);min-height:150px;padding:var(--space-2xl);display:flex}.async-state>div{flex:1;min-width:0}.async-state h2{margin-bottom:var(--space-sm)}.async-state p,.muted,.empty-copy,.card-note{color:var(--color-muted-foreground)}.spinner{border:3px solid #94a3b859;border-top-color:var(--color-accent-hover);border-radius:50%;flex:none;width:28px;height:28px;animation:.7s linear infinite spin;display:inline-block}.spinner--small{border-width:2px;width:18px;height:18px}@keyframes spin{to{transform:rotate(360deg)}}.environment-grid,.detail-grid{gap:var(--space-xl);grid-template-columns:minmax(0,1fr);display:grid}.environment-card,.detail-card{min-width:0;padding:var(--space-xl)}.environment-card{gap:var(--space-xl);flex-direction:column;display:flex}.environment-card__header,.section-heading,.title-with-status,.member-row,.instance-row{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);min-width:0;display:flex}.environment-card__header>div,.section-heading>div,.member-row>div,.instance-row>div,.title-with-status h1,.title-with-status h2{min-width:0}.environment-card h2{margin:var(--space-md) 0 0;overflow-wrap:anywhere}.environment-card__description{min-height:3em;color:var(--color-muted-foreground);margin-bottom:0}.role-label{color:#dbe5f2;white-space:nowrap;font-size:.8rem;font-weight:600}.data-list{gap:0;margin-bottom:0;display:grid}.data-list>div{gap:var(--space-lg);padding:var(--space-lg) 0;border-bottom:1px solid #94a3b833;grid-template-columns:minmax(110px,.8fr) minmax(0,1.45fr);display:grid}.data-list>div:last-child{border-bottom:0}.data-list--compact>div{padding:var(--space-md) 0;grid-template-columns:minmax(100px,.8fr) minmax(0,1.4fr)}.data-list dt{color:var(--color-muted-foreground);font-size:.84rem}.data-list dd{overflow-wrap:anywhere;min-width:0;color:var(--color-foreground);margin-bottom:0;font-weight:500}.data-list dd .status-badge{margin-left:var(--space-md);vertical-align:middle}.mono{font-variant-numeric:tabular-nums;font-size:.88em}.wrap-anywhere{overflow-wrap:anywhere}.message{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-lg) var(--space-xl);color:var(--color-foreground);background:var(--color-muted)}.message strong,.message p{display:block}.message p{margin:var(--space-sm) 0 0}.message--error{background:#7f1d1d4d;border-color:#f87171a6}.message--warning{background:#713f1245;border-color:#fde68a80}.message--success{background:#14532d47;border-color:#4ade808c}.form-stack{gap:var(--space-xl);display:grid}.form-section{min-width:0;padding:var(--space-xl);margin:0}.form-section legend{padding:0 var(--space-md);font-family:Fira Code,Microsoft YaHei UI,Microsoft YaHei,Consolas,monospace;font-size:1.15rem;font-weight:700}.form-section__intro{color:var(--color-muted-foreground)}.endpoint-consent{align-items:flex-start;gap:var(--space-md);margin-top:var(--space-xl);padding:var(--space-lg);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer;background:#0f172a66;display:flex}.endpoint-consent input{flex:none;width:20px;min-height:20px;margin-top:2px}.endpoint-consent span,.endpoint-consent small{display:block}.endpoint-consent small{margin-top:var(--space-xs);color:var(--color-muted-foreground)}.endpoint-fields{gap:var(--space-lg);margin-top:var(--space-xl);display:grid}.probe-grid{gap:var(--space-lg);grid-template-columns:minmax(0,1fr);display:grid}.probe-card{min-width:0;padding:var(--space-lg);border-radius:var(--radius-sm);background:#0f172a66;border:1px solid #94a3b838}.probe-card h3{margin-bottom:var(--space-lg)}.probe-card .field:last-child{margin-bottom:0}.probe-summary-list{gap:var(--space-md);margin-top:var(--space-lg);display:grid}.probe-summary{gap:var(--space-xs);padding:var(--space-md);border-radius:var(--radius-sm);background:#0f172a66;border:1px solid #94a3b838;display:grid}.probe-summary small{color:var(--color-muted-foreground)}.field{gap:var(--space-sm);min-width:0;margin-bottom:var(--space-xl);display:grid}.field:last-child{margin-bottom:0}.field--grow{flex:1}.field label{color:var(--color-foreground);font-weight:600}.field label span{color:#fca5a5}.field small{color:var(--color-muted-foreground)}input,select,textarea{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--color-foreground);transition:border-color var(--motion-fast), box-shadow var(--motion-fast);background:#0f172ab8;padding:10px 12px}textarea{resize:vertical;min-height:96px}input:hover,select:hover,textarea:hover{border-color:#94a3b8}input:focus,select:focus,textarea:focus{border-color:var(--color-ring);outline:none;box-shadow:0 0 0 3px #fff3}.read-only-field{gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-sm);background:#0f172a66;border:1px solid #94a3b838;display:grid}.read-only-field span{color:var(--color-muted-foreground);font-size:.82rem}.form-grid{gap:0 var(--space-xl);grid-template-columns:minmax(0,1fr);display:grid}.password-field{position:relative}.password-field input{padding-right:76px}.password-field__toggle{position:absolute;top:0;right:0}.finalization-note{align-items:flex-start;gap:var(--space-xl);padding:var(--space-xl);flex-direction:column;display:flex}.finalization-note h2{margin-bottom:var(--space-sm)}.finalization-note p{max-width:65ch;color:var(--color-muted-foreground)}.login-page{grid-template-columns:minmax(0,1fr);min-height:100dvh;display:grid}.login-intro,.login-panel{flex-direction:column;justify-content:center;min-width:0;padding:clamp(24px,6vw,80px);display:flex}.login-intro{background:linear-gradient(125deg,#22c55e1a,#0000 42%),#0f172a73;border-bottom:1px solid #94a3b840;min-height:43dvh}.brand--login{margin-bottom:clamp(32px,8vw,72px)}.login-intro h1{max-width:15ch;font-size:clamp(2.1rem,7vw,4.5rem)}.login-intro>p{color:#d4deeb;max-width:60ch;font-size:1.05rem}.login-principles{gap:var(--space-md);max-width:720px;margin-top:var(--space-2xl);grid-template-columns:minmax(0,1fr);margin-bottom:0;display:grid}.login-principles div{padding-left:var(--space-lg);border-left:2px solid var(--color-accent)}.login-principles dt{color:var(--color-muted-foreground);font-size:.76rem}.login-principles dd{margin-bottom:0;font-weight:600}.login-panel{align-items:center}.login-form{gap:var(--space-xl);width:min(100%,440px);padding:clamp(20px,5vw,32px);display:grid}.login-form .field{margin-bottom:0}.state-banner{gap:var(--space-xl);padding:var(--space-xl);grid-template-columns:minmax(0,1fr);display:grid}.state-banner--ready{border-color:#4ade8085}.state-banner--pending_login{border-color:#fde68a7a}.state-banner--blocked,.blocker-panel{border-color:#f8717180}.state-banner p:last-child{color:#d4deeb;max-width:76ch}.state-banner__facts{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0;display:grid}.state-banner__facts div{min-width:0;padding:var(--space-lg);border-radius:var(--radius-sm);background:#0f172a66;border:1px solid #94a3b838}.state-banner__facts dt{margin-bottom:var(--space-sm);color:var(--color-muted-foreground);font-size:.76rem}.state-banner__facts dd{margin-bottom:0;font-family:Fira Code,Microsoft YaHei UI,Microsoft YaHei,Consolas,monospace;font-weight:600}.blocker-panel,.workflow-panel,.members-panel{padding:var(--space-xl)}.plain-list,.step-list{margin:var(--space-xl) 0 0;padding-left:1.4rem}.plain-list li,.step-list li{margin-bottom:var(--space-lg);padding-left:var(--space-sm)}.plain-list li:last-child,.step-list li:last-child,.detail-card h2,.section-heading h2{margin-bottom:0}.detail-card .data-list{margin-top:var(--space-xl)}.card-note{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid #94a3b833;margin-bottom:0}.workflow-panel>p{color:#d4deeb;max-width:76ch}.step-list--workflow{gap:var(--space-lg);counter-reset:workflow;padding-left:0;list-style:none;display:grid}.step-list--workflow li{gap:0 var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-sm);counter-increment:workflow;background:#0f172a57;border:1px solid #94a3b838;grid-template-columns:36px minmax(0,1fr);margin-bottom:0;display:grid}.step-list--workflow li:before{content:counter(workflow, decimal-leading-zero);color:var(--color-accent-hover);grid-row:1/3;font-family:Fira Code,Microsoft YaHei UI,Microsoft YaHei,Consolas,monospace;font-weight:700}.step-list--workflow span{color:var(--color-muted-foreground)}.workflow-panel>.button{margin-top:var(--space-xl)}.metric-pair{color:var(--color-muted-foreground);white-space:nowrap;font-size:.82rem}.metric-pair strong{color:var(--color-foreground);font-family:Fira Code,Microsoft YaHei UI,Microsoft YaHei,Consolas,monospace;font-size:1rem}.instance-list,.member-list{margin-top:var(--space-xl);display:grid}.instance-row,.member-row{padding:var(--space-lg) 0;border-bottom:1px solid #94a3b833}.instance-row:first-child,.member-row:first-child{padding-top:0}.instance-row:last-child,.member-row:last-child{border-bottom:0;padding-bottom:0}.instance-row strong,.instance-row small,.member-row strong,.member-row small{overflow-wrap:anywhere;display:block}.instance-row small,.member-row small{margin-top:var(--space-xs);color:var(--color-muted-foreground)}.instance-row__status{text-align:right}.member-form{align-items:stretch;gap:0 var(--space-lg);margin-top:var(--space-xl);padding:var(--space-xl);border-radius:var(--radius-sm);background:#0f172a5c;border:1px solid #94a3b838;flex-direction:column;display:flex}.member-form .field{margin-bottom:var(--space-lg)}.member-row__actions{align-items:center;gap:var(--space-md);display:flex}.standalone-state{min-height:100dvh;padding:var(--space-xl);place-items:center;display:grid}.standalone-state .async-state{width:min(100%,600px)}@media (width>=560px){.page-header{flex-direction:row;align-items:center}.form-grid{grid-template-columns:minmax(120px,.7fr) minmax(0,2fr) minmax(120px,.7fr)}.form-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.finalization-note{flex-direction:row;justify-content:space-between;align-items:center}.finalization-note>div{min-width:0}.login-principles{grid-template-columns:repeat(3,minmax(0,1fr))}.member-form{flex-direction:row;align-items:end}.member-form .field,.member-form .button{margin-bottom:0}}@media (width>=768px){.topbar{padding-inline:var(--space-2xl)}.main-content{padding:var(--space-3xl) var(--space-2xl) 72px}.environment-grid,.detail-grid,.probe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid>:only-child,.detail-grid--member>*{grid-column:auto}.state-banner{grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);align-items:center}.step-list--workflow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.topbar{padding-inline:var(--space-3xl)}.app-frame{grid-template-columns:240px minmax(0,1fr);display:grid}.sidebar{height:calc(100dvh - 72px);padding:var(--space-2xl) var(--space-xl);background:#0f172a7a;border-right:1px solid #94a3b838;flex-direction:column;justify-content:space-between;display:flex;position:sticky;top:72px}.sidebar nav{gap:var(--space-md);display:grid}.sidebar__note{color:var(--color-muted-foreground);font-size:.78rem}.mobile-nav{display:none}.main-content{max-width:1200px;padding:var(--space-3xl);margin:0}.environment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid:not(.detail-grid--member){grid-template-columns:repeat(3,minmax(0,1fr))}.detail-grid:not(.detail-grid--member)>:only-child{grid-column:1/-1}.login-page{grid-template-columns:minmax(0,1.4fr) minmax(380px,.85fr)}.login-intro{border-bottom:0;border-right:1px solid #94a3b840;min-height:100dvh}}@media (width>=1440px){.app-frame{grid-template-columns:260px minmax(0,1fr)}.main-content{max-width:1360px;padding:40px 48px 88px}.environment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=559px){.account-summary__identity,.topbar .brand small{display:none}.data-list>div,.data-list--compact>div{gap:var(--space-xs);grid-template-columns:minmax(0,1fr)}.state-banner__facts{grid-template-columns:minmax(0,1fr)}.title-with-status,.section-heading,.member-row,.instance-row{flex-direction:column;align-items:flex-start}.instance-row__status{text-align:left}.member-row__actions{justify-content:space-between;width:100%}.member-row__actions .button{flex:1}.async-state{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
