.b-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.b-head h2{font-size:19px;margin:0 0 7px}.b-control,.b-grid input{padding:12px;border-radius:10px;border:1px solid #dae2ee;background:#fff;color:#1d2f4d;min-width:120px}.b-pills{display:flex;gap:6px;margin:10px 0 22px}.b-usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.b-chart{border:1px solid #e5ebf3;border-radius:15px;padding:16px;min-width:0}.b-chart h3,.b-create h3{margin:0 0 17px;font-size:15px}.b-usage-grid .chart svg{height:auto;min-height:230px}.b-message{font-size:12px;color:#8190a9;margin-top:15px}.b-plan,.b-charge{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e9edf5;padding:15px 0}.b-plan>div:first-child,.b-charge>span{display:grid;gap:6px}.b-plan small,.b-charge small{display:block;color:#8290a7;font-size:11px}.b-plan strong{white-space:nowrap}.b-total{font-size:32px;font-weight:850;color:#20385d;letter-spacing:-.04em;margin:12px 0}.b-label{display:flex;align-items:center;gap:15px;color:#8391a7;font-size:12px}.b-create{margin-top:20px;padding:20px;border:1px dashed #d6e1f1;border-radius:14px}.b-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0}.b-grid label{display:grid;gap:6px;color:#687b99;font-size:11px}.b-grid input{width:100%}@media(max-width:850px){.b-usage-grid{grid-template-columns:1fr}.b-grid{grid-template-columns:repeat(2,1fr)}}

.b-active-label{display:inline-flex;gap:8px;align-items:center;font-size:12px;color:#536582;margin-right:15px}

.b-current{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f0f5fc;border:1px solid #dfe9f7;border-radius:15px;padding:16px 20px;margin-bottom:18px}.b-current>div{display:grid;gap:5px}.b-current small{font-size:10px;font-weight:750;letter-spacing:.09em;color:#7185a5}.b-current strong{font-size:18px;color:#1b2e51}.b-current span{font-size:12px;color:#687d9a}.b-current .b-current-pill{border-radius:999px;background:#dcebe5;color:#27634b;padding:7px 12px;white-space:nowrap;font-weight:700}@media(max-width:600px){.b-current{align-items:flex-start;flex-direction:column}}