.dc-billing{margin:0 0 24px;padding:24px;border:1px solid #dce3ee;border-radius:20px;background:linear-gradient(145deg,#fff,#f7f9fd);box-shadow:0 12px 32px rgba(20,34,57,.08);color:#182235}.dc-billing-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.dc-billing-head h2{margin:5px 0 0;font-size:25px}.dc-billing-kicker{color:#6558ff;font-size:12px;font-weight:900;letter-spacing:.09em}.dc-billing-status{display:inline-flex;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:900;background:#fff3cd;color:#7a5700}.dc-billing-active{background:#dff8eb;color:#11643b}.dc-billing-expired{background:#ffe4e4;color:#9d2020}.dc-billing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dc-billing-grid>div{padding:16px;border:1px solid #e6eaf1;border-radius:14px;background:#fff}.dc-billing-grid small{display:block;margin-bottom:7px;color:#6d7787}.dc-billing-grid strong{font-size:16px}.dc-billing-order,.dc-billing-note{margin:16px 0 0;color:#687386;font-size:14px}.dc-billing-order code{word-break:break-all}.dc-billing-note{padding-top:14px;border-top:1px solid #e6eaf1}@media(max-width:780px){.dc-billing-grid{grid-template-columns:1fr 1fr}.dc-billing-head{display:block}.dc-billing-status{margin-top:12px}}@media(max-width:480px){.dc-billing-grid{grid-template-columns:1fr}}