:root{color:#152033;font-synthesis:none;--navy:#0b1324;--ink:#152033;--muted:#687386;--line:#dfe4eb;--red:#e4474d;--red-dark:#bd3038;--green:#1fa66b;background:#f3f5f8;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}.splash{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:14px;display:grid}.spinner{border:3px solid #d7dce4;border-top-color:var(--red);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-page{background:var(--navy);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border-top:5px solid var(--red);background:#fff;width:min(420px,100%);padding:44px;box-shadow:0 22px 70px #00000047}.brand-mark{align-items:flex-end;gap:5px;width:36px;height:34px;margin-bottom:24px;display:flex}.brand-mark span{background:var(--red);width:8px;display:block}.brand-mark span:first-child{height:14px}.brand-mark span:nth-child(2){height:24px}.brand-mark span:nth-child(3){height:34px}.brand-mark.small{gap:3px;width:24px;height:23px;margin:0}.brand-mark.small span{width:5px}.brand-mark.small span:first-child{height:9px}.brand-mark.small span:nth-child(2){height:16px}.brand-mark.small span:nth-child(3){height:23px}.eyebrow{color:var(--red);letter-spacing:.14em;margin:0 0 8px;font-size:12px;font-weight:800}h1,h2,p{margin-top:0}.login-card h1{letter-spacing:-.02em;margin-bottom:12px;font-size:30px}.login-intro{color:var(--muted);margin-bottom:30px;line-height:1.7}.login-card form{gap:18px;display:grid}label{color:#4d586a;gap:8px;font-size:13px;font-weight:700;display:grid}input{width:100%;color:var(--ink);background:#fff;border:1px solid #cdd4de;border-radius:6px;outline:none;padding:11px 12px}input:focus{border-color:var(--red);box-shadow:0 0 0 3px #e4474d1f}.form-error{color:var(--red-dark);margin:-4px 0 0;font-size:13px}button{color:var(--ink);background:0 0;border:1px solid #0000;border-radius:6px;padding:10px 16px;font-weight:750}.primary{color:#fff;background:var(--red)}.primary:hover{background:var(--red-dark)}.wide{width:100%;margin-top:4px}.secondary{background:#fff;border-color:#ccd3dd}.secondary:hover{border-color:#9ba5b4}.danger-outline{color:var(--red-dark);background:#fff;border-color:#efb1b4}.danger-outline:hover{background:#fff4f4}.compact{white-space:nowrap;padding:8px 11px;font-size:12px}.text-button{color:#c3cad5;padding:6px}.text-button:hover{color:#fff}.app-shell{min-height:100vh}.topbar{background:var(--navy);color:#fff;justify-content:space-between;align-items:center;height:62px;padding:0 max(24px,50vw - 640px);display:flex}.brand,.top-actions{align-items:center;gap:13px;display:flex}.brand strong{letter-spacing:.03em}.topbar nav{align-self:stretch;gap:5px;display:flex}.topbar nav button{color:#9ba6b7;border-radius:0;padding:0 18px;position:relative}.topbar nav button:hover,.topbar nav button.active{color:#fff}.topbar nav button.active:after{content:"";background:var(--red);height:3px;position:absolute;bottom:0;left:18px;right:18px}.signed-in{color:#909bad;font-size:13px}.content{max-width:1280px;margin:0 auto;padding:42px 24px 72px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.page-heading h1{letter-spacing:-.025em;margin:0;font-size:30px}.heading-actions{gap:10px;display:flex}.notice{border-left:4px solid var(--red);cursor:pointer;background:#fff;justify-content:space-between;align-items:center;padding:13px 16px;font-size:14px;display:flex;box-shadow:0 2px 9px #111d320f}.notice span{color:var(--muted);font-size:20px}.status-card,.panel{border:1px solid var(--line);background:#fff;box-shadow:0 4px 18px #121f350d}.status-card{margin-bottom:18px;padding:23px 25px 18px}.ap-state{align-items:center;gap:12px;display:flex}.ap-state div{gap:3px;display:grid}.ap-state small,.ap-meta,.panel-title p,.identity small,.command-row small{color:var(--muted)}.status-dot,.client-dot{background:var(--green);border-radius:50%;display:inline-block}.status-dot{width:11px;height:11px;box-shadow:0 0 0 5px #1fa66b1f}.offline .status-dot{background:#929bab;box-shadow:0 0 0 5px #6873861f}.status-card dl{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin:22px 0 16px;display:grid}.status-card dl div{background:#fff;padding:16px 18px}dt{color:var(--muted);margin-bottom:6px;font-size:12px}dd{margin:0;font-size:17px;font-weight:800}.ap-meta{margin:0;font-size:12px}.ap-bottom{justify-content:space-between;align-items:center;gap:16px;display:flex}.ap-maintenance{align-items:center;gap:5px;display:flex}.ap-switch{background:#e9edf2;border:1px solid #d7dde5;justify-content:space-between;align-items:flex-end;margin:0 0 18px;padding:14px 17px;display:flex}.ap-switch label{width:min(460px,75%)}.ap-switch select{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #c7cfd9;border-radius:6px;padding:10px 12px;font-weight:700}.ap-switch>span{color:var(--muted);padding-bottom:11px;font-size:12px;font-weight:750}.panel{margin-top:18px}.panel-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:21px 24px;display:flex}.panel-title h2{margin:0 0 5px;font-size:18px}.panel-title p{margin:0;font-size:12px}.count-pill{color:#556175;background:#eef1f5;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:750}.empty-state{text-align:center;color:#536074;padding:58px 20px}.empty-state p{color:var(--muted);margin:8px 0 0;font-size:13px}.client-row{border-bottom:1px solid #edf0f4;grid-template-columns:minmax(190px,1.3fr) 82px 85px minmax(145px,1fr) minmax(330px,1.5fr) auto;align-items:center;gap:18px;padding:17px 24px;display:grid}.client-row:last-child{border-bottom:0}.client-row.muted{background:#fafbfc}.identity{align-items:center;gap:11px;min-width:0;display:flex}.identity div{gap:4px;min-width:0;display:grid}.identity strong,.identity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.identity small{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.client-dot{flex:none;width:8px;height:8px}.client-dot.blocked{background:var(--red)}.client-dot.offline{background:#a7afbb}.client-stat{gap:4px;display:grid}.client-stat span{color:var(--muted);font-size:11px}.client-stat strong{font-size:12px}.limit-controls{grid-template-columns:1fr 1fr auto;align-items:end;gap:7px;display:grid}.limit-controls label{gap:4px;font-size:10px}.limit-controls input{padding:7px 8px;font-size:12px}.command-panel{max-width:620px}.command-row{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:12px 24px;font-size:13px;display:flex}.command-row>span:first-child{align-items:center;gap:12px;font-weight:700;display:flex}.command-row small{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:400}.command-status{color:#8a6b16;font-size:12px;font-weight:800}.command-status.succeeded{color:var(--green)}.command-status.failed{color:var(--red-dark)}.inline-form{grid-template-columns:250px 1fr;align-items:end;gap:30px;margin-bottom:18px;padding:22px 24px;display:grid}.inline-form h2,.issued h2,.api-intro h2{margin:0 0 6px;font-size:17px}.inline-form p,.issued p,.api-intro p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.inline-form form{align-items:end;gap:10px;display:flex}.inline-form form label{flex:1}.text-dark{color:var(--muted)}.text-dark:hover{color:var(--ink)}.issued{border-color:#f0b8bb;align-items:center;gap:12px;margin-bottom:18px;padding:22px 24px;display:flex}.issued>div{flex:1;min-width:0}.issued code{color:#8f2630;background:#fff3f3;border:1px solid #f2c8ca;margin:11px 0 7px;padding:10px 12px;font-size:12px;display:block;overflow:auto}.button-link{text-decoration:none;display:inline-block}.api-intro{padding:24px}.api-intro code{color:#8f2630;background:#fff1f1;padding:2px 5px}.api-intro>div>code{border-left:3px solid var(--red);margin-top:16px;padding:12px;display:block;overflow:auto}.key-row{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:18px;padding:15px 24px;display:flex}.key-row:last-child{border-bottom:0}.key-row>div{gap:5px;display:grid}.key-row small{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}@media (max-width:1050px){.client-row{grid-template-columns:minmax(200px,1fr) 80px 80px auto}.traffic{display:none}.limit-controls{grid-column:1/4}}@media (max-width:680px){.topbar{padding:0 18px}.brand strong,.signed-in{display:none}.topbar nav button{padding:0 10px;font-size:13px}.topbar nav button.active:after{left:10px;right:10px}.content{padding:28px 14px 55px}.page-heading{align-items:flex-start;gap:18px}.page-heading h1{font-size:25px}.heading-actions{flex-direction:column}.status-card{padding:20px 17px 16px}.status-card dl{grid-template-columns:1fr 1fr}.panel-title{padding:18px}.client-row{grid-template-columns:1fr auto;gap:13px;padding:18px}.client-stat{display:none}.limit-controls{grid-column:1/-1;grid-template-columns:1fr 1fr}.limit-controls button{grid-column:1/-1}.command-panel{max-width:none}.login-card{padding:34px 26px}.inline-form{grid-template-columns:1fr;gap:18px}.inline-form form{display:grid}.issued{flex-direction:column;align-items:stretch}.ap-bottom{flex-direction:column;align-items:flex-start}.ap-switch{flex-direction:column;align-items:stretch;gap:6px}.ap-switch label{width:100%}.ap-switch>span{padding:0}}