@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans SC,sans-serif;color:#17223a;background:#f3f6fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f3f6fb}button,input,select{font:inherit}button{cursor:pointer}.loading{display:grid;min-height:100vh;place-items:center;color:#65728c}.app-shell{display:grid;min-height:100vh;grid-template-columns:236px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;padding:22px 14px 17px;color:#c8d3e8;background:linear-gradient(180deg,#141f36,#152944)}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 28px;color:#fff;font-size:16px;font-weight:700;letter-spacing:-.3px}.brand-mark{display:grid;width:30px;height:30px;place-items:center;border:1px solid #ffffff40;border-radius:9px;background:linear-gradient(135deg,#8373fb,#28b7e5);box-shadow:0 6px 16px #2a9fd155}.workspace{display:flex;align-items:center;justify-content:space-between;margin:0 5px 19px;padding:10px 11px;border:1px solid #ffffff25;border-radius:9px;color:#dce5f7;text-align:left;background:#ffffff0c}.workspace strong,.workspace small{display:block}.workspace strong{color:#fff;font-size:12px}.workspace small{margin-top:3px;color:#95a8c9;font-size:10px}.nav-section{margin:14px 11px 6px;color:#8196bb;font-size:10px;font-weight:700;letter-spacing:.8px}.nav-item{display:flex;width:100%;align-items:center;gap:10px;margin:2px 0;padding:9px 10px;border:0;border-radius:8px;color:#b9c8e0;text-align:left;background:transparent;font-size:12px}.nav-item:hover{color:#fff;background:#ffffff0c}.nav-item.active{color:#fff;background:linear-gradient(90deg,#7669f5,#526cdd70);box-shadow:inset 2px 0 #b0a8ff}.side-status{display:flex;gap:7px;margin-top:auto;padding:14px 10px 2px;border-top:1px solid #ffffff18;color:#99adce;font-size:10px;line-height:1.5}.side-status svg{flex:none;color:#6cd29b}.content{min-width:0;padding:18px 28px 34px;background:radial-gradient(circle at 88% 0%,#e2edff 0,transparent 24%),#f7f9fd}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:33px;color:#7a88a1;font-size:11px}.topbar>div{display:flex;align-items:center;gap:9px}.role-toggle{display:flex;padding:3px;border:1px solid #dde4f0;border-radius:8px;background:#fff}.role-toggle button{padding:5px 9px;border:0;border-radius:5px;color:#7a889d;background:transparent;font-size:10px}.role-toggle button.active{color:#fff;background:#5e6bdd}.icon-btn{display:grid;width:30px;height:30px;place-items:center;border:1px solid #dfe5ef;border-radius:8px;color:#607089;background:#fff}.avatar{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:#7b482d;background:#ffd5bb;font-size:10px;font-weight:700}.page-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:27px 0 19px}.page-header h1{margin:0;color:#15213b;font-size:25px;letter-spacing:-.65px}.page-header p{max-width:600px;margin:7px 0 0;color:#71809a;font-size:12px;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border:1px solid #5c68e2;border-radius:8px;color:#fff;background:linear-gradient(135deg,#6966e8,#4c87e7);box-shadow:0 7px 16px #5b6de034;font-size:11px;font-weight:600}.button.secondary{border-color:#dce3ef;color:#5d6dde;background:#fff;box-shadow:none}.button.danger{border-color:#e59b9b;color:#c24d4d;background:#fff7f7;box-shadow:none}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.metric{padding:14px;border:1px solid #e0e6f0;border-radius:11px;background:#ffffffdc}.metric-head{display:flex;align-items:center;justify-content:space-between;color:#718099;font-size:10px}.metric-head svg{color:#6875e7}.metric>strong{display:block;margin-top:9px;color:#1d2943;font-size:20px;letter-spacing:-.4px}.metric small{display:block;margin-top:4px;color:#36a374;font-size:10px}.two-col{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(275px,.8fr);gap:11px;margin-top:11px}.two-col.lower{grid-template-columns:minmax(0,1.4fr) minmax(250px,.72fr)}.panel{overflow:hidden;border:1px solid #e0e6f0;border-radius:11px;background:#ffffffdc}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;padding:15px 15px 9px}.panel-head h2{margin:0;color:#25324a;font-size:13px}.panel-head p{margin:4px 0 0;color:#8491a7;font-size:10px}.text-btn{border:0;color:#5d6bdd;background:transparent;font-size:10px}.route-flow{display:grid;grid-template-columns:1fr 16px 1fr 16px 1fr 16px 1fr;gap:5px;align-items:center;padding:14px 15px}.route-flow>svg{color:#a1aec5}.route-node{min-height:91px;padding:10px 9px;border:1px solid #e8edf5;border-radius:9px;background:#fbfcff}.route-node>span{display:grid;width:24px;height:24px;place-items:center;border-radius:7px;color:#625fe2;background:#edeeff}.route-node svg{width:14px;height:14px}.route-node strong{display:block;margin-top:8px;color:#344158;font-size:10px}.route-node small{display:block;margin-top:3px;color:#8895a7;font-size:9px;line-height:1.4}.notice{display:flex;gap:8px;margin:0 15px 15px;padding:10px;border-radius:8px;color:#5f6c81;background:#f4f2ff;font-size:10px;line-height:1.55}.notice svg{flex:none;color:#776ce6}.task-list,.health-list{padding:0 15px 11px}.task-list>div,.health-list>div{display:flex;align-items:center;gap:7px;padding:11px 0;border-bottom:1px solid #edf0f5;color:#536179;font-size:10px}.task-list>div:last-child,.health-list>div:last-child{border-bottom:0}.task-list button{margin-left:auto;border:0;color:#5e6dde;background:transparent;font-size:10px}.dot{width:6px;height:6px;flex:none;border-radius:50%;background:#53bd90}.health-list>div{justify-content:space-between}.health-list span{display:flex;align-items:center;gap:7px}.health-list svg{color:#51b985}.health-list small{color:#8491a6}.table-wrap{overflow-x:auto;padding:0 15px 13px}table{width:100%;min-width:520px;border-collapse:collapse;color:#58677d;font-size:10px}th{padding:8px 0;color:#8794a7;text-align:left;font-weight:500}td{padding:11px 0;border-top:1px solid #edf0f5;vertical-align:middle}td strong{display:block;color:#303d55;font-weight:600}td small{display:block;margin-top:2px;color:#8d99aa;font-size:9px}code{color:#48566c;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.status{display:inline-block;padding:3px 6px;border-radius:99px;color:#25835d;background:#e8f7ef;font-size:9px;white-space:nowrap}.status.violet{color:#6558c6;background:#efefff}.status.muted{color:#778495;background:#eef1f5}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.plan-card{display:flex;min-height:265px;flex-direction:column;padding:17px;border:1px solid #e0e6f0;border-radius:11px;background:#ffffffdc}.plan-card.featured{border-color:#7a75e7;box-shadow:0 9px 23px #5c65de22}.popular{display:inline-block;margin-bottom:7px;padding:3px 6px;border-radius:99px;color:#5d57c9;background:#eef;font-size:9px}.plan-card h2{margin:0;color:#25314a;font-size:15px}.plan-card p{min-height:33px;margin:7px 0;color:#75829a;font-size:10px;line-height:1.55}.plan-card>strong{display:block;margin:8px 0;color:#1d2943;font-size:21px}.plan-card>strong small{color:#8793a6;font-size:10px;font-weight:400}.plan-card ul{flex:1;margin:2px 0 13px;padding:0;list-style:none;color:#59677d;font-size:10px;line-height:2}.plan-card li{display:flex;align-items:center;gap:5px}.plan-card li svg{color:#51ad7e}.rule-list{padding:3px 15px 14px}.rule-list>div{display:flex;gap:8px;padding:10px 0;border-bottom:1px solid #edf0f5;color:#5b687d;font-size:10px;line-height:1.55}.rule-list>div:last-child{border-bottom:0}.rule-list svg{flex:none;color:#6874e5}.chart{display:flex;height:190px;align-items:end;gap:13px;margin:11px 15px 15px;padding:13px 4px 24px;border-bottom:1px solid #e5eaf2;background:repeating-linear-gradient(to top,transparent 0,transparent 37px,#eef1f7 38px)}.bar{position:relative;flex:1;min-width:18px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#6e70ea,#56a7e6)}.bar span{position:absolute;bottom:-19px;left:50%;color:#8794a8;font-size:9px;transform:translate(-50%);white-space:nowrap}.setting-list{padding:0 15px 13px}.setting-list label{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf0f5;color:#526077;font-size:11px}.switch{width:34px;height:19px;padding:2px;border:0;border-radius:20px;background:#cdd5e2;transition:.2s}.switch i{display:block;width:15px;height:15px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:#6471e4}.switch.on i{transform:translate(15px)}.customer-hero{display:flex;align-items:center;justify-content:space-between;min-height:194px;margin-bottom:11px;padding:24px 27px;overflow:hidden;border-radius:13px;color:#fff;background:linear-gradient(112deg,#1e2d5e,#4c5cda 58%,#5ab7ea)}.customer-hero>div:first-child{max-width:555px}.customer-hero span{color:#c9d8ff;font-size:10px;font-weight:600;letter-spacing:.5px}.customer-hero h1{margin:8px 0 0;font-size:24px;letter-spacing:-.6px}.customer-hero p{margin:8px 0 14px;color:#e1e9ff;font-size:12px;line-height:1.6}.customer-hero .button{border-color:#fff4;color:#fff;background:#ffffff18;box-shadow:none}.hero-orbit{display:grid;width:100px;height:100px;flex:none;place-items:center;margin-right:28px;border:1px solid #ffffff44;border-radius:50%;background:radial-gradient(circle,#ffffff3b 0 25%,transparent 26%);box-shadow:0 0 0 18px #ffffff10,0 0 0 36px #ffffff0b}.current-plan{padding:4px 15px 18px}.current-plan strong{display:block;color:#28354d;font-size:17px}.current-plan span{display:block;margin-top:8px;color:#5868dd;font-size:17px;font-weight:700}.current-plan p{color:#7d8aa0;font-size:10px}.row-actions{display:flex;gap:6px;align-items:center}.row-actions button{display:inline-flex;align-items:center;border:0;color:#5e6cde;background:transparent;font-size:9px}.docs pre{margin:0 15px 12px;padding:12px;overflow:auto;border-radius:8px;color:#dce6fa;background:#192641;line-height:1.65}.docs .button{margin:0 15px 15px}.modal-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:#13213b77;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(440px,100%);overflow:hidden;border-radius:13px;background:#fff;box-shadow:0 24px 60px #0d182d44}.modal>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #edf0f5}.modal h2{margin:0;color:#25314a;font-size:15px}.modal header button{display:grid;place-items:center;border:0;color:#78869d;background:transparent}.form{padding:16px 18px 18px}.form label{display:block;margin-bottom:12px;color:#4f5d73;font-size:11px;font-weight:600}.form input,.form select,.form textarea{width:100%;margin-top:6px;padding:9px 10px;border:1px solid #dce3ee;border-radius:7px;outline:0;color:#28354a;background:#fff;font-size:11px}.form textarea{resize:vertical;line-height:1.5}.form-inline-actions{display:flex;align-items:center;gap:9px;margin-top:-3px}.form-error{color:#b04d3a;font-size:10px;line-height:1.4}.form input:focus,.form select:focus,.form textarea:focus{border-color:#6872df;box-shadow:0 0 0 3px #6872df18}.form footer{display:flex;justify-content:end;gap:8px;margin-top:17px}.form-note{display:flex;gap:6px;padding:9px;border-radius:7px;color:#69768b;background:#f4f3ff;font-size:10px;line-height:1.5}.form-note svg{flex:none;color:#746ce2}.toast{position:fixed;z-index:30;right:24px;bottom:24px;display:flex;align-items:center;gap:8px;padding:11px 13px;border:1px solid #cfe7da;border-radius:9px;color:#245e46;background:#fff;box-shadow:0 12px 28px #27324b26;font-size:11px}.toast svg{color:#33aa76}.payment-channel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.payment-channel{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:17px;border:1px solid #f1cec0;border-radius:12px;background:#fffdfb;box-shadow:0 10px 24px #cf6a3a10}.payment-channel h2{margin:0;color:#2c2830;font-size:14px}.payment-channel p{margin:3px 0 0;color:#8c7b76;font-size:10px}.pay-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:#fff;font-size:15px;font-weight:700}.pay-icon.wechat{background:#22a879}.pay-icon.alipay{background:#367fee}.payment-detail{grid-column:span 3;display:flex;justify-content:space-between;padding-top:8px;border-top:1px solid #f2e7e2;color:#91817c;font-size:10px}.payment-detail strong{color:#554a48}.payment-channel .button{grid-column:span 3}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;padding:3px 15px 15px}.model-product{padding:13px;border:1px solid #f0d8ce;border-radius:10px;background:linear-gradient(145deg,#fff,#fff7f2)}.model-product-head{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center}.model-symbol{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;color:#c86242;background:#fde9df}.model-product h3{margin:0;color:#342b2d;font-size:11px}.model-product p{margin:3px 0 0;color:#997f77;font-size:8px}.model-list{display:flex;flex-wrap:wrap;gap:5px;min-height:46px;padding:11px 0}.model-list code{padding:4px 5px;border-radius:5px;color:#a95137;background:#fff1e9;font-size:8px}.model-footer{display:flex;align-items:center;justify-content:space-between;color:#8b7d78;font-size:9px}.model-footer .button{padding:6px 8px;font-size:9px}.payment-label{display:block;margin:2px 0 7px;color:#4f5d73;font-size:11px;font-weight:600}.payment-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.payment-options button{display:grid;grid-template-columns:28px 1fr;gap:0 7px;align-items:center;padding:9px;border:1px solid #e9ddd8;border-radius:8px;color:#4f5d73;text-align:left;background:#fff}.payment-options button.selected{border-color:#d46745;background:#fff7f2;box-shadow:0 0 0 3px #fbe4d9}.payment-options .pay-icon{grid-row:span 2;width:27px;height:27px;border-radius:7px;font-size:11px}.payment-options strong{font-size:10px}.payment-options small{color:#978783;font-size:8px}.content{background:radial-gradient(circle at 82% 4%,#fff1ea 0,transparent 24%),#fff}.sidebar{color:#5c646f;background:linear-gradient(180deg,#fffdfc,#fff4ee);border-right:1px solid #f1ddd3}.brand{color:#1d2533}.workspace{border-color:#f1d8cb;color:#5b6270;background:#fff;box-shadow:0 5px 14px #db755111}.workspace strong{color:#222938}.workspace small{color:#9a7c71}.nav-section{color:#a17a6d}.nav-item{color:#59616e}.nav-item:hover{color:#bd593b;background:#fff3ed}.brand-mark{background:linear-gradient(135deg,#d77a59,#c35332);box-shadow:0 6px 16px #d1633c55}.nav-item.active{color:#c3593a;background:linear-gradient(90deg,#ffebe1,#fff6f2);box-shadow:inset 3px 0 #d46947}.side-status{border-top-color:#f1ddd3;color:#9b786d}.side-status svg{color:#cf6747}.button{border-color:#c85d3c;background:linear-gradient(135deg,#dc7a57,#c85734);box-shadow:0 10px 19px #c9613d2e}.button.secondary{border-color:#f0cfc1;color:#bd593b;background:#fffdfb}.role-toggle button.active{background:#ce6544}.metric-head svg,.model-symbol{color:#cb6646}.customer-hero{color:#242b38;border:1px solid #f4cdbb;background:radial-gradient(circle at 88% 28%,#ffe5d8 0,transparent 19%),linear-gradient(112deg,#fff8f4,#ffebe1);box-shadow:0 12px 30px #d76c4420}.customer-hero span{color:#c25d3d}.customer-hero h1{color:#c75e3e}.customer-hero p{color:#687080}.customer-hero .button{border-color:#e9b7a4;color:#bd593b;background:#fffdfa}.hero-orbit{color:#cf6747;border-color:#f3bda8;background:radial-gradient(circle,#fffdfb 0 25%,transparent 26%);box-shadow:0 0 0 18px #fff8f3,0 0 0 36px #ffede4}.plan-card.featured{border-color:#e48360;box-shadow:0 11px 25px #cf69442c}.popular{color:#c15b3c;background:#ffe9df}.plan-card li svg,.rule-list svg{color:#cf6947}.text-btn,.row-actions button{color:#c05c3e}.status{color:#a95037;background:#ffede5}.status.violet{color:#b2573d;background:#fff0e8}.notice,.form-note{color:#765d56;background:#fff1ea}.notice svg,.form-note svg{color:#cf6947}.current-plan span{color:#c45f40}.form input:focus,.form select:focus,.form textarea:focus{border-color:#d46b48;box-shadow:0 0 0 3px #f3c7b718}.customer-shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);background:#fff}.customer-shell .sidebar,.customer-shell .topbar{display:none}.customer-shell .content{padding:0 28px 74px;background:radial-gradient(circle at 50% 14%,#fff6f1 0,transparent 30%),#fff}.customer-topbar{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;min-height:68px;padding:0 max(28px,calc((100vw - 1280px)/2));border-bottom:1px solid #f1e5df;color:#28303c;background:#fff;box-shadow:0 1px #fff}.customer-brand{display:flex;align-items:center;gap:10px;font-size:17px;letter-spacing:-.4px}.customer-brand .brand-mark{width:32px;height:32px;border:0;border-radius:10px;color:#fff}.customer-topbar nav{display:flex;align-items:stretch;align-self:stretch;gap:4px}.customer-topbar nav button{position:relative;min-width:66px;padding:0 14px;border:0;color:#58606d;background:transparent;font-size:13px;font-weight:500}.customer-topbar nav button:hover,.customer-topbar nav button.active{color:#c65d3d}.customer-topbar nav button.active:after{position:absolute;right:28px;bottom:0;left:28px;height:3px;border-radius:99px 99px 0 0;content:"";background:#cf6747}.customer-actions{display:flex;align-items:center;justify-content:end;gap:12px}.customer-email{max-width:170px;overflow:hidden;color:#786e6b;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.logout-btn{padding:7px 10px;border:1px solid #efd8cf;border-radius:8px;color:#b75b40;background:#fffaf8;font-size:13px;font-weight:800;cursor:pointer}.logout-btn:hover{border-color:#d16b4b;color:#963f27;background:#fff3ed}.portal-button{padding:8px 14px;border:1px solid #efd8ce;border-radius:9px;color:#b75638;background:#fffaf7;font-size:12px;font-weight:600}.portal-button:hover{border-color:#d87351;background:#fff0e9}.customer-avatar{display:grid;width:33px;height:33px;place-items:center;border-radius:50%;color:#fff;background:#d66d4a;box-shadow:0 5px 12px #ca674030;font-size:11px;font-weight:700}.customer-shell .page-header,.customer-shell .metrics,.customer-shell .customer-hero,.customer-shell .content>.panel,.customer-shell .two-col{width:min(1080px,100%);margin-right:auto;margin-left:auto}.customer-shell .page-header{align-items:center;margin-top:52px;margin-bottom:28px;text-align:center}.customer-shell .page-header>div{width:100%}.customer-shell .page-header h1{color:#1c2431;font-size:30px;letter-spacing:-1px}.customer-shell .page-header p{margin-right:auto;margin-left:auto;color:#7d7270;font-size:13px}.customer-shell .page-header>.button{flex:none}.customer-shell .metrics{gap:15px}.customer-shell .metric{border-color:#f0ddd5;border-radius:13px;background:#fffdfc;box-shadow:0 9px 24px #cf6a3a0d}.customer-shell .customer-hero{margin-bottom:17px;border-radius:16px}.customer-shell .two-col{gap:15px;margin-top:17px}.customer-shell .panel{border-color:#f0ded6;border-radius:14px;background:#fffdfc;box-shadow:0 9px 24px #cf6a3a0d}.customer-shell .content>.panel{margin-top:22px}.customer-shell .subscription-plan-grid{width:min(1020px,100%);grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:center;margin:0 auto 38px}.customer-shell .subscription-plan-grid .plan-card{min-height:466px;padding:31px 28px 27px;border-color:#f1d8ce;border-radius:20px;background:radial-gradient(circle at 100% 8%,#ffe8dd 0,transparent 37%),linear-gradient(145deg,#fff9f6,#fff1eb);box-shadow:0 17px 38px #c96e4720}.customer-shell .subscription-plan-grid .plan-card h2{color:#232b38;font-size:24px;text-align:center}.customer-shell .subscription-plan-grid .plan-card p{min-height:42px;color:#727786;font-size:12px;text-align:center}.customer-shell .subscription-plan-grid .plan-card>strong{margin:25px 0 23px;padding:23px 12px;border-radius:13px;color:#ce6544;background:#fffdfb;box-shadow:inset 0 0 0 1px #fff5f0;font-size:34px;text-align:center}.customer-shell .subscription-plan-grid .plan-card>strong small{color:#7d7d86;font-size:13px}.customer-shell .subscription-plan-grid .plan-card ul{margin:0 0 26px;color:#656d7a;font-size:12px;line-height:2.65}.customer-shell .subscription-plan-grid .plan-card li{gap:9px}.customer-shell .subscription-plan-grid .plan-card li svg{width:16px;height:16px;padding:3px;border-radius:50%;color:#d26b49;background:#ffe6db}.customer-shell .subscription-plan-grid .plan-card .button{width:100%;min-height:48px;border-radius:12px;font-size:14px}.customer-shell .subscription-plan-grid .plan-card.featured{position:relative;min-height:526px;border:2px solid #eca78f;background:#fff;box-shadow:0 21px 47px #bd624138;transform:translateY(-14px)}.customer-shell .subscription-plan-grid .plan-card.featured .popular{position:absolute;top:-18px;left:50%;margin:0;padding:8px 21px;border-radius:99px;color:#fff;background:linear-gradient(135deg,#e1845f,#c95938);box-shadow:0 9px 18px #c7644140;font-size:11px;font-weight:700;transform:translate(-50%)}.customer-shell .subscription-plan-grid .plan-card.featured h2{margin-top:30px;color:#d26a49}.customer-shell .subscription-plan-grid .plan-card.selected .button{border-color:#efd0c4;color:#b85a3b;background:#fff7f3}@media(max-width:860px){.customer-topbar{grid-template-columns:auto 1fr auto;padding:0 18px}.customer-topbar nav{justify-content:center;overflow-x:auto}.customer-topbar nav button{min-width:52px;padding:0 8px;font-size:12px}.customer-shell .subscription-plan-grid{grid-template-columns:1fr;max-width:410px}.customer-shell .subscription-plan-grid .plan-card.featured{transform:none}}@media(max-width:760px){.customer-email{display:none}.logout-btn{padding:6px 8px}}@media(max-width:560px){.customer-topbar{grid-template-columns:auto auto;min-height:60px}.customer-topbar nav{grid-column:1 / -1;grid-row:2;min-height:45px;justify-content:flex-start}.customer-actions .portal-button{display:none}.customer-shell .content{padding:0 16px 45px}.customer-shell .page-header{margin-top:37px;margin-bottom:24px}.customer-shell .page-header h1{font-size:25px}.customer-shell .metrics{grid-template-columns:1fr}.customer-shell .subscription-plan-grid .plan-card{min-height:0}}:root{font-size:15px}.app-shell{grid-template-columns:252px minmax(0,1fr)}.sidebar{padding:25px 16px 20px}.brand{padding-bottom:30px;font-size:18px}.workspace{margin-bottom:23px;padding:12px 13px}.workspace strong{font-size:14px}.workspace small{font-size:12px}.nav-section{margin-top:18px;font-size:12px}.nav-item{gap:11px;padding:11px;font-size:14px}.nav-item svg{width:17px;height:17px}.side-status{font-size:12px}.content{padding:23px 32px 45px}.topbar{min-height:40px;font-size:13px}.icon-btn{width:34px;height:34px}.avatar{width:32px;height:32px;font-size:12px}.page-header{margin-top:34px;margin-bottom:24px}.page-header h1{font-size:31px}.page-header p{margin-top:9px;font-size:15px}.button{min-height:39px;padding:10px 15px;font-size:14px}.metrics,.two-col,.payment-channel-grid{gap:15px}.metric{padding:18px;border-radius:13px}.metric-head{font-size:13px}.metric-head svg{width:18px;height:18px}.metric>strong{margin-top:11px;font-size:26px}.metric small{font-size:12px}.panel{border-radius:13px}.panel-head{padding:18px 18px 12px}.panel-head h2{font-size:17px}.panel-head p{font-size:13px;line-height:1.55}.text-btn,.task-list button{font-size:13px}.table-wrap{padding:0 18px 16px}table{font-size:13px}th{padding:11px 0}td{padding:14px 0}td small,code{font-size:11px}.status{padding:4px 8px;font-size:11px}.notice{margin:0 18px 18px;padding:13px;font-size:13px}.task-list,.health-list{padding:0 18px 14px}.task-list>div,.health-list>div{padding:13px 0;font-size:13px}.plan-card{min-height:305px;padding:21px}.plan-card h2{font-size:19px}.plan-card p,.plan-card ul{font-size:13px}.plan-card>strong{font-size:27px}.rule-list{padding:4px 18px 16px}.rule-list>div{padding:13px 0;font-size:13px}.model-product h3{font-size:14px}.model-product p,.model-list code,.model-footer{font-size:11px}.modal{width:min(620px,100%)}.modal>header{padding:19px 22px}.modal h2{font-size:18px}.form{padding:20px 22px 22px}.form label,.payment-label{margin-bottom:15px;font-size:14px}.form input,.form select,.form textarea{margin-top:7px;padding:11px 12px;font-size:14px}.form-note{padding:12px;font-size:13px}.payment-config-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;max-height:calc(100vh - 160px);overflow-y:auto}.payment-config-form .form-note,.payment-config-form footer{grid-column:1 / -1}.payment-config-form footer{padding-bottom:2px}.payment-channel{grid-template-columns:46px 1fr auto;padding:20px}.payment-channel h2{font-size:18px}.payment-channel p,.payment-detail{font-size:13px}.pay-icon{width:39px;height:39px;font-size:17px}.official-docs{display:flex;flex-wrap:wrap;gap:12px;padding:0 18px 18px}.official-docs a{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid #f0cfc1;border-radius:9px;color:#bd593b;background:#fffdfb;font-size:13px;font-weight:600;text-decoration:none}.official-docs a:hover{border-color:#d87554;background:#fff3ee}.customer-topbar nav button{font-size:15px}.customer-shell .page-header h1{font-size:34px}.customer-shell .page-header p{font-size:15px}.customer-shell .subscription-plan-grid .plan-card p,.customer-shell .subscription-plan-grid .plan-card ul{font-size:14px}.app-shell.customer-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.app-shell.customer-shell>.customer-topbar{grid-column:1;grid-row:1;position:sticky;top:0;z-index:10}.app-shell.customer-shell>.content{grid-column:1;grid-row:2}body{font-weight:500}button,input,select,textarea{font-weight:600}.nav-item,.customer-topbar nav button,.topbar,.workspace small,.page-header p,.panel-head p,.metric-head,.metric small,.notice,.rule-list>div,.task-list>div,.health-list>div,table,.payment-channel p,.payment-detail,.model-product p,.model-footer{font-weight:500}.nav-section,.workspace strong,.panel-head h2,th,.payment-channel h2,.form label,.payment-label,.text-btn,.row-actions button{font-weight:700}.app-shell *,.modal *,.toast *{font-weight:600}.app-shell h1,.app-shell h2,.app-shell h3,.app-shell h4,.app-shell strong,.app-shell th,.app-shell .nav-section,.app-shell .button,.app-shell .text-btn,.app-shell .row-actions button,.modal h2,.modal label,.modal .button{font-weight:700}.app-shell td,.app-shell td small,.app-shell code,.app-shell .status,.app-shell .metric small,.app-shell .payment-detail,.app-shell .model-footer{font-weight:600}:root{font-size:16px}.nav-item,.customer-topbar nav button{font-size:16px}.workspace strong{font-size:15px}.workspace small,.nav-section,.side-status,.topbar{font-size:13px}.page-header h1{font-size:34px}.page-header p,.panel-head p,.notice,.rule-list>div{font-size:15px}.button{min-height:43px;padding:11px 17px;font-size:15px}.metric-head{font-size:14px}.metric>strong{font-size:29px}.metric small{font-size:14px}.panel-head h2{font-size:19px}table{font-size:15px}th{padding:13px 0;font-size:15px}td{padding:17px 0;font-size:15px}td small,code{font-size:14px}.status{padding:5px 10px;font-size:13px}.row-actions{gap:10px}.row-actions button{min-height:32px;padding:4px 3px;font-size:14px}.row-actions button svg{width:17px;height:17px}.key-value{display:inline-flex;align-items:center;gap:10px;min-width:0}.key-copy{display:inline-grid;width:31px;height:31px;flex:none;place-items:center;padding:0;border:0;border-radius:7px;color:#c65d3d;background:#fff1ea}.key-copy:hover{color:#fff;background:#cf6747}.task-list>div,.health-list>div{font-size:14px}.plan-card h2{font-size:21px}.plan-card p,.plan-card ul,.model-product h3{font-size:14px}.model-product p,.model-list code,.model-footer{font-size:12px}.form label,.payment-label{font-size:15px}.form input,.form select,.form textarea{padding:12px 13px;font-size:15px}.form-note,.payment-channel p,.payment-detail{font-size:14px}.customer-shell .page-header h1{font-size:36px}.customer-shell .page-header p{font-size:16px}.customer-shell .subscription-plan-grid .plan-card p,.customer-shell .subscription-plan-grid .plan-card ul{font-size:15px}.auth-shell{display:grid;min-height:100vh;place-items:center;padding:28px;background:radial-gradient(circle at 76% 20%,#fff0e8 0,transparent 32%),linear-gradient(135deg,#fffdfa,#fff4ee)}.auth-card{width:min(460px,100%);padding:38px 42px 30px;border:1px solid #f0d7cc;border-radius:22px;background:#fff;box-shadow:0 24px 70px #c9694520}.auth-brand{display:flex;align-items:center;gap:10px;color:#202838;font-size:21px}.auth-brand .brand-mark{width:36px;height:36px;border:0;color:#fff}.auth-kicker{margin-top:42px;color:#c76445;font-size:12px;font-weight:800;letter-spacing:1.8px}.auth-card h1{margin:9px 0 0;color:#1f2938;font-size:31px;letter-spacing:-.8px}.auth-lead{margin:9px 0 24px;color:#776d6a;font-size:15px;line-height:1.6}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:21px;padding:4px;border-radius:10px;background:#fff4ef}.auth-tabs button{min-height:40px;border:0;border-radius:7px;color:#a38b83;background:transparent;font-size:15px;font-weight:700}.auth-tabs button.active{color:#bf5b3c;background:#fff;box-shadow:0 4px 12px #c86a4517}.auth-form label{display:block;margin-bottom:15px;color:#4b5563;font-size:14px;font-weight:700}.auth-form input{width:100%;margin-top:7px;padding:13px 14px;border:1px solid #efd8cf;border-radius:9px;outline:none;color:#263143;background:#fffdfc;font-size:15px;font-weight:600}.auth-form input:focus{border-color:#d16b4b;box-shadow:0 0 0 3px #f6d4c718}.auth-form .button{width:100%;margin-top:7px;min-height:47px;border-radius:10px;font-size:15px}.auth-error{margin:-3px 0 12px;color:#c94e4e;font-size:13px;font-weight:700}.demo-login{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:15px;padding:9px;border:0;color:#c15d3e;background:transparent;font-size:14px;font-weight:700}.demo-login:hover{color:#9f4328}.auth-note{display:flex;gap:7px;margin:22px 0 0;padding-top:17px;border-top:1px solid #f4e5df;color:#9a8882;font-size:12px;line-height:1.55}.auth-note svg{flex:none;color:#cd6949}.admin-auth-shell{background:radial-gradient(circle at 15% 15%,#344875 0,transparent 36%),linear-gradient(135deg,#101c34,#1d3153)}.admin-auth-card{border-color:#ffffff26;background:#fffffffa;box-shadow:0 28px 90px #07132780}.admin-auth-card .auth-brand .brand-mark{background:linear-gradient(135deg,#6f67e9,#4b9ce5)}.admin-auth-card .auth-kicker{color:#5f63d9}.admin-auth-card .button{border-color:#5966dd;background:linear-gradient(135deg,#6865e8,#4b86df)}.operator-email{max-width:190px;overflow:hidden;color:#7a88a1;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.operator-logout{padding:7px 10px;border:1px solid #dfe5ef;border-radius:8px;color:#65738b;background:#fff;font-size:12px;font-weight:700}.operator-logout:hover{border-color:#c7cdf1;color:#545cd1;background:#f7f7ff}@media(max-width:760px){.operator-email{display:none}.operator-logout{padding:6px 8px}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.content{padding:18px}.payment-config-form,.payment-channel-grid,.metrics,.two-col{grid-template-columns:1fr}}@media(max-width:900px){.model-grid,.payment-channel-grid{grid-template-columns:1fr}}@media(max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.route-flow{grid-template-columns:1fr 16px 1fr}.route-flow>:nth-child(n+5){display:none}.plan-grid{grid-template-columns:1fr}}@media(max-width:720px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.content{padding:15px}.topbar>span,.topbar .avatar{display:none}.page-header{align-items:flex-start;flex-direction:column;margin-top:21px}.two-col,.two-col.lower{grid-template-columns:1fr}.customer-hero{padding:22px}.hero-orbit{display:none}.role-toggle button{padding:5px 7px}}