:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif;color:#152238;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px max(18px,env(safe-area-inset-left));background:#11233f;color:white;box-shadow:0 1px 8px #0002}.brand{color:white;text-decoration:none;font-weight:750}.container{max-width:1180px;margin:auto;padding:22px 16px 50px}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}h1{font-size:1.75rem;margin:.2rem 0}h2{font-size:1.15rem;margin:0 0 14px}.muted{color:#66758a}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stat,.panel,.login-card{background:white;border:1px solid #dce3ec;border-radius:14px;box-shadow:0 4px 18px #18304a0b}.stat{padding:16px}.stat span{display:block;color:#66758a;font-size:.84rem}.stat strong{font-size:1.65rem}.stat strong.small{font-size:1rem}.panel{padding:16px;margin-bottom:18px}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.panel-head h2{margin:0}input{width:100%;padding:11px 12px;border:1px solid #bcc8d8;border-radius:9px;font-size:16px}.panel-head input{max-width:330px}.table-wrap{overflow:auto;margin-top:12px}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid #e7ebf1;font-size:.92rem}th{color:#58677b;font-size:.8rem}a{color:#0b61c2}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#e7ebf1}.status-connected{background:#d9f5e4;color:#126337}.status-notconnect,.status-disabled{background:#f1f3f6;color:#59677a}.status-err-disabled,.status-suspended{background:#ffe0e0;color:#9b1c1c}.cards{display:grid;gap:10px}.alert-card{padding:12px;border-left:4px solid #e59f14;background:#fffaf0;border-radius:8px}.alert-card span,.alert-card time{display:block;color:#66758a;font-size:.82rem}.alert-card p{margin:7px 0;overflow-wrap:anywhere}.login-card{max-width:440px;margin:10vh auto;padding:24px}.stack{display:grid;gap:14px}.stack label{display:grid;gap:6px}.primary{border:0;background:#0b61c2;color:white;border-radius:9px;padding:12px;font-size:16px;font-weight:700}.link-button{border:0;background:transparent;color:white;font-size:15px}button{cursor:pointer}.error-box{background:#ffe8e8;color:#8f1717;padding:10px;border-radius:8px;margin:12px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#101827;color:#e8edf5;padding:16px;border-radius:10px;font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}@media(max-width:760px){.stats{grid-template-columns:repeat(2,1fr)}.container{padding:16px 10px 40px}.panel{padding:12px}.panel-head{align-items:stretch;flex-direction:column}.panel-head input{max-width:none}th,td{padding:10px 8px}.page-head{align-items:start}.topbar{padding-right:max(14px,env(safe-area-inset-right))}}