:root{color-scheme:light;--ink:#162b42;--muted:#6b7e91;--line:#e0e8ef;--brand:#176e65;--bg:#f4f7fa;font-family:system-ui,"Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}[hidden]{display:none!important}header{height:82px;padding:0 5%;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center}.brand-mark{display:grid;place-items:center;background:var(--brand);border-radius:12px;color:#fff;width:42px;height:42px;font-size:28px;font-weight:700}.brand strong,.brand small{display:block}.brand small{color:var(--muted);margin-top:3px}main{max-width:1360px;margin:auto;padding:42px 28px}h1{font-size:30px;margin:9px 0 12px}h2{font-size:18px;margin:0 0 22px}p{color:var(--muted);line-height:1.8;margin:8px 0 24px}.eyebrow{color:var(--brand);font-size:13px;font-weight:700;letter-spacing:2px}.card{padding:26px;background:white;border:1px solid var(--line);border-radius:14px;margin-bottom:24px}.login{max-width:500px;margin:45px auto}.login form{display:grid;gap:20px;margin:28px 0 18px}label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:600}input{width:100%;min-width:0;border:1px solid #cfdbe4;border-radius:7px;padding:11px 12px;background:#fff;font:inherit;font-weight:400;color:var(--ink)}input:focus{outline:2px solid #a2cfc7;outline-offset:1px}button{font:inherit;font-size:13px;font-weight:600;border:1px solid var(--brand);border-radius:7px;padding:11px 16px;background:var(--brand);color:#fff;cursor:pointer;white-space:nowrap}button:disabled{opacity:.55;cursor:wait}button.secondary{background:#eef7f5;color:var(--brand);border-color:#cee4df}button.ghost{color:var(--muted);background:white;border-color:var(--line)}button.danger{color:#a13c3c;background:#fff5f4;border-color:#f0d4d0}.page-heading,.list-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.page-heading p{margin-bottom:28px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stats article{padding:22px}.stats strong{display:block;margin-top:15px;font-size:34px}.stats small,.muted,small{color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.form-grid button{align-self:end;min-height:42px}.list-heading h2{margin:0}.search{width:330px;margin-bottom:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px}th{text-align:left;padding:14px 10px;color:var(--muted);background:#f8fafc;font-weight:500}td{padding:18px 10px;border-bottom:1px solid var(--line);vertical-align:middle}td strong,td small{display:block}td small{font-size:12px;margin-top:7px}.actions{display:flex;gap:7px}.actions button{padding:7px 10px;font-size:12px}.badge{display:inline-block;padding:5px 9px;border-radius:5px;font-size:12px}.badge.green{background:#e8f5ef;color:#207c54}.badge.gray{background:#eef1f4;color:#758391}.badge.red{background:#fff0ec;color:#b45a44}.empty{text-align:center;padding:35px;color:var(--muted)}#last-refresh{display:block;margin-top:20px}#notice{padding:14px 20px;border:1px solid #d0e4dd;border-radius:8px;margin-bottom:22px;background:#eaf5ee;color:#326c45}#notice.error{border-color:#efc9c3;background:#fff1ed;color:#a14435}.secret{background:#eff8f4;border-color:#c2dfd1}.key-row{display:flex;align-items:center;gap:12px}.key-row code{overflow-wrap:anywhere;font-size:14px;line-height:1.8;flex:1}.secret h2{margin-bottom:8px}footer{text-align:center;font-size:12px;color:var(--muted);padding:26px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){main{padding:25px 14px}.card{padding:20px}h1{font-size:25px}.form-grid{grid-template-columns:1fr}.list-heading,.page-heading{align-items:flex-start;flex-direction:column}.search{width:100%}.key-row{align-items:stretch;flex-direction:column}.stats{gap:12px}.stats article{padding:16px}.stats strong{font-size:28px}}
select{width:100%;min-width:0;border:1px solid #cfdbe4;border-radius:7px;padding:11px 12px;background:white;font:inherit;color:var(--ink)}#agent-form{margin-bottom:28px}#agent-list input{min-width:100px;max-width:190px;margin-bottom:8px}#agent-list button{display:block}#whoami{font-size:13px}
