:root{--bg:#090b0e;--panel:#101319;--panel2:#151922;--line:#242a35;--text:#f4f7fb;--muted:#7f899a;--accent:#6d5df2;--green:#62c99d}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif}button,input{font:inherit}.hidden{display:none!important}
.dev-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.dev-sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:#0c0f13;padding:20px;display:flex;flex-direction:column}.dev-brand{display:flex;align-items:center;gap:11px;padding-bottom:24px}.mark{width:39px;height:39px;border:1px solid #6f60c9;background:#171427;border-radius:11px;display:grid;place-items:center;font-weight:900}.dev-brand>div:last-child{display:flex;flex-direction:column}.dev-brand span{font-size:10px;color:var(--muted);margin-top:2px}.dev-sidebar nav{display:grid;gap:5px}.dev-sidebar nav button{border:0;background:transparent;color:#9099a9;text-align:left;padding:11px 12px;border-radius:9px;cursor:pointer}.dev-sidebar nav button.active,.dev-sidebar nav button:hover{background:#171b24;color:#fff}.dev-side-actions{margin-top:auto;border-top:1px solid var(--line);padding-top:15px}.dev-side-actions a{color:#aab2c0;text-decoration:none;font-size:12px}.dev-main{min-width:0}.dev-header{height:90px;border-bottom:1px solid #181d25;padding:0 30px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:9px;letter-spacing:.18em;color:#9180ee;font-weight:900}.dev-header h1{margin:5px 0 0;font-size:25px}.profile-badge{border:1px solid #343a47;background:#151922;border-radius:999px;padding:7px 11px;font-size:11px}.content{padding:28px 30px 70px;max-width:1280px}.loading,.empty{color:var(--muted);padding:30px;text-align:center}.hero-card,.card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:20px;margin-bottom:16px}.hero-card{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#121622,#101a18)}.hero-card h2{font-size:27px;margin:6px 0}.hero-card p,.card p{color:var(--muted);line-height:1.6}.primary,.secondary{border:0;border-radius:9px;padding:9px 13px;cursor:pointer;font-weight:750}.primary{background:#6d5df2;color:#fff}.secondary{background:#171b23;color:#dfe3ec;border:1px solid #343b49}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:16px}.stat span{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}.stat b{font-size:20px}.stat b.small{font-size:14px}.card-head,.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.card-head h3,.section-head h2{margin:0}.card-head span,.section-head p{color:var(--muted);font-size:11px}.section-head{margin:0 0 16px}.meter{height:10px;background:#1b2029;border-radius:999px;overflow:hidden;margin:14px 0 8px}.meter i{display:block;height:100%;background:linear-gradient(90deg,#4c9d78,#70d2a3);border-radius:999px}.muted{color:var(--muted);font-size:11px}.code-block{border:1px solid #252b36;border-radius:11px;overflow:hidden;background:#0a0d11;margin-top:12px}.code-head{display:flex;justify-content:space-between;align-items:center;padding:8px 11px;background:#13171e;border-bottom:1px solid #252b36;color:#8e98aa;font-size:10px}.code-head button{background:none;border:0;color:#bcaeff;cursor:pointer}.code-block pre{margin:0;padding:14px;overflow:auto;color:#dfe5ef;font-size:12px;line-height:1.6}.key-list{display:grid;gap:8px}.key-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid #252b36;border-radius:10px}.key-row>div:first-child{display:grid;gap:4px}.key-row code{font-size:11px;color:#aab4c4}.key-row span{font-size:10px;color:var(--muted)}.key-row.revoked{opacity:.52}.revoked-label{color:#b08c91}.notice{border:1px solid #344139;background:#101914;border-radius:12px;padding:13px;color:#a5c9b8;font-size:12px;margin-top:14px}.table-wrap{overflow:auto;border:1px solid #242a35;border-radius:11px}table{width:100%;border-collapse:collapse;font-size:11px}th,td{padding:10px;border-bottom:1px solid #202630;text-align:left;white-space:nowrap}th{background:#141820;color:#8993a3}td code{color:#bac3d3}.docs-layout{display:grid;gap:14px}.endpoint{display:flex;align-items:center;gap:9px;margin:12px 0}.method{font-size:10px;background:#143323;color:#78d9a5;border-radius:6px;padding:5px 7px}.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.doc-grid span{padding:10px;border:1px solid #252b36;border-radius:9px;color:#aab3c2;font-size:11px}.doc-grid b{color:#fff;margin-right:6px}.steps{display:grid;gap:10px}.steps>div{display:flex;align-items:center;gap:12px;padding:10px;border-bottom:1px solid #202630}.steps b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#1b2130;color:#b9abff}.modal-backdrop{position:fixed;inset:0;background:#000a;z-index:80}.key-modal{position:fixed;z-index:81;top:50%;left:50%;transform:translate(-50%,-50%);width:min(650px,calc(100vw - 30px));background:#101319;border:1px solid #2b3240;border-radius:15px;padding:20px}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h3{margin:0}.modal-head button{border:0;background:none;color:#999;font-size:24px;cursor:pointer}.key-modal code{display:block;word-break:break-all;background:#090c10;border:1px solid #26302d;padding:12px;border-radius:10px;color:#a9e2c7}.modal-actions{display:flex;justify-content:flex-end;margin-top:14px}.toast{position:fixed;z-index:120;top:18px;left:50%;transform:translate(-50%,-20px);opacity:0;background:#171c24;border:1px solid #343b49;border-radius:9px;padding:10px 14px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{border-color:#73323d;color:#ffb5be}.error-card{color:#ffadb6}
@media(max-width:900px){.dev-shell{grid-template-columns:1fr}.dev-sidebar{position:relative;height:auto}.dev-sidebar nav{grid-template-columns:repeat(2,1fr)}.dev-side-actions{margin-top:16px}.stats{grid-template-columns:repeat(2,1fr)}.content{padding:18px}.dev-header{padding:0 18px}.doc-grid{grid-template-columns:1fr}}
@media(max-width:600px){.stats{grid-template-columns:1fr}.hero-card,.section-head{align-items:flex-start;flex-direction:column}.dev-sidebar nav{grid-template-columns:1fr}}

.billing-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.billing-plan-card{display:flex;flex-direction:column;align-items:flex-start}.billing-price{font-size:23px;font-weight:850;margin:7px 0}.billing-plan-card .primary{margin-top:auto}@media(max-width:900px){.billing-plan-grid{grid-template-columns:1fr}}


/* Billing packages v2 */
.billing-rule-note{border:1px solid #2a3642;background:#101721;color:#9eacbd;border-radius:11px;padding:11px 13px;margin-bottom:15px;font-size:11px}
.billing-plan-grid-v2{align-items:stretch}
.billing-plan-card.current{border-color:#4d7865;box-shadow:0 0 0 1px #315544 inset}
.billing-plan-top{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.current-plan{font-size:9px;border:1px solid #35634e;background:#10291e;color:#89d7ad;padding:5px 7px;border-radius:999px}
.billing-price small{font-size:10px;color:#7f899a;font-weight:500}
.package-specs{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%;margin:10px 0}
.package-specs span{border:1px solid #242b36;border-radius:8px;padding:8px;color:#8f99aa;font-size:10px}
.package-specs b{display:block;color:#eef1f6;font-size:12px;margin-bottom:3px}
.package-features{list-style:none;padding:0;margin:6px 0 16px;display:grid;gap:7px;color:#aab4c2;font-size:11px}


/* Billing package display v2.2 */
.billing-plan-grid-v22{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.billing-plan-card-v22{min-height:100%;display:flex;flex-direction:column}
.package-description{min-height:44px;margin:7px 0 10px;color:#9ca7b7!important}
.billing-price-v22{display:flex;align-items:baseline;gap:5px;margin:8px 0 12px}
.billing-price-v22 small{font-size:11px;color:#7f899a}
.package-period{display:flex;align-items:center;justify-content:space-between;border:1px solid #29313d;background:#0d1117;border-radius:9px;padding:9px 11px;margin-bottom:10px}
.package-period span{font-size:10px;color:#7f899a}.package-period b{font-size:12px}
.package-specs-v22{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}
.package-specs-v22 span{min-height:54px}
.feature-title{font-size:10px;letter-spacing:.04em;color:#9ca7b7;margin:3px 0 9px;font-weight:700}
.package-features li{display:flex;gap:8px;align-items:flex-start}
.package-features li span{color:#69c99b;font-weight:900}
.package-action{margin-top:auto;padding-top:8px}
.billing-hero-v22{margin-bottom:14px}
@media(max-width:700px){.package-specs-v22{grid-template-columns:1fr}}

.wallet-topup-grid{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.wallet-custom{display:flex;gap:8px}.wallet-custom input{width:150px;background:#0c1015;color:#fff;border:1px solid #29313d;border-radius:9px;padding:9px}

/* v16.6 Developer Portal visual system */
:root{--accent:#8e6cff;--panel:#10141c;--panel2:#151a24;--line:#252d3a}.dev-shell{grid-template-columns:286px minmax(0,1fr);background:radial-gradient(circle at 85% -10%,rgba(92,70,230,.12),transparent 28%),var(--bg)}.dev-sidebar{padding:22px 16px;background:linear-gradient(180deg,#0c1017,#0a0d12)}.dev-brand-wrap{padding:4px 8px 22px}.dev-brand{padding:0;gap:12px}.mark{width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#271956,#0d1019);background-size:cover;background-position:center}.mark.has-logo{color:transparent}.dev-return{display:inline-flex;margin-top:15px;color:#adb6c7;text-decoration:none;font-size:12px;border:1px solid #293241;border-radius:9px;padding:8px 10px}.dev-return:hover{color:#fff;background:#171d28}.dev-sidebar nav{gap:4px}.dev-sidebar nav button{font-size:13px;padding:12px 13px}.dev-sidebar nav button.active{background:linear-gradient(90deg,rgba(142,108,255,.19),rgba(142,108,255,.05));box-shadow:inset 2px 0 0 var(--accent)}.dev-header{height:104px;padding:0 36px;background:rgba(10,13,18,.72);backdrop-filter:blur(12px)}.content{max-width:1360px;padding:34px 36px 80px}.hero-card{border-color:#303a4c;border-radius:19px;padding:26px;background:linear-gradient(120deg,rgba(29,25,54,.94),rgba(13,28,30,.94))}.hero-card h2{letter-spacing:-.04em}.card{border-radius:16px;background:linear-gradient(155deg,#11161f,#0e1219)}.stat{border-radius:15px;background:linear-gradient(155deg,#121722,#0e1219)}.primary{background:linear-gradient(105deg,#9270ff,#5ba7ee);box-shadow:0 8px 22px rgba(104,79,235,.24)}.wordpress-guide{border-color:rgba(143,111,255,.42);background:linear-gradient(145deg,rgba(32,25,57,.9),#10151e)}.card-kicker{font-size:10px;letter-spacing:.16em;font-weight:900;color:#b5a2ff}.steps.compact{margin-top:16px}.steps.compact>div:last-child{border-bottom:0}@media(max-width:900px){.dev-shell{grid-template-columns:1fr}.dev-sidebar{position:relative}.dev-header{padding:0 20px}.content{padding:22px 18px}}