.billing-main{padding-bottom:80px}.billing-notice{margin:0 0 16px;padding:13px 15px;border:1px solid #bfdcbf;border-radius:7px;background:#eff9ef;color:#285f30;font-size:13px}.billing-notice.error{border-color:#eccac4;background:#fff2ef;color:#8b3e35}.balance-hero{display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,460px);gap:42px;align-items:center;padding:34px;border:1px solid #dfe4dc;border-radius:8px;background:#17201a;color:#fff}.balance-hero>div>span,.billing-section header span{font-size:10px;font-weight:900;letter-spacing:.14em}.balance-hero>div>span{color:#98aaa0}.balance-hero>div>strong{display:block;margin:14px 0 8px;font-size:48px;line-height:1}.balance-hero>div>p{margin:0;color:#bfc9c2;font-size:13px}.balance-hero form{padding-left:34px;border-left:1px solid #3a463e}.balance-hero label{display:block;margin-bottom:8px;color:#c9d2cb;font-size:11px;font-weight:800}.topup-control{display:grid;grid-template-columns:minmax(0,1fr) 30px auto;align-items:center;overflow:hidden;border:1px solid #536158;border-radius:7px;background:#fff}.topup-control input{min-width:0;height:48px;padding:0 0 0 14px;border:0;outline:0;font-size:20px;font-weight:800}.topup-control span{color:#555f58;font-weight:800}.topup-control button{height:48px;padding:0 17px;border:0;background:#45d858;color:#101712;font-weight:900;cursor:pointer}.topup-control button:disabled{background:#d8ded8;color:#7c857e;cursor:default}.quick-amounts{display:flex;gap:6px;margin-top:8px}.quick-amounts button{padding:7px 9px;border:1px solid #536158;border-radius:6px;background:transparent;color:#dbe2dd;font-size:10px;cursor:pointer}.balance-hero form>small{display:block;margin-top:10px;color:#9eaba2;font-size:10px;line-height:1.45}.balance-reminder{display:flex;gap:18px;align-items:center;margin-top:12px;padding:13px 16px;border-left:3px solid #d3a63f;background:#fff9e9}.balance-reminder b{font-size:12px;white-space:nowrap}.balance-reminder span{color:#6f736e;font-size:11px;line-height:1.45}.billing-section{margin-top:28px;padding-top:24px;border-top:1px solid #dfe4dc}.billing-section header{display:flex;justify-content:space-between;margin-bottom:16px}.billing-section header span{color:#899089}.billing-section h2{margin:6px 0 0;font-size:24px}.plan-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.plan-item{min-height:210px;display:flex;flex-direction:column;padding:20px;border:1px solid #dfe4dc;border-radius:7px;background:#fff}.plan-kind{width:max-content;padding:5px 7px;border-radius:5px;background:#e9f5e8;color:#397042;font-size:9px;font-weight:900}.plan-item:nth-child(2n) .plan-kind{background:#edf0f8;color:#4e5f84}.plan-item h3{margin:18px 0 7px;font-size:18px}.plan-item p{margin:0;color:#727972;font-size:11px;line-height:1.55}.plan-item>div:last-child{margin-top:auto;padding-top:18px;border-top:1px solid #edf0eb}.plan-item strong,.plan-item span{display:block}.plan-item strong{font-size:22px}.plan-item span{margin-top:4px;color:#7c837d;font-size:10px}.discount-line{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid #e8ebe6;font-size:12px}.discount-line span{color:#657068}.billing-history,.admin-account-table,.admin-ledger{overflow-x:auto}.history-head,.history-row{display:grid;grid-template-columns:130px minmax(250px,1fr) 130px 130px;align-items:center;min-width:680px}.history-head{padding:8px 12px;color:#8a918b;font-size:9px;font-weight:900;text-transform:uppercase}.history-row{padding:13px 12px;border-top:1px solid #e5e9e3;font-size:11px}.history-row time,.history-row>span:last-child{color:#727a73}.history-row b,.history-row small{display:block}.history-row small{margin-top:4px;color:#929893;font-size:9px}.plus{color:#287b37}.minus{color:#a1483e}.billing-empty{padding:28px;color:#7b837c;font-size:12px;text-align:center}.billing-empty.large{margin-top:20px;padding:70px 20px;border:1px solid #dfe4dc;background:#fff}.billing-empty.large h2{color:#1c211d}

.billing-admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.billing-admin-stats article{padding:18px;border:1px solid #dfe4dc;border-radius:7px;background:#fff}.billing-admin-stats span,.billing-admin-stats small,.billing-admin-stats strong{display:block}.billing-admin-stats span{color:#7d857e;font-size:10px}.billing-admin-stats strong{margin:9px 0 5px;font-size:23px}.billing-admin-stats small{color:#969d97;font-size:9px}.billing-admin-stats article.ready{border-color:#bcdcbc;background:#f1faf0}.billing-admin-stats article.setup{border-color:#e7d4a9;background:#fff9e9}.billing-actions{margin-top:16px}.billing-register .panel-title{align-items:end}.table-search{display:grid;gap:5px;color:#808780;font-size:9px}.table-search input{width:230px;height:36px;padding:0 10px;border:1px solid #dce1da;border-radius:6px}.admin-account-head,.admin-account-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,1.4fr) 130px 150px;align-items:center;gap:12px;min-width:760px}.admin-account-head{padding:8px;color:#8c938d;font-size:9px;font-weight:900;text-transform:uppercase}.admin-account-row{padding:13px 8px;border-top:1px solid #e7ebe5;font-size:11px}.admin-account-row b,.admin-account-row small{display:block}.admin-account-row small{margin-top:4px;color:#909791;font-size:9px}.admin-account-row>span:nth-child(2){display:flex;flex-wrap:wrap;gap:4px}.admin-account-row>span:nth-child(2) i{padding:4px 6px;border-radius:4px;background:#eff2ee;font-size:9px;font-style:normal}.admin-plan-row{display:grid;grid-template-columns:55px minmax(240px,1fr) 130px 70px;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #e7ebe5}.admin-plan-row:first-child{border-top:0}.admin-plan-row .plan-format{display:grid;width:44px;height:34px;place-items:center;border-radius:5px;background:#edf5eb;color:#34713d;font-size:9px;font-weight:900}.admin-plan-row b,.admin-plan-row small{display:block}.admin-plan-row small{margin-top:4px;color:#858c86;font-size:9px}.admin-plan-row form button{padding:6px 8px;border:1px solid #dce1da;border-radius:6px;background:#fff;font-size:9px;cursor:pointer}.ledger-head,.ledger-row{display:grid;grid-template-columns:125px 60px minmax(230px,1fr) 120px 120px;align-items:center;gap:10px;min-width:720px}.ledger-head{padding:8px;color:#8c938d;font-size:9px;font-weight:900;text-transform:uppercase}.ledger-row{padding:12px 8px;border-top:1px solid #e7ebe5;font-size:10px}.ledger-row time{color:#747c75}.billing-dialog{border-radius:8px}.billing-dialog.order-dialog{width:min(620px,calc(100% - 28px))}

@media(max-width:900px){.balance-hero{grid-template-columns:1fr;gap:24px}.balance-hero form{padding:24px 0 0;border-top:1px solid #3a463e;border-left:0}.plan-list{grid-template-columns:1fr 1fr}.billing-admin-stats{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.balance-hero{padding:22px}.balance-hero>div>strong{font-size:38px}.topup-control{grid-template-columns:minmax(0,1fr) 24px}.topup-control button{grid-column:1/-1;width:100%}.quick-amounts{overflow:auto}.balance-reminder{display:block}.balance-reminder span{display:block;margin-top:5px}.plan-list,.billing-admin-stats{grid-template-columns:1fr}.history-head,.history-row{grid-template-columns:100px minmax(180px,1fr) 110px}.history-head span:last-child,.history-row>span:last-child{display:none}.billing-actions{overflow:auto}.billing-actions button{white-space:nowrap}.admin-plan-row{grid-template-columns:45px minmax(170px,1fr) 100px}.admin-plan-row form{grid-column:2}.table-search input{width:150px}}