:root{font-family:Inter,Microsoft YaHei,system-ui,sans-serif;color:#152019;background:#f3f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.center,.auth-shell{min-height:100vh;display:grid;place-items:center}.auth-shell{background:radial-gradient(circle at 20% 20%,#deeee0,transparent 34%),#f4f6f2}.auth-card{width:min(430px,calc(100% - 32px));background:#fff;border:1px solid #dce4db;border-radius:22px;padding:40px;box-shadow:0 22px 70px #33483518}.brand-mark,.logo>span{display:grid;place-items:center;background:#173d2c;color:#fff;font-weight:800}.brand-mark{width:48px;height:48px;border-radius:14px;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:.14em;color:#6a7b70;font-weight:800;margin:0 0 8px}.auth-card h1,header h1{margin:0 0 8px;font-size:30px}.muted,.gateway-head p,.empty p{color:#69766e}.auth-card form{display:grid;gap:17px;margin-top:28px}label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#34423a}input,select{width:100%;padding:12px 13px;border:1px solid #cfd8d0;border-radius:10px;background:#fff;outline:none}input:focus,select:focus{border-color:#2d7755;box-shadow:0 0 0 3px #2d775519}.hint{margin:0;color:#748078;font-size:12px;line-height:1.55}.primary,.secondary{border:0;border-radius:9px;padding:11px 16px;font-weight:750}.primary{background:#1b5b3d;color:#fff}.primary:hover{background:#154b32}.secondary{background:#fff;color:#243c2e;border:1px solid #cdd8d0}.full{width:100%;margin-top:4px}button:disabled{opacity:.55;cursor:not-allowed}.layout{min-height:100vh;display:grid;grid-template-columns:236px 1fr}aside{background:#132e22;color:#fff;padding:24px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:11px;padding:0 6px 30px}.logo>span{width:38px;height:38px;border-radius:10px;background:#d7f25b;color:#153120}.logo div{display:grid}.logo small,.aside-foot small{color:#9db0a5;font-size:11px}.logo b{font-size:14px}nav{display:grid;gap:6px}nav button{border:0;background:transparent;color:#aec0b5;text-align:left;padding:12px 14px;border-radius:9px;font-weight:700}nav button.active,nav button:hover{background:#244838;color:#fff}.aside-foot{margin-top:auto;border-top:1px solid #29483a;padding:18px 8px 0;display:grid;gap:5px}.link{border:0;background:transparent;color:#2a7252;padding:3px 0;text-align:left;font-weight:750}.aside-foot .link{color:#b9d6c4}.content{padding:36px 44px;max-width:1440px;width:100%;margin:auto}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.summary>div{background:#fff;border:1px solid #dfe5df;border-radius:13px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between}.summary span{color:#748078;font-size:13px}.summary strong{font-size:26px}.gateway-card,.table-card,.empty{background:#fff;border:1px solid #dce3dc;border-radius:15px;margin-bottom:15px;box-shadow:0 4px 18px #3143390a}.gateway-card{padding:22px}.gateway-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.gateway-head h2{font-size:19px;margin:0}.gateway-head p{font:13px ui-monospace,monospace;margin:8px 0 0}.domain-row{display:flex;align-items:center;gap:10px}.pill{display:inline-flex;border-radius:99px;padding:4px 8px;font-size:11px;font-weight:800}.pill.ok{background:#e5f5e9;color:#247043}.pill.idle{background:#eef1ee;color:#6d776f}.pill.bad{background:#fee8e6;color:#a63e37}.checks{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0;background:#f6f8f5;border-radius:11px;padding:14px}.checks>div{display:grid;gap:6px;border-right:1px solid #dfe4df;padding:0 12px}.checks>div:last-child{border:0}.checks span{font-size:11px;color:#78827c}.checks b{font-size:12px;display:flex;align-items:center;gap:6px}.checks i{width:7px;height:7px;border-radius:50%;background:currentColor}.ok{color:#237146}.bad{color:#b8453e}.idle{color:#7b827d}.actions{display:flex;justify-content:flex-end;gap:9px}.empty{text-align:center;padding:70px 20px}.empty h2{margin:0}.table-card{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:14px 16px;border-bottom:1px solid #e4e8e4;text-align:left;white-space:nowrap}th{background:#f8faf8;color:#657169;font-size:11px}.modal-backdrop{position:fixed;inset:0;background:#14231bb8;display:grid;place-items:center;padding:20px;z-index:10}.modal{background:#fff;border-radius:18px;padding:26px;width:min(650px,100%);box-shadow:0 30px 100px #0004}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.modal-head h2{margin:0}.close{border:0;background:transparent;font-size:28px;color:#6a746e}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}.toggles{display:flex;gap:22px;margin:22px 0;background:#f5f8f5;padding:14px;border-radius:10px}.toggles label{display:flex;align-items:center;gap:7px}.toggles input{width:auto}.modal-actions{display:flex;justify-content:flex-end;gap:9px}.toast{position:fixed;right:22px;bottom:22px;background:#173d2c;color:#fff;padding:13px 18px;border-radius:10px;box-shadow:0 12px 40px #0003;z-index:20}.toast.error{background:#9a3430}.spinner{width:34px;height:34px;border:3px solid #d3ddd5;border-top-color:#1b5b3d;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.layout{grid-template-columns:1fr}aside{position:static;height:auto}.logo{padding-bottom:15px}nav{display:flex}.aside-foot{display:none}.content{padding:24px 16px}.checks{grid-template-columns:1fr 1fr}.checks>div{border:0}.summary,.grid{grid-template-columns:1fr}.wide{grid-column:auto}.toggles{display:grid}.gateway-head{align-items:center}}@media(max-width:560px){header{align-items:flex-start;gap:15px}.gateway-head,.actions{display:grid}.auth-card{padding:28px 22px}}