:root{font-family:Microsoft YaHei,system-ui,sans-serif;color:#18212f;background:#eef4f8}*{box-sizing:border-box}body{margin:0}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:400px;background:#fff;border:1px solid #dce7ef;border-radius:8px;padding:34px;box-shadow:0 16px 36px #19344918}.logo-mark{display:grid;place-items:center;width:42px;height:42px;color:#fff;background:#10879a;border-radius:8px;font-weight:800}.login-panel .logo-mark{width:54px;height:54px;margin-bottom:22px}.login-panel h1{font-size:22px;margin:0 0 6px}.login-panel p{margin:0 0 26px;color:#607286}.login-panel label{display:grid;gap:7px;font-size:13px;color:#425466;margin:15px 0}.login-panel input{height:40px;border:1px solid #b6c8d5;border-radius:5px;padding:8px;font:inherit}.login-panel button,.refresh{border:0;border-radius:5px;background:#0c8395;color:#fff;padding:10px 17px;font:inherit;cursor:pointer}.shell{height:100vh;display:grid;grid-template-columns:246px minmax(0,1fr)}aside{background:#fff;border-right:1px solid #d9e3eb;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:22px;border-bottom:1px solid #e7eef3}.brand small,.account small{display:block;color:#718398;margin-top:4px}nav{padding:14px 10px;display:grid;gap:4px}nav button{border:0;background:transparent;text-align:left;padding:11px 14px;border-radius:5px;color:#43566a;font:inherit;cursor:pointer}nav button.active{background:#e3f5f7;color:#087082;font-weight:700}.account{margin:auto 18px 20px;padding:12px;background:#f4f8fa;border-radius:5px;overflow:hidden;text-overflow:ellipsis}.account span{font-size:13px}main{min-width:0;padding:30px}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}h1{font-size:23px;margin:0 0 7px}header p{color:#698095;margin:0;font-size:13px}.surface{background:#fff;border:1px solid #dce6ed;border-radius:7px;min-height:calc(100vh - 140px);padding:20px}.table-wrap{overflow:auto;max-height:calc(100vh - 185px)}table{width:100%;border-collapse:collapse;font-size:13px}th{background:#f0f6f8;color:#516577;font-weight:600;text-align:left;position:sticky;top:0}th,td{padding:11px 12px;border-bottom:1px solid #e7edf2;vertical-align:top;max-width:350px;word-break:break-word}td{color:#253749}.empty{padding:42px;color:#74879a;text-align:center}.error{margin:12px 0;padding:10px 12px;border:1px solid #f5b8b6;background:#fff2f1;color:#b52a22;border-radius:5px;font-size:13px}@media (max-width:800px){.shell{grid-template-columns:1fr}aside{height:auto}.brand{padding:12px}nav{display:flex;overflow:auto}.account{display:none}main{padding:14px}.surface{min-height:60vh}}.config-page{max-width:920px}.intro{padding:0 0 18px;border-bottom:1px solid #e5edf2;margin-bottom:18px}.intro h2{margin:0 0 7px;font-size:19px}.intro p{margin:0;line-height:1.75;color:#627487}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}.field{display:grid;gap:7px;margin:14px 0;color:#425466;font-size:13px}.field input,.field select{height:40px;border:1px solid #b6c8d5;border-radius:5px;padding:8px;font:inherit;color:#18212f;background:#fff}.field small{color:#7a8d9e}.form-actions{display:flex;gap:10px;margin-top:22px}.form-actions button{border:0;border-radius:5px;background:#0c8395;color:#fff;padding:10px 17px;font:inherit;cursor:pointer}.form-actions button.secondary{background:#f0f5f7;color:#315064;border:1px solid #c9d9e2}.form-actions button:disabled{opacity:.6;cursor:wait}.health-row{display:grid;gap:5px;padding:13px 15px;border:1px solid #dbe7ed;border-left:4px solid #899aa7;border-radius:5px;background:#f8fbfc;color:#536779}.health-row.ready{border-left-color:#198754;background:#f1fbf6}.health-row.down{border-left-color:#c43c32;background:#fff5f4}.health-row strong{color:#233b4b}.health-row small,.masked-key{font-size:12px;color:#6f8292}.masked-key{padding:10px 12px;background:#f4f8fa;border-radius:5px}@media (max-width:800px){.field-grid{grid-template-columns:1fr}.config-page{max-width:none}}