*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f7fb;color:#1c2733;font-size:14px}.topbar{display:flex;justify-content:space-between;align-items:center;background:#13263b;color:#fff;padding:18px 28px}.topbar h1{margin:0;font-size:23px}.subtitle{opacity:.75;margin-top:4px}.top-actions{display:flex;gap:10px;align-items:center}.instance-badge,.provider,.pill{display:inline-block;border-radius:999px;padding:5px 10px;font-weight:bold;font-size:12px}.instance-badge.nonchina{background:#dcecff;color:#0b4f91}.instance-badge.china{background:#fff0d4;color:#9b5100}.instance-badge.unknown{background:#eee;color:#555}.provider{border:1px solid rgba(255,255,255,.3);color:#fff}.linkbtn{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.3);border-radius:5px;padding:6px 10px}.instance-info{padding:8px 28px;background:#e9eef5;color:#42556a;font-size:12px}main{max-width:1500px;margin:0 auto;padding:20px}.searchbar{display:flex;gap:10px;margin-bottom:15px}.searchbar input{flex:1;font-size:16px;padding:12px 14px;border:1px solid #c9d2dc;border-radius:7px}.btn{border:1px solid #b8c3cf;background:#fff;border-radius:6px;padding:9px 14px;cursor:pointer}.btn.primary{background:#1565c0;border-color:#1565c0;color:#fff}.btn.full{width:100%;margin-top:16px}.tabs{display:flex;gap:4px;border-bottom:1px solid #ccd5de;margin-bottom:15px}.tabs button{background:transparent;border:0;border-bottom:3px solid transparent;padding:12px 16px;font-weight:bold;cursor:pointer;color:#506174}.tabs button.active{border-bottom-color:#1565c0;color:#0d4f98}.tab{display:none}.tab.active{display:block}.cards{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;margin-bottom:20px}.card{background:#fff;border:1px solid #dce3ea;border-radius:8px;padding:16px}.card.danger{border-left:4px solid #c0392b}.card .k{color:#647486;font-weight:bold}.card .v{font-size:32px;font-weight:bold;margin:8px 0}.card .sub{color:#738396;font-size:12px}.health-grid{background:#fff;border:1px solid #dce3ea;border-radius:8px;overflow:hidden}.health-row{display:grid;grid-template-columns:220px 100px 1fr;gap:10px;align-items:center;padding:11px 14px;border-bottom:1px solid #edf0f4}.health-row:last-child{border:0}.pill.ok{background:#dff3e5;color:#24733b}.pill.error{background:#fde4e2;color:#a52d24}.pill.neutral{background:#eceff3;color:#617080}.note{margin-top:15px;background:#eef5ff;border:1px solid #cfe2fb;border-radius:6px;padding:12px}.toolbar{display:flex;gap:8px;margin-bottom:12px}.toolbar input,.toolbar select{padding:8px;border:1px solid #c9d2dc;border-radius:5px}.toolbar input{min-width:320px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:8px 10px;border:1px solid #e1e6ec;text-align:left;vertical-align:top}th{background:#f0f4f8;color:#42566d}.kv th{width:240px}.table-scroll{overflow:auto;max-width:100%}.search-results{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.job-result{display:flex;flex-direction:column;text-align:left;background:#fff;border:1px solid #cad5df;border-radius:6px;padding:8px 12px;cursor:pointer}.job-result span{font-size:11px;color:#6e7d8e}.job-head{display:flex;justify-content:space-between;align-items:center}.job-head h2{margin-bottom:3px}.trace-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.trace-box{background:#fff;border:1px solid #d9e2ea;border-top:4px solid #9aa8b5;border-radius:7px;padding:12px}.trace-box.ok{border-top-color:#2f8f4e}.trace-box.bad{border-top-color:#c0392b}.trace-name{font-weight:bold}.trace-mark{font-size:24px;font-weight:bold}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.diagnosis{display:grid;gap:8px}.diag{background:#fff;border-left:5px solid #8392a0;border-radius:5px;padding:10px 13px}.diag.ok{border-left-color:#2f8f4e}.diag.warn{border-left-color:#d18b00}.diag.error{border-left-color:#c0392b}.diag div{margin-top:4px;color:#58697a}.logbox{background:#111b24;color:#d6e0e8;padding:14px;border-radius:6px;min-height:420px;overflow:auto;white-space:pre-wrap}.loading,.empty-state,.muted{color:#6d7d8d}.loading,.empty-state{padding:30px;text-align:center}.small{font-size:12px}.alert{padding:10px;border-radius:5px;margin:8px 0}.alert.error{background:#fde4e2;color:#8a261f}.alert.warn{background:#fff2d8;color:#855300}footer{padding:20px;text-align:center;color:#778696;font-size:12px}.login-body{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{width:390px;background:#fff;border:1px solid #dce3ea;border-radius:10px;padding:28px;box-shadow:0 8px 30px rgba(0,0,0,.08)}.login-card h1{margin-top:0}.login-card label{display:block;font-weight:bold;margin-top:12px;margin-bottom:5px}.login-card input{width:100%;padding:10px;border:1px solid #c9d2dc;border-radius:5px}@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}.two-col,.trace-strip{grid-template-columns:1fr}.health-row{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:15px;flex-direction:column}}
/* Central middleware edition */
.hub-badge{display:inline-block;border-radius:999px;padding:6px 11px;font-weight:bold;font-size:12px;background:#dcecff;color:#0b4f91}.targetbar{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;border:1px solid #dce3ea;border-radius:8px;padding:12px 14px;margin-bottom:14px}.targetbar select{min-width:260px;padding:9px 11px;border:1px solid #bfcbd7;border-radius:6px;background:#fff}.target-copy{display:flex;flex-direction:column;gap:3px}.target-copy span{color:#6d7d8d;font-size:12px}.hub-flow{display:grid;grid-template-columns:1fr auto 1.3fr auto 1fr;align-items:center;gap:12px;margin-bottom:16px}.hub-flow>div{background:#fff;border:1px solid #dce3ea;border-radius:8px;padding:14px;text-align:center}.hub-flow>div span{display:block;color:#6d7d8d;font-size:12px;margin-top:3px}.hub-flow>.hub{border:2px solid #1565c0;background:#eef5ff}.hub-flow>b{font-size:24px;color:#70869a}.environment-card{background:#fff;border:1px solid #dce3ea;border-radius:10px;padding:16px;margin-bottom:18px}.environment-card .cards{background:transparent}.env-title{display:flex;align-items:center;gap:10px;margin-bottom:14px}.target-pill{display:inline-block;border-radius:999px;padding:5px 10px;font-weight:bold;font-size:12px}.target-pill.nonchina{background:#dcecff;color:#0b4f91}.target-pill.china{background:#fff0d4;color:#9b5100}.source-tag{font-family:monospace;font-size:11px;color:#647486}.cards.compact{grid-template-columns:repeat(5,minmax(150px,1fr))}.cards.compact .card .v{font-size:26px}.job-result em{font-style:normal;font-size:10px;margin-top:4px;color:#315b87}.trace-strip.six{grid-template-columns:repeat(6,1fr)}
@media(max-width:1200px){.cards.compact{grid-template-columns:repeat(3,1fr)}.trace-strip.six{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.targetbar{align-items:stretch;flex-direction:column}.targetbar select{width:100%}.hub-flow{grid-template-columns:1fr}.hub-flow>b{transform:rotate(90deg);text-align:center}.cards.compact{grid-template-columns:1fr 1fr}.trace-strip.six{grid-template-columns:1fr}}