.billing-workspace{max-width:1240px;margin:0 auto;min-width:0}
.billing-current{padding:30px 34px;border-radius:22px;background:#173f49;color:#fff;position:relative;overflow:hidden}
.billing-current-heading,.billing-current-main,.billing-usage-label{display:flex;justify-content:space-between;gap:20px;align-items:center}
.billing-kicker{color:#a4c7c8;font-size:10px;letter-spacing:.16em}
.billing-current h2{font-size:28px;margin:10px 0 0;color:#fff;overflow-wrap:anywhere}
.billing-current-symbol{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border:1px solid #ffffff26;border-radius:18px;background:#ffffff0c;flex:none;color:#74dce2}
.billing-current-symbol .icon{width:30px;height:30px}
.billing-current-main{margin:25px 0 24px;align-items:flex-end}
.billing-current-main>div>span{display:block;color:#b0cbcc;font-size:12px;margin-bottom:5px}
.billing-current-main>div>strong{font-size:44px;letter-spacing:-.06em;line-height:1.2}
.billing-status{display:flex;align-items:center;gap:7px;border:1px solid #ffffff20;border-radius:30px;padding:7px 12px;font-size:11px;color:#d5efe0;background:#ffffff09}
.billing-status .icon{height:15px;width:15px}
.billing-usage-label{font-size:12px;color:#b8d0d0;margin-bottom:11px;flex-wrap:wrap}
.billing-usage-label strong{color:#fff;margin-left:6px;font-weight:600}
.billing-usage-bar{display:block;appearance:none;border:0;width:100%;height:8px;border-radius:20px;overflow:hidden;background:#ffffff20;color:#67d3d6}
.billing-usage-bar::-webkit-progress-bar{background:#ffffff20;border-radius:20px}
.billing-usage-bar::-webkit-progress-value{background:#67d3d6;border-radius:20px}
.billing-usage-bar::-moz-progress-bar{background:#67d3d6;border-radius:20px}
.billing-current-meta{display:flex;gap:30px;flex-wrap:wrap;padding-top:22px;margin-top:22px;border-top:1px solid #ffffff20}
.billing-current-meta>div{min-width:0;flex:1}.billing-current-meta span{display:block;color:#b8d0d0;font-size:11px;margin-bottom:5px}.billing-current-meta strong{font-size:14px;overflow-wrap:anywhere}
.billing-account-links{display:flex;justify-content:flex-end;gap:24px;padding:20px 0 34px}
.billing-account-links a{display:flex;align-items:center;gap:8px;font-size:12px;color:#3c6e73}.billing-account-links .icon{width:17px;height:17px}.billing-account-links a:hover{text-decoration:underline}
.billing-recommend-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.billing-recommend-head>div{min-width:0}
.billing-recommend-head h2{font-size:26px;margin:9px 0}.billing-recommend-head p{color:var(--muted);font-size:12px}.billing-recommend-head>.btn{flex:none}
.billing-period-row{display:flex;align-items:center;gap:22px;justify-content:space-between;margin-bottom:23px}.billing-period-row .segmented{flex:none;margin:0}.billing-period-row p{font-size:11px;color:var(--muted);max-width:460px}
.billing-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.billing-plan-card{min-width:0;border:1px solid #dce3d7;border-radius:18px;background:#fffefa;padding:24px;display:flex;flex-direction:column;overflow-wrap:anywhere}
.billing-plan-card.suggested{border-color:#538880;background:#f3f7ee;box-shadow:0 6px 24px #173f4908}
.billing-card-kicker{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#59817e;font-size:9px;letter-spacing:.05em;min-height:25px}.billing-card-kicker .icon{width:19px;height:19px;flex:none}
.billing-plan-card h3{font-size:20px;margin:18px 0 8px}.billing-card-capacity{font-size:36px;font-weight:650;letter-spacing:-.05em}.billing-capacity-gain{font-size:11px;color:#5b8179;margin:6px 0 20px;min-height:18px}
.billing-card-price{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}.billing-card-price strong{font-size:25px;letter-spacing:-.04em}.billing-card-price span{font-size:12px;color:var(--muted)}
.billing-price-note{font-size:10px;color:var(--muted);display:block;margin:5px 0 20px}
.billing-plan-card>.btn{width:100%;white-space:normal;min-height:44px}.billing-plan-card>.btn:disabled{opacity:1;color:#78908b;background:#f1f3ed;border-color:#e0e5dc}
.billing-plan-card ul{list-style:none;display:grid;gap:12px;padding:20px 0 0;margin:20px 0 0;border-top:1px solid #e1e7db;font-size:11px;color:#66807b}.billing-plan-card li{display:flex;align-items:flex-start;gap:8px}.billing-plan-card li .icon{width:15px;height:15px;flex:none}
.billing-empty{padding:32px;border:1px dashed #c7d7c6;border-radius:18px;display:flex;gap:15px;align-items:center;color:#6d8482}
.customer-audit-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;border-top:1px solid var(--line);flex-wrap:wrap}.customer-audit-pagination>span{font-size:12px;color:var(--muted)}.customer-audit-pagination>div{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.customer-audit-pagination strong{font-size:12px;padding:0 6px}
@media(max-width:1100px){.billing-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-recommend-head{align-items:flex-start}.billing-recommend-head h2{font-size:23px}}
@media(max-width:760px){
 .billing-current{padding:23px;border-radius:18px}.billing-current h2{font-size:24px}.billing-current-main>div>strong{font-size:38px}.billing-current-symbol{width:46px;height:46px;border-radius:14px}
 .billing-current-main{align-items:flex-start;gap:15px;flex-wrap:wrap}.billing-current-meta{gap:18px}.billing-current-meta>div{flex-basis:40%}
 .billing-recommend-head{flex-wrap:wrap;gap:16px}.billing-recommend-head>.btn{width:100%}.billing-period-row{align-items:stretch;flex-direction:column;gap:12px}.billing-period-row .segmented{align-self:flex-start}.billing-plan-grid{grid-template-columns:1fr}
 .billing-plan-card{padding:23px}.billing-account-links{justify-content:space-between;gap:12px;flex-wrap:wrap}.billing-account-links a{font-size:11px}.billing-plan-card h3{margin-top:12px}.billing-card-capacity{font-size:34px}
 .customer-audit-pagination{padding:15px}.customer-audit-pagination>div{width:100%;justify-content:space-between}.customer-audit-pagination .btn{font-size:11px;padding:9px}
 #customer-audit .audit-data-table{min-width:0;table-layout:fixed}
 #customer-audit .audit-data-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 #customer-audit .audit-data-table,#customer-audit .audit-data-table tbody{display:block;width:100%}
 #customer-audit .audit-data-table tbody{padding:12px}
 #customer-audit .audit-data-table tr{display:block;padding:10px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px}
 #customer-audit .audit-data-table tr:last-child{margin-bottom:0}
 #customer-audit .audit-data-table td{display:block;white-space:normal;overflow-wrap:anywhere;max-width:100%;padding:8px;border:0}
 #customer-audit .audit-file-name{max-width:100%}
}