:root{color:#172033;background:#f4f6f9;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #172033;--muted: #647084;--faint: #8f98a8;--line: #e2e6ed;--panel: #ffffff;--canvas: #f4f6f9;--nav: #101727;--blue: #1769ff;--blue-soft: #edf4ff;--green: #17845b;--green-soft: #e8f7f0;--orange: #b8620a;--orange-soft: #fff3e5;--red: #cc3f3f;--red-soft: #fff0f0}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}body{min-height:100vh}button,input,table{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}.language-switcher{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:#ffffffc7}.language-switcher button{min-width:31px;height:25px;padding:0 8px;border:0;border-radius:999px;color:var(--muted);background:transparent;font-size:10px;font-weight:750}.language-switcher button.active{color:#fff;background:var(--ink)}.language-switcher-inverse{border-color:#fff3;background:#ffffff14}.language-switcher-inverse button{color:#ffffffad}.language-switcher-inverse button.active{color:var(--ink);background:#fff}.connection-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr);background:radial-gradient(circle at 16% 18%,rgba(45,107,255,.2),transparent 32%),linear-gradient(135deg,#0f1727,#151f34 58%,#0f1727);color:#fff}.connection-intro{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,9vw,130px);position:relative;overflow:hidden}.connection-language{position:absolute;top:28px;right:32px;z-index:2}.connection-intro:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-160px;bottom:-170px;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff03}.brand-mark,.sidebar-logo{display:block;object-fit:contain}.brand-mark{width:52px;height:52px;margin-bottom:44px;filter:drop-shadow(0 12px 20px rgba(23,105,255,.26))}.eyebrow,.section-kicker,.topbar-context,.setup-label{font-size:11px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.connection-intro .eyebrow{color:#8fb7ff;margin:0 0 18px}.connection-intro h1{margin:0;font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-.055em;max-width:800px}.connection-copy{max-width:630px;color:#b9c3d5;font-size:17px;line-height:1.8;margin:34px 0 0}.connection-features{display:flex;gap:10px;flex-wrap:wrap;margin-top:38px}.connection-features span{padding:8px 12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#cdd5e3;border-radius:999px;font-size:12px}.connection-card{align-self:center;margin:56px;padding:40px;border-radius:22px;background:#fffffffa;color:var(--ink);box-shadow:0 28px 90px #00000047}.connection-card-header{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;font-weight:650}.connection-card h2{margin:28px 0 10px;font-size:25px;letter-spacing:-.03em}.connection-card>p{margin:0;color:var(--muted);line-height:1.65;font-size:13px}.connection-card form{margin-top:28px;display:grid;gap:8px}.connection-card label{display:block;font-size:12px;font-weight:700;margin-top:8px}.connection-card input{width:100%;height:46px;padding:0 14px;border:1px solid #d8dde6;border-radius:9px;color:var(--ink);outline:none;background:#fbfcfe}.connection-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1769ff1c}.primary-button,.secondary-button{border:0;border-radius:8px;font-weight:700}.primary-button{width:100%;height:46px;margin-top:16px;color:#fff;background:var(--blue)}.primary-button:hover:not(:disabled){background:#0b58df}.primary-button:disabled{opacity:.6}.text-button{justify-self:center;margin-top:4px;padding:8px;color:var(--muted);border:0;background:transparent;font-size:12px}.text-button:hover{color:var(--ink)}.auth-loading{min-height:100vh;padding:28px;display:grid;place-items:center;background:var(--canvas)}.auth-loading .loading-state{width:min(620px,100%)}.form-error,.global-error{color:var(--red);background:var(--red-soft);border:1px solid #ffd4d4;border-radius:8px}.form-error{margin-top:10px;padding:9px 11px;font-size:12px}.connection-safety{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);display:grid;gap:4px;font-size:12px}.connection-safety span{color:var(--muted);line-height:1.55}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);background:#fff}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:10px 8px 12px;color:var(--ink);background:linear-gradient(180deg,#f7f9fc,#f3f6fa);border-right:1px solid var(--line);overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 8px 10px}.sidebar-logo{width:32px;height:32px;flex:0 0 auto;filter:drop-shadow(0 5px 8px rgba(23,105,255,.16))}.sidebar-brand div:last-child{display:grid;gap:3px}.sidebar-brand strong{font-size:13px;letter-spacing:-.01em}.sidebar-brand span{color:var(--faint);font-size:9px;letter-spacing:.02em}.dc-identity{display:flex;align-items:center;gap:10px;min-height:52px;margin:0 8px 9px;padding:9px 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.dc-identity>div{display:grid;gap:2px}.dc-identity span:not(.status-dot){color:var(--faint);font-size:9px}.dc-identity strong{font-size:12px}.primary-nav{display:grid;gap:14px;padding:2px 0 18px}.nav-group{display:grid;gap:3px}.nav-group-label{padding:0 10px 3px;color:var(--faint);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nav-group-items{display:grid;gap:1px}.nav-item{display:flex;align-items:center;gap:9px;height:34px;padding:0 10px;border-radius:6px;color:var(--muted);transition:background .12s ease,color .12s ease,transform .12s ease}.nav-item:hover{color:var(--ink);background:#17203309}.nav-item-active{color:var(--ink);background:#1720330f}.nav-item strong{font-size:12px;font-weight:560}.nav-item svg{flex:0 0 auto;color:var(--faint)}.nav-item-active svg{color:var(--ink)}.sidebar-footer{margin-top:auto;min-height:54px;padding:10px 8px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px}.administrator-avatar{width:30px;height:30px;display:grid;place-items:center;color:#fff;background:#67738a;border-radius:50%;font-size:11px;font-weight:700}.sidebar-footer>div:nth-child(2){min-width:0;display:grid;gap:2px}.sidebar-footer strong,.sidebar-footer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer strong{font-size:11px}.sidebar-footer span{color:var(--faint);font-size:9px}.sidebar-footer button{color:var(--faint);background:none;border:0;padding:6px;font-size:10px}.sidebar-footer button:hover{color:var(--ink)}.workspace{min-width:0;min-height:100vh;background:#fff}.topbar{height:52px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fffffff5;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar>div:first-child{display:flex;align-items:center;gap:8px}.topbar-context{color:var(--faint);font-size:9px;letter-spacing:.08em}.topbar strong{font-size:12px;font-weight:600}.topbar-context:after{content:"/";margin-left:8px;color:#c3c9d3}.topbar-actions{display:flex;align-items:center;gap:14px}.admin-chip{padding:6px 9px;border-radius:999px;color:#465269;background:#eef1f5;font-size:10px;font-weight:700}.refresh-time,.panel-meta{color:var(--faint);font-size:10px}.secondary-button{height:32px;padding:0 11px;color:#344056;background:#fff;border:1px solid #dce1e9;border-radius:7px;font-size:11px}.secondary-button:hover:not(:disabled){border-color:#bfc7d5;background:#f8f9fb}.secondary-button:disabled{color:var(--faint)}.content{padding:26px clamp(24px,4vw,52px) 60px}.page-stack{width:min(1160px,100%);margin:0 auto;display:grid;gap:16px}.global-error{width:min(1180px,100%);margin:0 auto 16px;padding:11px 14px;font-size:12px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:4px 0 10px}.page-header>div{max-width:760px}.page-eyebrow,.section-kicker{color:#70809a}.page-header h1{margin:7px 0 6px;color:var(--ink);font-size:clamp(22px,2.4vw,28px);letter-spacing:-.025em;line-height:1.2}.page-header p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.metric-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{min-height:94px;padding:15px 17px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--panel);position:relative;overflow:hidden}.metric-card:last-child{border-right:0}.metric-card:before{content:"";width:5px;height:5px;position:absolute;left:17px;top:20px;border-radius:50%;background:#cfd5df}.metric-blue:before{background:var(--blue)}.metric-green:before{background:var(--green)}.metric-orange:before{background:var(--orange)}.metric-card>span{padding-left:11px;color:var(--muted);font-size:10px;font-weight:650}.metric-card strong{margin-top:9px;color:var(--ink);font-size:clamp(18px,2vw,24px);letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card small{margin-top:2px;color:var(--faint);font-size:9px}.page-tabs{display:flex;align-items:center;gap:4px;min-height:39px;padding:3px;border-radius:8px;background:#f4f6f9;width:fit-content;max-width:100%;overflow-x:auto}.page-tab{height:32px;padding:0 11px;display:inline-flex;align-items:center;gap:7px;color:var(--muted);border:0;border-radius:6px;background:transparent;font-size:11px;font-weight:560;white-space:nowrap}.page-tab:hover{color:var(--ink)}.page-tab-active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #1c273a1f}.page-tab small{min-width:18px;padding:2px 5px;color:var(--faint);background:#edf0f4;border-radius:999px;font-size:9px;text-align:center}.panel{border:1px solid var(--line);border-radius:9px;background:var(--panel)}.panel-header{min-height:60px;padding:14px 17px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.panel-header h2,.setup-panel h2,.compact-panel h2{margin:4px 0 0;font-size:14px;letter-spacing:-.02em}.section-kicker,.setup-label{font-size:9px;letter-spacing:.1em}.component-list{display:grid}.component-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1.35fr) auto 24px;align-items:center;gap:18px;min-height:66px;padding:11px 17px;border-bottom:1px solid var(--line);transition:background .12s ease}.component-row:last-child{border-bottom:0}.component-row:hover{background:#fafbfc}.component-identity{display:flex;align-items:center;gap:12px}.component-monogram{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#2e5fc8;background:var(--blue-soft);font-size:11px;font-weight:800}.component-identity>div,.component-message{display:grid;gap:4px}.component-identity strong{font-size:13px}.component-identity span,.component-message small{color:var(--faint);font-size:10px}.component-message>span{color:var(--muted);font-size:12px}.row-arrow{color:#aeb5c1;font-size:17px}.status-badge{width:fit-content;display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:750;white-space:nowrap}.status-healthy{color:var(--green);background:var(--green-soft)}.status-degraded{color:var(--orange);background:var(--orange-soft)}.status-unavailable{color:var(--red);background:var(--red-soft)}.status-disabled,.status-unknown{color:#657084;background:#eef1f5}.status-dot{width:7px;height:7px;flex:0 0 auto;display:inline-block;border-radius:50%;background:#9ba4b3}.status-dot-healthy{background:#2aad7a;box-shadow:0 0 0 3px #2aad7a21}.status-dot-degraded{background:#d98128;box-shadow:0 0 0 3px #d9812821}.status-dot-unavailable{background:#d45050;box-shadow:0 0 0 3px #d450501f}.status-dot-disabled,.status-dot-unknown,.status-dot-neutral{background:#9ba4b3}.boundary-note{display:flex;align-items:center;gap:18px;padding:15px 17px;border:1px solid #dce5f7;border-radius:9px;background:#f4f8ff}.boundary-index{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#fff;color:var(--blue);font-size:11px;font-weight:800;box-shadow:0 2px 8px #1769ff1a}.boundary-note>div:last-child{display:grid;gap:4px}.boundary-note strong{font-size:13px}.boundary-note p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.component-detail-panel{overflow:hidden}.detail-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0 17px}.detail-list>div{padding:14px 14px 14px 0;display:grid;gap:7px}.detail-list dt{color:var(--faint);font-size:10px}.detail-list dd{margin:0;color:var(--ink);font-size:12px;font-weight:650;word-break:break-word}.observation-message{display:flex;align-items:center;gap:10px;margin:0 17px 17px;padding:10px 12px;border-radius:8px;color:var(--muted);background:#f6f7f9;font-size:12px}.observation-healthy{background:var(--green-soft);color:#276f55}.observation-degraded{background:var(--orange-soft);color:#8e581f}.observation-unavailable{background:var(--red-soft);color:#9d3f3f}.setup-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:40px;padding:20px;border-radius:9px;color:#eff4ff;background:linear-gradient(135deg,#17233b,#111a2c)}.setup-label{color:#82aaff}.setup-panel p,.compact-panel p{margin:10px 0 0;color:#9eabc0;font-size:12px;line-height:1.7}.setup-panel ol{list-style:none;padding:0;margin:0;display:grid;gap:8px}.setup-panel li{min-height:36px;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;color:#bcc7d8;background:#ffffff0b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.setup-panel li span{color:#6e8ac1}.compact-panel{padding:17px;display:flex;align-items:center;justify-content:space-between;gap:30px}.compact-panel>div{max-width:770px}.compact-panel p{color:var(--muted)}.read-only-label{padding:7px 10px;border-radius:999px;color:#657084;background:#eef1f5;font-size:10px;font-weight:750;white-space:nowrap}.administrator-message{width:100%;margin:0}.success-message{padding:11px 14px;color:var(--green);background:var(--green-soft);border:1px solid #cdebdc;border-radius:8px;font-size:12px}.administrator-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.72fr);align-items:start;gap:18px}.administrator-list-panel{overflow:hidden}.administrator-loading{padding:42px 22px;color:var(--muted);font-size:12px;text-align:center}.administrator-table-wrap{overflow-x:auto}.administrator-table{width:100%;border-collapse:collapse;text-align:left}.administrator-table th{padding:11px 16px;color:var(--faint);background:#fafbfc;border-bottom:1px solid var(--line);font-size:10px;font-weight:700;white-space:nowrap}.administrator-table td{padding:14px 16px;color:var(--muted);border-bottom:1px solid var(--line);font-size:11px;vertical-align:middle;white-space:nowrap}.administrator-table tr:last-child td{border-bottom:0}.administrator-table td:first-child,.administrator-table td:nth-child(2){display:table-cell}.administrator-table td:first-child strong,.administrator-table td:first-child span,.administrator-table td:nth-child(2) small{display:block}.administrator-table td:first-child strong{color:var(--ink);font-size:12px}.administrator-table td:first-child span,.administrator-table td:nth-child(2) small{margin-top:4px;color:var(--faint);font-size:9px}.user-state{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:750}.user-state-active{color:var(--green);background:var(--green-soft)}.user-state-disabled{color:#657084;background:#eef1f5}.table-actions{display:flex;justify-content:flex-end;gap:6px}.table-actions button{padding:5px 8px;color:#536078;border:1px solid #dce1e9;border-radius:6px;background:#fff;font-size:9px}.table-actions button:hover:not(:disabled){color:var(--ink);border-color:#bfc7d5}.table-actions button:disabled{opacity:.42}.administrator-create-panel{padding:22px}.administrator-create-panel h2,.password-reset-dialog h2{margin:7px 0 8px;font-size:18px}.administrator-create-panel>p,.password-reset-dialog>p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.administrator-create-panel form,.password-reset-dialog form{display:grid;gap:7px;margin-top:20px}.administrator-create-panel label,.password-reset-dialog label{margin-top:7px;color:#344056;font-size:11px;font-weight:700}.administrator-create-panel input,.password-reset-dialog input{width:100%;height:40px;padding:0 11px;color:var(--ink);border:1px solid #d8dde6;border-radius:8px;background:#fbfcfe;outline:none}.administrator-create-panel input:focus,.password-reset-dialog input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1769ff1c}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;padding:20px;display:grid;place-items:center;background:#0a101c8f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.password-reset-dialog{width:min(460px,100%);padding:26px;border-radius:14px;background:#fff;box-shadow:0 28px 90px #00000047}.dialog-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:9px;margin-top:13px}.dialog-actions .secondary-button,.dialog-actions .primary-button{width:100%;height:42px;margin:0}.configuration-grid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(480px,1.45fr);gap:16px;align-items:start}.configuration-form{overflow:hidden}.configuration-form-body{padding:20px 22px 22px;display:grid;gap:12px}.operation-reason{display:grid;grid-template-columns:max-content minmax(260px,520px);align-items:center;gap:12px;padding:0 24px 20px;color:var(--muted);font-size:13px}.operation-reason input{width:100%}.runtime-policy-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 24px 20px}.runtime-policy-summary span{display:grid;gap:4px;padding:12px;color:var(--faint);background:#fafbfc;border:1px solid var(--line);border-radius:8px;font-size:10px}.runtime-policy-summary strong{color:var(--ink);font-size:12px}.danger-button{min-height:32px;padding:0 12px;color:#b42318;background:#fff;border:1px solid #f3b7b3;border-radius:7px;font:inherit;font-weight:700;cursor:pointer}.danger-button:hover:not(:disabled){background:#fff3f2}.danger-button:disabled{opacity:.55;cursor:not-allowed}@media (max-width: 980px){.runtime-policy-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.configuration-form-two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.configuration-form label{display:grid;gap:6px;color:#344056;font-size:11px;font-weight:700}.configuration-form input,.configuration-form select{width:100%;height:40px;padding:0 11px;color:var(--ink);border:1px solid #d8dde6;border-radius:8px;background:#fbfcfe;outline:none}.configuration-form input:focus,.configuration-form select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1769ff1c}.configuration-form input:disabled{color:var(--faint);background:#f0f2f5}.configuration-form .checkbox-label{min-height:40px;display:flex;align-items:center;gap:9px}.configuration-form .checkbox-label input{width:16px;height:16px}.configuration-form .primary-button{margin:4px 0 0}.configuration-submit-wide{grid-column:1 / -1}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.empty-state,.loading-state{min-height:300px;display:grid;place-content:center;justify-items:center;gap:8px;color:var(--muted);border:1px dashed #ccd2dd;border-radius:12px;background:#ffffff8c}.empty-state strong,.loading-state strong{color:var(--ink);font-size:14px}.empty-state span,.loading-state span{font-size:11px}.loading-pulse{width:18px;height:18px;margin-bottom:8px;border-radius:50%;background:var(--blue);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{transform:scale(.72);opacity:.45}}@media (max-width: 980px){.connection-page{grid-template-columns:1fr}.connection-intro{padding-bottom:26px}.connection-intro h1{font-size:52px}.connection-card{margin-top:0}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.component-row{grid-template-columns:minmax(200px,1fr) auto 20px}.component-message{display:none}.detail-list{grid-template-columns:repeat(2,minmax(0,1fr))}.administrator-layout,.configuration-grid{grid-template-columns:1fr}}@media (max-width: 720px){.connection-intro{padding:38px 24px 28px}.brand-mark{margin-bottom:30px}.connection-intro h1{font-size:42px}.connection-card{margin:0 18px 28px;padding:28px 22px}.app-shell{min-width:820px;grid-template-columns:220px minmax(600px,1fr)}.sidebar{position:sticky;width:auto;height:100vh;padding:10px 8px 12px}.primary-nav{display:grid;grid-template-columns:1fr;padding:2px 0 18px}.nav-item{justify-content:flex-start;padding:0 10px}.topbar{position:sticky;height:52px;padding:0 17px}.refresh-time{display:none}.content{padding:22px 16px 48px}.page-header{display:grid}.metric-grid,.metric-grid-three{grid-template-columns:1fr}.component-row{grid-template-columns:minmax(0,1fr) auto}.component-row .status-badge,.row-arrow{display:none}.detail-list,.setup-panel{grid-template-columns:1fr}.compact-panel{align-items:flex-start;flex-direction:column}.configuration-form-two-column{grid-template-columns:1fr}.configuration-submit-wide{grid-column:auto}}