:root{--cake-background:#f8fdfb;--cake-surface:#fff;--cake-text:#173d35;--cake-text-muted:#789188;--cake-border:#e4f1ed;--cake-mint:#31ad88;--cake-action:#157a5d;--cake-selection:#e4f7f0;--cake-warning-surface:#fff4cf;--cake-warning-text:#856513;--cake-danger:#c9564d;--cake-radius-small:10px;--cake-radius-medium:14px;--cake-radius-large:20px;--cake-shadow:0 14px 40px #185d4814}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#183d35;background:#f5f8f7;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}button,input,select{font:inherit}button{color:inherit;cursor:pointer}.platform-console-shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.platform-console-sidebar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fafdfcf2;border-right:1px solid #e0ebe7;flex-direction:column;height:100vh;padding:24px 15px 18px;display:flex;position:sticky;top:0}.platform-brand{align-items:center;gap:11px;padding:0 9px 27px;display:flex}.platform-brand>span{color:#fff;background:#173d35;border-radius:13px;place-items:center;width:39px;height:39px;font-weight:800;display:grid}.platform-brand>div,.platform-brand strong,.platform-brand small{display:block}.platform-brand strong{font-size:15px}.platform-brand small{color:#789087;letter-spacing:.06em;margin-top:3px;font-size:10px}.platform-console-sidebar nav{gap:4px;display:grid}.platform-console-sidebar nav button{color:#718980;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:11px;min-height:44px;padding:0 12px;font-size:12px;display:flex}.platform-console-sidebar nav button>i{opacity:.45;background:currentColor;border-radius:50%;width:7px;height:7px}.platform-console-sidebar nav button>i.risk{opacity:.9;background:#d87863}.platform-console-sidebar nav button>b{color:#b45f4c;background:#fff0ec;border-radius:999px;place-items:center;min-width:21px;height:21px;margin-left:auto;font-size:9px;display:grid}.platform-console-sidebar nav button.active{color:#126b51;background:#e6f5ef;font-weight:750}.platform-console-sidebar nav button.active>i{opacity:1}.platform-service-state{background:#fff;border:1px solid #dfece7;border-radius:15px;gap:7px;margin-top:auto;padding:14px;display:grid;box-shadow:0 12px 35px #1e493c0d}.platform-service-state>span,.platform-service-state small{color:#789087;font-size:9px}.platform-service-state>span{align-items:center;gap:7px;display:flex}.platform-service-dot{background:#d5a94b;border-radius:50%;width:7px;height:7px}.platform-service-dot.connected{background:#35ad86;box-shadow:0 0 0 4px #e5f6f0}.platform-service-state strong{font-size:11px}.platform-service-state small{line-height:1.5}.platform-console-main{min-width:0}.platform-console-topbar{z-index:15;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fbfae0;border-bottom:1px solid #daeae4d9;justify-content:space-between;align-items:center;gap:20px;min-height:84px;padding:15px 28px;display:flex;position:sticky;top:0}.platform-console-topbar>div:first-child span{color:#7a9189;letter-spacing:.08em;font-size:9px}.platform-console-topbar h1{letter-spacing:-.03em;margin:5px 0 0;font-size:23px}.platform-top-actions{align-items:center;gap:9px;display:flex}.platform-top-actions label{color:#7a9189;background:#fff;border:1px solid #dceae5;border-radius:12px;align-items:center;gap:8px;width:min(300px,26vw);min-height:40px;padding:0 12px;display:flex}.platform-top-actions input{color:#183d35;background:0 0;border:0;outline:0;width:100%;font-size:11px}.platform-top-actions>button{color:#126b51;background:#e5f5ef;border:0;border-radius:999px;min-height:40px;padding:0 13px;font-size:11px;font-weight:750}.platform-console-content{background:radial-gradient(circle at 88% 0,#dbf3eab8,#0000 26rem),#f6faf8;min-height:calc(100vh - 84px);padding:23px 27px 42px}.platform-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.platform-metric-grid>article{background:#fffffff0;border:1px solid #dfebe7;border-radius:17px;align-content:start;gap:6px;min-height:122px;padding:18px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 38px #224e400b}.platform-metric-grid>article:after{content:"";background:#e5f5ef;border-radius:50%;width:74px;height:74px;position:absolute;top:-38px;right:-25px}.platform-metric-grid>article.blue:after{background:#e9f1fa}.platform-metric-grid>article.amber:after{background:#fff1d7}.platform-metric-grid>article>span,.platform-metric-grid>article small{color:#758d84;font-size:10px}.platform-metric-grid>article strong{letter-spacing:-.04em;margin:2px 0;font-size:28px}.platform-panel{background:#fffffff5;border:1px solid #dfebe7;border-radius:18px;min-width:0;padding:20px;box-shadow:0 14px 38px #224e400b}.platform-primary-grid{grid-template-columns:minmax(0,1.45fr) minmax(310px,.85fr);gap:13px;margin-top:13px;display:grid}.platform-secondary-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:13px;display:grid}.platform-panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px;display:flex}.platform-panel-heading span{color:#789087;letter-spacing:.08em;font-size:9px}.platform-panel-heading h2{letter-spacing:-.02em;margin:5px 0 0;font-size:17px}.platform-panel-heading>button,.platform-table-action{color:#126b51;background:0 0;border:0;padding:6px;font-size:10px;font-weight:750}.platform-table-scroll{overflow-x:auto}.platform-panel table{border-collapse:collapse;width:100%;font-size:11px}.platform-panel th{color:#789087;text-align:left;white-space:nowrap;border-bottom:1px solid #e4efeb;padding:9px 8px;font-size:9px;font-weight:650}.platform-panel td{color:#526d64;white-space:nowrap;border-bottom:1px solid #edf3f1;padding:12px 8px}.platform-panel td>strong,.platform-panel td>small{display:block}.platform-panel td>strong{color:#183d35}.platform-panel td>small{color:#8ba098;margin-top:4px;font-size:8px}.platform-tag{color:#667f76;background:#edf3f1;border-radius:999px;padding:5px 8px;font-size:8px;display:inline-block}.platform-tag.active,.platform-tag.trial,.platform-tag.healthy{color:#126b51;background:#e5f6f0}.platform-tag.paused,.platform-tag.past_due{color:#a15a3f;background:#fff0e7}.platform-health-list{display:grid}.platform-health-list>div{border-top:1px solid #edf3f1;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0;display:grid}.platform-health-dot{background:#35ad86;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #e5f6f0}.platform-health-list span,.platform-health-list strong,.platform-health-list small{display:block}.platform-health-list strong{font-size:11px}.platform-health-list small{color:#789087;margin-top:4px;font-size:8px}.platform-health-status{color:#126b51;font-size:9px}.compact-platform-panel{min-height:130px}.compact-platform-panel>span{color:#789087;font-size:9px}.compact-platform-panel>strong{margin:9px 0 6px;font-size:25px;display:block}.compact-platform-panel p{color:#789087;margin:0;font-size:9px;line-height:1.6}.full-platform-panel{min-height:calc(100vh - 134px)}.platform-model-layout{grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);align-items:start;gap:13px;display:grid}.platform-access-layout{background:linear-gradient(135deg,#f7fcfa,#edf7f3);border:1px solid #deebe7;border-radius:24px;grid-template-columns:minmax(0,1fr) 390px;align-items:center;gap:32px;min-height:calc(100vh - 134px);padding:clamp(30px,6vw,88px);display:grid}.platform-access-copy{max-width:520px}.platform-access-copy>span{color:#2d9977;letter-spacing:.12em;font-size:10px;font-weight:800}.platform-access-copy h2{letter-spacing:-.04em;margin:13px 0;font-size:clamp(28px,4vw,46px)}.platform-access-copy p,.platform-access-copy small{color:#68847a;line-height:1.8}.platform-access-copy p{font-size:13px}.platform-access-copy small{font-size:10px}.platform-config-form{gap:12px;display:grid}.provider-config-form{grid-column:2}.platform-config-form .platform-panel-heading{margin-bottom:2px}.platform-config-form label{gap:6px;display:grid}.platform-config-form label>span{color:#6f887f;font-size:9px;font-weight:700}.platform-config-form input,.platform-config-form select{color:#183d35;background:#fbfefd;border:1px solid #dbe9e4;border-radius:11px;outline:0;width:100%;min-height:39px;padding:0 11px;font-size:10px}.platform-config-form input:focus,.platform-config-form select:focus{border-color:#83cdb6;box-shadow:0 0 0 3px #e8f7f2}.form-two-columns,.form-three-columns{gap:8px;display:grid}.form-two-columns{grid-template-columns:1fr 1fr}.form-three-columns{grid-template-columns:repeat(3,1fr)}.form-security-note{color:#55776c;background:#eef7f4;border-radius:10px;margin:0;padding:10px;font-size:8px;line-height:1.6}.platform-primary-button{color:#fff;background:#173d35;border:0;border-radius:11px;min-height:43px;font-size:10px;font-weight:750;box-shadow:0 10px 24px #173d3529}.platform-primary-button:disabled{opacity:.55}.platform-secondary-button{color:#667f76;background:#fff;border:1px solid #d9e8e3;border-radius:11px;min-height:39px;font-size:9px}.secret-reference{color:#5d7b71;font-size:8px}.route-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.route-grid article{background:#fbfefd;border:1px solid #e1ece8;border-radius:15px;padding:16px}.route-grid article>div{color:#789087;justify-content:space-between;gap:8px;font-size:8px;display:flex}.route-grid h3{margin:13px 0 8px;font-size:13px}.route-grid label{color:#789087;gap:5px;margin-top:10px;font-size:8px;display:grid}.route-grid select{color:#183d35;background:#fff;border:1px solid #dbe9e4;border-radius:9px;width:100%;min-height:34px;padding:0 8px;font-size:9px}.route-grid p,.route-grid small{color:#789087;font-size:9px;line-height:1.5}.route-grid small{min-height:27px;display:block}.route-grid button{color:#126b51;background:#fff;border:1px solid #d6e8e2;border-radius:9px;width:100%;min-height:34px;margin-top:13px;font-size:9px;font-weight:700}.platform-info-banner{background:#eef7f4;border:1px solid #dceae5;border-radius:14px;align-items:center;gap:16px;margin-top:13px;padding:15px 18px;font-size:10px;display:flex}.platform-info-label{color:#126b51;white-space:nowrap}.platform-info-banner span{color:#5e796f}.plans-layout{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:13px;display:grid}.plan-card-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.plan-card-grid>button{cursor:pointer;color:#183d35;text-align:left;background:#fff;border:1px solid #dfeae6;border-radius:18px;padding:20px;box-shadow:0 14px 38px #224e400a}.plan-card-grid>button.selected{border-color:#6fc3a8;box-shadow:0 0 0 3px #e3f5ef,0 15px 42px #224e4012}.plan-card-grid>button>span{color:#78a294;letter-spacing:.11em;font-size:8px;font-weight:800}.plan-card-grid h2{margin:8px 0 4px;font-size:18px}.plan-card-grid p{color:#789087;min-height:33px;margin:0;font-size:9px;line-height:1.6}.plan-card-grid>button>strong{margin:18px 0;font-size:25px;display:block}.plan-card-grid>button>strong small{color:#789087;font-size:9px}.plan-card-grid ul{margin:0;padding:0;list-style:none}.plan-card-grid li{border-top:1px solid #edf3f1;justify-content:space-between;gap:8px;padding:9px 0;font-size:9px;display:flex}.plan-card-grid li span{color:#789087}.plan-card-grid footer{color:#668178;background:#f5f9f7;border-radius:0 0 18px 18px;margin:15px -20px -20px;padding:11px 20px;font-size:8px}.usage-metrics{grid-template-columns:repeat(3,1fr);margin-bottom:13px}.safety-list{display:grid}.safety-list button{text-align:left;background:0 0;border:0;border-top:1px solid #edf3f1;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 0;display:grid}.safety-level{color:#987025;background:#fff4dc;border-radius:10px;place-items:center;width:32px;height:32px;font-size:9px;font-style:normal;display:grid}.safety-level.high{color:#b45f4c;background:#fff0ec}.safety-list span,.safety-list strong,.safety-list small{display:block}.safety-list strong{font-size:11px}.safety-list small{color:#789087;margin-top:4px;font-size:8px}.safety-action{color:#126b51;font-size:9px}.safety-score{text-align:center;background:#ecf7f3;border-radius:16px;padding:19px}.safety-score strong{font-size:34px;display:block}.safety-score span{color:#789087;font-size:9px}.quality-line{border-bottom:1px solid #edf3f1;justify-content:space-between;padding:12px 2px;font-size:10px;display:flex}.quality-line span{color:#789087}.channel-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.channel-row{border-top:1px solid #edf3f1;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 0;display:grid}.channel-dot{border-radius:50%;width:8px;height:8px}.channel-dot.ok{background:#35ad86;box-shadow:0 0 0 4px #e5f6f0}.channel-dot.wait{background:#d5a94b;box-shadow:0 0 0 4px #fff3dd}.channel-row span,.channel-row strong,.channel-row small{display:block}.channel-row strong{font-size:10px}.channel-row small{color:#789087;margin-top:4px;font-size:8px}.channel-status{color:#56756a;font-size:8px}.platform-desktop-required{display:none}@media (max-width:1180px){.platform-console-shell{grid-template-columns:196px minmax(0,1fr)}.platform-console-sidebar{padding-inline:11px}.platform-console-content{padding-inline:20px}.platform-model-layout,.platform-access-layout,.plans-layout{grid-template-columns:1fr}.provider-config-form{grid-column:auto}.plan-publish-form{max-width:none}.route-grid{grid-template-columns:repeat(2,1fr)}.channel-grid{grid-template-columns:1fr 1fr}}@media (max-width:920px){.platform-console-shell{grid-template-columns:76px minmax(0,1fr)}.platform-brand{justify-content:center;padding-inline:0}.platform-brand>div,.platform-console-sidebar nav button span,.platform-service-state strong,.platform-service-state small{display:none}.platform-console-sidebar nav button{justify-content:center;padding:0}.platform-console-sidebar nav button>i{width:9px;height:9px}.platform-service-state{place-items:center;padding:12px 8px}.platform-service-state>span{font-size:0}.platform-primary-grid{grid-template-columns:1fr}.platform-metric-grid{grid-template-columns:repeat(2,1fr)}.platform-secondary-grid,.plan-card-grid{grid-template-columns:1fr 1fr}}@media (max-width:759px){.platform-console-sidebar,.platform-console-main{display:none}.platform-console-shell{display:block}.platform-desktop-required{text-align:center;background:radial-gradient(circle at 50% 25%,#def3ec,#0000 18rem),#f7fbf9;place-items:center;min-height:100vh;padding:32px;display:grid}.platform-desktop-required>div{max-width:420px}.platform-desktop-required span{color:#fff;background:#173d35;border-radius:18px;place-items:center;width:54px;height:54px;margin:0 auto 20px;font-weight:800;display:grid}.platform-desktop-required h1{margin:0;font-size:25px}.platform-desktop-required p{color:#718980;margin:13px 0 0;font-size:12px;line-height:1.8}}