:root{--bg:#f5f7fb;--panel:#fff;--ink:#14243b;--sub:#78869a;--line:#e8edf4;--blue:#2364e8;--blue-soft:#edf3ff;--green:#198765;--amber:#b97b11;--red:#c14646}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input{font:inherit}.layout{min-height:100vh}.sidebar{color:#d5ddeb;background:#101e32;flex-direction:column;width:248px;padding:26px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;letter-spacing:.4px;align-items:center;gap:11px;height:42px;padding:0 9px;font-size:16px;font-weight:700;display:flex}.brand small{color:#8e9eb4;letter-spacing:1.5px;margin-top:3px;font-size:9px;display:block}.brand-mark{color:#fff;background:#3879ff;border-radius:11px;place-items:center;width:34px;height:34px;font-size:19px;display:grid}.workspace-label{color:#8191a8;letter-spacing:.5px;padding:32px 12px 12px;font-size:11px}.sidebar nav{gap:5px;display:grid}.nav-link{color:#aebbd0;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;height:43px;padding:0 12px;display:flex}.nav-link:hover{color:#fff;background:#1a2c46}.nav-link.active{color:#fff;background:#203b63}.sidebar-bottom{margin-top:auto}.security-note{color:#8da0bb;align-items:center;gap:8px;padding:12px 8px 18px;font-size:11px;display:flex}.logout{color:#94a3b8;border-top:1px solid #29384e;border-radius:0}.main{min-height:100vh;margin-left:248px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 36px;display:flex}.crumb{color:#56657a;font-size:13px}.crumb span{color:#b5bfcc;margin:0 8px}.user-pill{color:#34445b;align-items:center;gap:9px;font-weight:600;display:flex}.avatar{width:30px;height:30px;color:var(--blue);background:#e7efff;border-radius:50%;place-items:center;display:grid}.content{max-width:1240px;margin:0 auto;padding:34px 36px}.page-head{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.page-head h1{letter-spacing:-.5px;margin:0 0 7px;font-size:25px}.page-head p{color:var(--sub);margin:0;font-size:13px}.eyebrow{color:var(--blue);letter-spacing:1.3px;margin-bottom:9px;font-size:10px;font-weight:700}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px;display:grid}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px}.stat{padding:20px}.stat-top{color:var(--sub);justify-content:space-between;font-size:12px;display:flex}.stat-icon{background:var(--blue-soft);width:32px;height:32px;color:var(--blue);border-radius:9px;place-items:center;display:grid}.stat-value{letter-spacing:-.5px;margin-top:18px;font-size:24px;font-weight:700}.stat-caption{color:#9aa5b4;margin-top:5px;font-size:11px}.panel{padding:21px 22px}.panel-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panel-title h2{margin:0;font-size:15px}.text-link{color:var(--blue);font-size:12px;font-weight:600}.table-wrap{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{text-align:left;color:#8a97a8;border-bottom:1px solid var(--line);padding:11px 12px;font-size:11px;font-weight:500}td{color:#35445a;border-bottom:1px solid #f0f2f6;padding:14px 12px;font-size:12px}tr:last-child td{border-bottom:0}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.status{border-radius:20px;align-items:center;padding:5px 9px;font-size:10px;font-weight:600;display:inline-flex}.status.success{color:var(--green);background:#e7f6ef}.status.pending,.status.warning{color:var(--amber);background:#fff4df}.status.danger{color:var(--red);background:#fdecec}.status.muted{color:#748196;background:#f0f2f5}.muted-text{color:var(--sub)}.row{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.notice{color:#405c88;background:#eff5ff;border-radius:10px;padding:15px 16px;font-size:12px;line-height:1.7}.notice strong{color:#253e68;margin-bottom:4px;display:block}.filters{align-items:center;gap:9px;margin-bottom:15px;display:flex}.select,.input{color:#324158;background:#fff;border:1px solid #dfe5ed;border-radius:8px;outline:none;padding:9px 11px}.select:focus,.input:focus{border-color:#8bb0ff;box-shadow:0 0 0 3px #2364e81a}.empty{text-align:center;color:#94a0b0;padding:38px;font-size:12px}.login-wrap{background:radial-gradient(ellipse at 50% 0%,#e7efff 0,transparent 60%),var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:17px;width:min(420px,100%);padding:35px;box-shadow:0 16px 55px #23395812}.login-brand{align-items:center;gap:11px;margin-bottom:34px;font-size:16px;font-weight:700;display:flex}.login-card h1{margin:0 0 8px;font-size:24px}.login-card>p{color:var(--sub);margin:0 0 25px;font-size:13px}.field{gap:7px;margin:15px 0;display:grid}.field label{color:#49586e;font-size:12px;font-weight:600}.field input{height:43px}.primary{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;width:100%;height:44px;margin-top:22px;font-weight:600;display:flex}.primary:disabled{opacity:.65;cursor:wait}.form-error{color:var(--red);background:#fff0f0;border-radius:8px;padding:10px;font-size:12px}.loading{color:#77849a;place-items:center;min-height:100vh;display:grid}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.detail-item{background:#f8f9fb;border-radius:9px;padding:14px}.detail-item small{color:#8895a7;margin-bottom:7px;display:block}.detail-item strong{word-break:break-all;font-size:13px}.toolbar{align-items:center;gap:10px;display:flex}@media (max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.row{grid-template-columns:1fr}.content{padding:27px 22px}.topbar{padding:0 22px}}@media (max-width:700px){.sidebar{width:auto;height:auto;padding:11px;display:block;position:static}.sidebar .brand{height:37px}.sidebar .workspace-label,.sidebar-bottom{display:none}.sidebar nav{margin-top:10px;display:flex;overflow:auto}.nav-link{white-space:nowrap;width:auto;height:38px;padding:0 10px}.main{margin:0}.topbar{height:54px}.content{padding:24px 14px}.cards{gap:9px}.stat{padding:14px}.stat-value{font-size:19px}.stat-top{font-size:10px}.stat-icon{width:28px;height:28px}.page-head h1{font-size:21px}.detail-grid{grid-template-columns:1fr 1fr}.panel{padding:15px}.user-pill{font-size:11px}}.form-grid{grid-template-columns:1fr 1fr;align-items:end;gap:14px;display:grid}.form-grid label{color:#49586e;gap:7px;font-size:12px;font-weight:600;display:grid}.form-grid input,.form-grid select{color:#324158;background:#fff;border:1px solid #dfe5ed;border-radius:8px;min-width:0;height:40px;padding:0 11px}.form-grid input:focus,.form-grid select:focus{border-color:#8bb0ff;outline:0;box-shadow:0 0 0 3px #2364e81a}.button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-weight:600;display:inline-flex}.button:disabled{opacity:.5;cursor:not-allowed}.button.secondary{color:#344b71;background:#e9effa}.permission-list,.event-list{gap:10px;margin:14px 0;display:grid}.event-list{grid-column:1/-1}.event-list>b{font-size:12px}.permission-list label,.event-list label{border:1px solid var(--line);color:#35445a;border-radius:8px;grid-template-columns:18px 1fr;align-items:center;gap:2px 8px;padding:10px;font-size:12px;display:grid}.permission-list input,.event-list input{accent-color:var(--blue);grid-row:span 2}.permission-list small,.event-list small{color:#8895a7;font:10px ui-monospace,monospace}.secret-box{overflow-wrap:anywhere;gap:9px;margin-top:16px;display:grid}.secret-box code{color:#183255;background:#fff;border:1px solid #dce5f2;border-radius:6px;padding:9px;display:block}.hook-card{border-bottom:1px solid var(--line);padding:15px 0}.hook-card:last-child{border-bottom:0}.hook-top{justify-content:space-between;gap:12px;display:flex}.hook-top small{color:#76859a;overflow-wrap:anywhere;margin-top:5px;display:block}.event-tags{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.event-tags span{color:#51627a;background:#f1f4f8;border-radius:20px;padding:5px 8px;font-size:10px}.text-button{color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:8px 2px;font-size:11px;display:inline-flex}.danger-text{color:var(--red)}.hook-card .toolbar{margin-top:4px}@media (max-width:700px){.form-grid{grid-template-columns:1fr}.form-grid label[style]{grid-column:auto!important}.event-list{grid-column:auto}}.delivery-history{background:#f8fafc;border-radius:8px;margin-top:12px;padding:10px;overflow:auto}.delivery-history table{min-width:480px}.delivery-history td{white-space:normal;max-width:200px}
.register-card{max-width:470px}.register-card>h1{font-size:23px}.register-card>p{line-height:1.7}.register-primary{height:44px;text-decoration:none}.register-card .field{margin:13px 0}.field-hint{color:#8c98a6;font-size:10px}.register-legal{color:#96a0ae;text-align:center;margin-top:17px;font-size:10px;line-height:1.7}.register-login{text-align:center;color:#8793a2;margin-top:18px;font-size:11px}.register-login a{color:#2364e8;font-weight:700}.back-home{justify-content:center;align-items:center;gap:6px;margin-top:22px;font-size:10px;display:flex;color:#77869a!important}.honeypot{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.register-success{align-items:flex-start;gap:13px;margin:20px 0;display:flex}.register-success h1{margin:0 0 6px;font-size:22px}.register-success p{color:#77869a;margin:0;font-size:11px;line-height:1.7}.register-key-icon{color:#448d5e;background:#e8f6e4;border-radius:11px;flex:none;place-items:center;width:41px;height:41px;display:grid}.selected-plan{color:#748378;background:#f0f6ed;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin:14px 0 16px;padding:10px 11px;font-size:10px;display:flex}.selected-plan b{color:#2f7753;text-align:right}.one-time-secret{background:#f6faf5;border:1px solid #dce8dc;border-radius:11px;padding:15px}.secret-row{gap:7px;margin-bottom:13px;display:grid}.secret-row small{color:#738179;font-size:9px;font-weight:700}.secret-row code{word-break:break-all;color:#1d3440;font-size:11px}.secret-value{border-top:1px solid #e2eae0;padding-top:11px}.copy-secret{color:#3d6850;cursor:pointer;background:#fff;border:1px solid #d8e4d6;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;height:37px;font-size:10px;font-weight:700;display:flex}.secret-warning{background:#fff7ea;border-radius:8px;padding:10px;font-size:10px;color:#ad6d32!important;margin:12px 0!important;line-height:1.7!important}.public-info{color:#132a38;background:#fafcf9;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.public-info a{color:inherit;text-decoration:none}.public-info>header{border-bottom:1px solid #e7ece7;justify-content:space-between;align-items:center;max-width:1080px;height:72px;margin:auto;padding:0 26px;display:flex}.info-actions{align-items:center;gap:23px;display:flex}.info-actions>a,.info-actions>button{color:#52645c;font-size:11px}.info-actions>button{cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;display:flex}.info-actions .info-cta,.info-cta{color:#fff;background:#102c36;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 13px;font-size:10px;font-weight:700;display:inline-flex}.info-hero{max-width:900px;margin:0 auto;padding:70px 26px 51px}.back-link{align-items:center;gap:7px;font-size:10px;display:flex;color:#687b70!important}.info-kicker{text-transform:uppercase;letter-spacing:1.2px;color:#5b9a73;margin-top:44px;font-size:9px;font-weight:700}.info-hero h1{letter-spacing:-1.9px;margin:13px 0;font-size:clamp(35px,5vw,53px);line-height:1.15}.info-hero>p{color:#6e8078;max-width:650px;font-size:13px;line-height:1.8}.info-content{max-width:850px;margin:0 auto;padding:0 26px 70px}.info-content h2{letter-spacing:-.3px;margin:34px 0 13px;font-size:18px}.info-content>p{color:#64766e;font-size:12px;line-height:1.9}.guide-steps{counter-reset:step;gap:10px;padding:0;list-style:none;display:grid}.guide-steps li{counter-increment:step;background:#fff;border:1px solid #e4ebe4;border-radius:10px;padding:17px 17px 15px 55px;position:relative}.guide-steps li:before{content:"0" counter(step);color:#58a272;font-size:10px;font-weight:800;position:absolute;top:17px;left:17px}.guide-steps b{font-size:12px}.guide-steps p{color:#74847d;margin:6px 0 0;font-size:10px;line-height:1.7}.info-inline-link{align-items:center;gap:7px;margin-top:8px;font-size:11px;font-weight:700;display:inline-flex;color:#34865d!important}.api-meta{gap:10px;margin:19px 0 27px;display:grid}.api-meta>div{background:#f0f5ef;border-radius:8px;gap:8px;padding:13px 15px;display:grid}.api-meta small{color:#76877d;font-size:9px}.api-meta code,.info-content code{color:#224839;word-break:break-all;font-size:10px}.api-section-title{align-items:center;gap:10px;margin-top:30px;display:flex}.api-section-title h2{margin:0}.api-section-title span{color:#418354;background:#e5f5e4;border-radius:5px;padding:5px 8px;font-size:8px;font-weight:800}.code-sample{color:#d6e5dc;background:#10232d;border-radius:10px;margin:17px 0;overflow:hidden}.code-toolbar{color:#92a59a;border-bottom:1px solid #e6f2e315;justify-content:space-between;align-items:center;height:40px;padding:0 13px;font-size:9px;display:flex}.code-toolbar button{color:#c6d9cb;cursor:pointer;background:#1b3440;border:1px solid #f1f8f01e;border-radius:5px;padding:5px 8px;font-size:8px}.code-sample pre{color:#b9d3c2;margin:0;padding:14px;font-size:9px;line-height:1.8;overflow-x:auto}.info-feature-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}.info-feature{background:#fff;border:1px solid #e4ebe4;border-radius:10px;padding:17px}.info-feature>span{color:#4d9566;background:#eaf5e7;border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.info-feature h3{margin:13px 0 7px;font-size:12px}.info-feature p{color:#6f8078;margin:0;font-size:10px;line-height:1.8}.info-contact{background:#fff;border:1px solid #e3eae3;border-radius:9px;justify-content:space-between;align-items:center;margin-top:25px;padding:17px;font-size:11px;display:flex}.info-contact>a{color:#39865f;align-items:center;gap:6px;display:flex}.info-end{border-top:1px solid #e5ebe5;margin-top:36px;padding-top:22px}.info-footer{color:#8a9790;border-top:1px solid #e4eae4;max-width:850px;margin:auto;padding:17px 26px 27px;font-size:9px}@media (max-width:600px){.register-card{padding:25px}.public-info>header{height:62px;padding:0 17px}.info-actions{gap:12px}.info-actions>a,.info-actions>button{font-size:9px}.info-actions .info-cta{padding:8px}.info-hero{padding:49px 19px 36px}.info-content{padding:0 19px 50px}.info-hero h1{font-size:36px}.info-hero>p{font-size:11px}.info-feature-grid{grid-template-columns:1fr}.code-sample pre{font-size:8px}}