.nav-billing{border:1px solid rgba(106,203,196,.35)!important;background:rgba(75,166,165,.1)!important;color:#d8f1ef!important}.nav-billing strong{font-size:inherit}
.billing-hero,.admin-hero{display:flex;align-items:center;justify-content:space-between;min-height:132px;background:#fff;border:1px solid var(--line);padding:27px 29px}.billing-hero h2,.admin-hero h2{font:400 28px "ZCOOL XiaoWei";margin:7px 0}.billing-hero p,.admin-hero p{font-size:11px;color:#73878d;margin:0}
.membership-current{min-width:270px;background:#103744;color:#fff;border-left:4px solid #65cbc5;padding:17px 20px}.membership-current>span,.membership-current>strong,.membership-current>small{display:block}.membership-current>span{font-size:9px;color:#80a1a8}.membership-current>strong{font:400 21px "ZCOOL XiaoWei";margin:5px 0}.membership-current>small{font-size:8px;color:#81a0a7}.membership-current>div{display:flex;justify-content:space-between;border-top:1px solid #30525d;margin-top:13px;padding-top:11px;font-size:9px}.membership-current b{font:600 13px "IBM Plex Mono";color:#7dd2cc}
.membership-compass{display:grid;grid-template-columns:245px 1fr;background:#123f4a;color:#fff;margin-top:14px;border-left:5px solid #68cdc6}.compass-intro{padding:22px 24px;border-right:1px solid rgba(255,255,255,.13)}.compass-intro h3{font:400 20px "ZCOOL XiaoWei";margin:7px 0}.compass-intro p{font-size:9px;color:#8eabb0;line-height:1.6;margin:0}.compass-path{display:grid;grid-template-columns:repeat(3,1fr)}.compass-path button{position:relative;text-align:left;border:0;border-right:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;padding:21px 19px;cursor:pointer}.compass-path button:last-child{border-right:0}.compass-path button::after{content:"→";position:absolute;right:14px;top:19px;color:#67cbc5;font:600 14px "IBM Plex Mono"}.compass-path button:hover,.compass-path button:focus-visible{background:#18515d;outline:0}.compass-path span,.compass-path strong,.compass-path small{display:block}.compass-path span{font:600 8px "IBM Plex Mono";color:#69cbc5}.compass-path strong{font-size:12px;margin:12px 0 7px}.compass-path small{font-size:8px;color:#8da9ae}
.plan-section{background:#fff;border:1px solid var(--line);margin-top:14px;padding:24px}.plan-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.plan-section-head h3{font-size:17px;margin:6px 0}.billing-cycle{display:flex;background:#edf3f2;padding:3px}.billing-cycle button{border:0;background:transparent;padding:9px 14px;font-size:10px;color:#6f8187;cursor:pointer}.billing-cycle button.active{background:#fff;color:#143c47;box-shadow:0 2px 7px rgba(17,53,64,.08)}.billing-cycle span{color:#13888a;font-size:8px;margin-left:3px}
.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.plan-card{position:relative;border:1px solid #d7e0df;background:#fbfcfc;padding:20px 18px;min-width:0;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.plan-card.recommended{border:2px solid #128c8d;background:#fff;color:#183e49;padding:19px 17px}.plan-card.current{box-shadow:inset 0 3px #153e49}.plan-card.plan-focus{border-color:#65c9c3;box-shadow:0 0 0 4px rgba(101,201,195,.2);transform:translateY(-3px)}.plan-ribbon{position:absolute;right:10px;top:-10px;background:#11898b;color:#fff;padding:5px 8px;font-size:8px}.plan-name>span{font-size:8px;color:#819196;line-height:1.5}.plan-name h3{font:400 20px "ZCOOL XiaoWei";margin:8px 0 6px}.plan-name p{min-height:33px;font-size:9px;line-height:1.55;color:#60767c;margin:0 0 12px}.plan-price{display:flex;align-items:end;gap:4px}.plan-price strong{font:600 26px "IBM Plex Mono";letter-spacing:-.04em}.plan-price span{font-size:9px;color:#7c8c91;padding-bottom:4px}.plan-equivalent{height:15px;color:#568084;font-size:8px;margin:5px 0 14px}.plan-limit{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;border-top:1px solid #e2e8e7;border-bottom:1px solid #e2e8e7;padding:10px 0}.plan-limit span{font-size:7px;color:#839196}.plan-limit b{display:block;font:600 12px "IBM Plex Mono";color:#183e49;margin-bottom:3px}.plan-card ul{list-style:none;padding:0;margin:14px 0;min-height:116px}.plan-card li{font-size:9px;color:#596f76;margin:0 0 8px}.plan-card li::first-letter{color:#16898a}.plan-buy{width:100%;height:39px}.plan-buy:disabled{opacity:.62;cursor:not-allowed}
.benefit-compare{background:#103744;color:#fff;margin-top:14px;padding:25px}.benefit-compare>div:first-child{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:end;margin-bottom:18px}.benefit-compare h3{font:400 20px "ZCOOL XiaoWei";line-height:1.4;margin:5px 0}.benefit-compare>div:first-child p{font-size:9px;line-height:1.7;color:#83a1a8;margin:0}.benefit-table{background:#fff;color:#183b45;overflow-x:auto}.benefit-row{display:grid;grid-template-columns:120px repeat(4,minmax(125px,1fr));min-width:670px;border-bottom:1px solid #e1e7e6;padding:0;font-size:9px}.benefit-row>*{padding:11px 12px;border-right:1px solid #edf1f0}.benefit-row>*:last-child{border-right:0}.benefit-row.head{background:#eaf2f1;color:#6f8489}.benefit-row.head span:nth-child(4){background:#d9efec;color:#106f71;font-weight:700}.benefit-row strong{font-size:9px;background:#f8faf9}.benefit-row span:nth-child(4){color:#147f80;font-weight:600;background:#f3fbfa}
.wallet-orders{display:grid;grid-template-columns:.85fr 1.15fr;gap:14px;margin-top:14px}.wallet-card,.order-card{background:#fff;border:1px solid var(--line);padding:22px}.wallet-card h3,.order-card h3{font-size:16px;margin:6px 0}.wallet-card p{font-size:9px;color:#7c8c91}.topup-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:17px 0}.topup-options button{border:1px solid #cfdcda;background:#f8fbfa;padding:12px 5px;cursor:pointer}.topup-options strong,.topup-options span{display:block}.topup-options strong{font:600 14px "IBM Plex Mono";color:#183c46}.topup-options span{font-size:8px;color:#168688;margin-top:4px}.wallet-card form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px}.wallet-card label{font-size:9px;color:#6e8187}.wallet-card input{display:block;margin-top:5px;width:100%;height:39px;box-sizing:border-box;border:1px solid #cfdbda;padding:0 10px}.order-card-head,.admin-panel-head{display:flex;justify-content:space-between;align-items:flex-start}.order-card-head>span,.admin-panel-head>span{font-size:8px;color:#7d9095}.order-list,.admin-order-list{margin-top:14px;border-top:1px solid var(--line)}.order-list article,.admin-order-list article{display:grid;grid-template-columns:1fr auto 60px;gap:12px;align-items:center;padding:12px 2px;border-bottom:1px solid var(--line)}.order-list strong,.order-list small,.admin-order-list strong,.admin-order-list small{display:block}.order-list strong,.admin-order-list strong{font-size:10px}.order-list small,.admin-order-list small{font:8px "IBM Plex Mono";color:#95a2a5;margin-top:4px}.order-list>article>span,.admin-order-list>article>span{font:600 11px "IBM Plex Mono"}.order-list em,.admin-order-list em{font-style:normal;font-size:8px;padding:4px 7px;text-align:center}.order-list em.paid,.admin-order-list em.paid{background:#ddf3eb;color:#21765d}.order-list em.pending,.admin-order-list em.pending{background:#fff0ce;color:#8f6519}.billing-empty{padding:28px 10px;color:#869599;font-size:10px;text-align:center}
.billing-dialog{width:min(500px,calc(100vw - 30px));border:0;padding:0;box-shadow:0 28px 90px rgba(12,42,51,.3)}.billing-dialog::backdrop{background:rgba(11,36,44,.7);backdrop-filter:blur(3px)}#billingCheckoutContent{padding:26px}.checkout-head{display:flex;justify-content:space-between}.checkout-head h3{font:400 24px "ZCOOL XiaoWei";margin:6px 0}.checkout-head button{border:0;background:transparent;font-size:24px;color:#789096;cursor:pointer}.checkout-amount{background:#103744;color:#fff;padding:20px;margin:17px 0}.checkout-amount span,.checkout-amount strong,.checkout-amount small{display:block}.checkout-amount span{font-size:9px;color:#8dabaf}.checkout-amount strong{font:600 31px "IBM Plex Mono";color:#81d4ce;margin:8px 0}.checkout-amount small{font:8px "IBM Plex Mono";color:#789aa1}.checkout-channel{display:flex;justify-content:space-between;border:1px solid #d6e0df;padding:13px;font-size:10px}.checkout-note{background:#eff7f6;color:#5a747b;font-size:9px;line-height:1.6;padding:11px 13px;margin-top:11px}.checkout-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.admin-hero{border-left:5px solid #193e49}.admin-mode{padding:8px 11px;background:#e9f3f2;color:#167b7d;font:9px "IBM Plex Mono"}.admin-metrics{display:grid;grid-template-columns:repeat(5,1fr);background:#103744;color:#fff}.admin-metrics div{padding:18px 20px;border-right:1px solid #2b4e58}.admin-metrics span,.admin-metrics strong{display:block}.admin-metrics span{font-size:8px;color:#88a4aa}.admin-metrics strong{font:600 20px "IBM Plex Mono";color:#82d0cb;margin-top:7px}.admin-panel{background:#fff;border:1px solid var(--line);padding:22px;margin-top:14px}.admin-panel-head h3{font-size:16px;margin:6px 0}.admin-user-table{margin-top:15px;overflow:auto}.admin-user-row{display:grid;grid-template-columns:1.2fr .65fr .55fr .65fr 1.3fr;gap:12px;align-items:center;min-width:860px;padding:11px 10px;border-top:1px solid var(--line);font-size:9px}.admin-user-row.head{background:#f3f7f6;color:#788b91}.admin-user-row strong,.admin-user-row small{display:block}.admin-user-row strong{font-size:10px}.admin-user-row small{font-size:8px;color:#8d9c9f;margin-top:4px}.admin-plan-tag{color:#147e80;font-weight:700}.admin-plan-edit{display:grid;grid-template-columns:1fr 72px 48px;gap:5px}.admin-plan-edit select,.admin-plan-edit button{height:30px;border:1px solid #cfdbda;background:#fff;font-size:8px}.admin-plan-edit button{background:#153f4a;color:#fff;cursor:pointer}.admin-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.merchant-form label{display:block;font-size:9px;color:#657b82;margin:12px 0}.merchant-form input,.merchant-form select{display:block;width:100%;box-sizing:border-box;height:38px;border:1px solid #cfdbda;margin-top:5px;padding:0 10px}.merchant-switches{display:flex;gap:12px}.merchant-switches label{display:flex;align-items:center;gap:6px}.merchant-switches input{width:14px;height:14px;margin:0}.merchant-form>p{font-size:8px;line-height:1.6;color:#859499;background:#f4f7f7;padding:10px}.merchant-form .primary-btn{margin-top:5px}
@media(max-width:1100px){.plan-grid{grid-template-columns:1fr 1fr}.plan-card ul{min-height:0}.admin-lower-grid{grid-template-columns:1fr}.membership-compass{grid-template-columns:220px 1fr}}
@media(max-width:760px){.billing-hero,.admin-hero{display:block}.membership-current{margin-top:18px}.membership-compass{grid-template-columns:1fr}.compass-intro{border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}.compass-path{grid-template-columns:1fr}.compass-path button{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.plan-section-head{display:block}.billing-cycle{margin-top:14px}.plan-grid{grid-template-columns:1fr}.benefit-compare>div:first-child{display:block}.wallet-orders{grid-template-columns:1fr}.admin-metrics{grid-template-columns:1fr 1fr}.admin-metrics div:last-child{grid-column:1/-1}.checkout-actions{flex-direction:column}.checkout-actions button{width:100%}}
.topup-options{grid-template-columns:repeat(4,1fr)}
.plan-grid .plan-card.recommended .plan-price strong{display:block!important;color:#183e49!important;opacity:1!important;visibility:visible!important}
.topup-options button:hover{border-color:#16898a;background:#eaf7f5}
.wallet-limit-note{display:block;margin-top:10px;font-size:8px;color:#8a999d;line-height:1.5}
@media(max-width:520px){.topup-options{grid-template-columns:repeat(2,1fr)}}