:root{color:#1c1d21;background:#f6f6f4;font:14px/1.45 -apple-system,system-ui,sans-serif}body{margin:0}.wrap{max-width:1480px;margin:0 auto;padding:16px}nav{border-bottom:1px solid #ddd;align-items:center;gap:4px;margin-bottom:16px;padding-bottom:8px;display:flex}nav button{cursor:pointer;font:inherit;background:0 0;border:0;border-radius:6px;padding:6px 10px}nav button.on{color:#fff;background:#1c1d21}nav .sp{flex:1}.card{background:#fff;border:1px solid #e3e3e0;border-radius:10px;margin-bottom:12px;padding:14px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}label{color:#555;flex-direction:column;gap:2px;font-size:12px;display:flex}select,input,button.b{font:inherit;background:#fff;border:1px solid #ccc;border-radius:6px;padding:6px 8px}button.b{cursor:pointer}button.primary{color:#fff;background:#1c1d21;border-color:#1c1d21}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #eee;padding:4px 6px}th{color:#666;font-weight:600}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.scroll{overflow-x:auto}.log{color:#d7d7d7;background:#111;border-radius:8px;max-height:320px;padding:8px;overflow:auto}.srv{color:#7cc4ff}.cli{color:#b8e986}.kpi{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.kpi div{background:#fafaf8;border:1px solid #eee;border-radius:8px;padding:8px}.kpi b{font-size:18px;display:block}.err{color:#b00020}.center{place-items:center;min-height:70vh;display:grid}