.billing-profile-box{display:flex;flex-direction:column;color:var(--text-main);gap:.75rem}.billing-profile-header{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase}.billing-profile-header-left{display:flex;align-items:center;gap:10px}.billing-profile-header-icon{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:radial-gradient(circle at 30% 0,#fff,#e5e7eb 40%,#9ca3af 100%);color:#020617;font-size:1rem}.billing-profile-header-title{font-weight:600;font-size:.9rem}.billing-profile-header-meta{font-size:.7rem;color:#ecfeff;text-transform:none;letter-spacing:.06em}.billing-profile-body{padding-top:10px;border-top:1px solid rgba(148,163,184,.32);display:flex;flex-direction:column;gap:14px}.billing-profile-body-header{display:flex;align-items:center;justify-content:space-between;font-size:.9rem}.billing-profile-body-header-left{display:flex;align-items:center;gap:10px}.billing-profile-badge{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:radial-gradient(circle at 30% 0,#fff,#bae6fd 50%,#38bdf8 100%);color:#0f172a;font-size:1rem}.billing-profile-body-title{font-weight:500}.billing-profile-tag{padding:.18rem .55rem;border-radius:999px;border:1px solid rgba(191,219,254,.3);background:radial-gradient(circle at top left,rgba(56,189,248,.25),transparent 55%);font-size:.7rem;color:#e0f2fe;text-transform:uppercase;letter-spacing:.12em}.billing-profile-link{font-size:.75rem;display:inline-flex;align-items:center;gap:4px;color:#e0f2fe;opacity:.8;text-decoration:none;transition:opacity .15s ease-out,transform .15s ease-out}.billing-profile-link:hover{opacity:1;transform:translateX(2px)}.billing-profile-link-icon{display:flex;align-items:center}.billing-profile-stats{display:flex;flex-direction:column;gap:10px;font-size:.9rem}.billing-profile-stat-row{display:flex;align-items:center;justify-content:space-between}.billing-profile-stat-left{display:flex;align-items:center;gap:8px}.billing-profile-stat-icon{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:rgba(15,23,42,.6);font-size:.8rem}.billing-profile-stat-label{color:#ecfeff}.billing-profile-stat-value{color:#ecfeff;font-weight:600}.billing-profile-chart{width:50%}@media only screen and (max-width:767px){.billing-profile-chart{width:100%}}.chakra-ui-light .billing-profile-box{color:#0f172a}.chakra-ui-light .billing-profile-header-meta{color:#6b7280}.chakra-ui-light .billing-profile-body{border-top-color:rgba(148,163,184,.5)}.chakra-ui-light .billing-profile-badge{background:radial-gradient(circle at 30% 0,#fff,#dbeafe 50%,#38bdf8 100%);color:#0f172a}.chakra-ui-light .billing-profile-tag{border-color:rgba(191,219,254,.7);background:radial-gradient(circle at top left,rgba(56,189,248,.18),transparent 55%);color:#0369a1}.chakra-ui-light .billing-profile-link{color:#0369a1}.chakra-ui-light .billing-profile-stat-icon{background:rgba(248,250,252,.95);color:#0f172a;box-shadow:0 4px 10px rgba(15,23,42,.12)}.chakra-ui-light .billing-profile-stat-label,.chakra-ui-light .billing-profile-stat-value{color:#0f172a}.billing-profile-create{display:flex;justify-content:center;align-items:center;height:260px;position:relative;cursor:pointer;transition:all .3s ease}.billing-profile-create:hover{transform:scale(1.02)}.billing-profile-create:hover .billing-profile-create-icon{color:var(--primary-color);transform:rotate(90deg)}.billing-profile-create:hover .billing-profile-create-border{border-color:var(--primary-color);box-shadow:0 0 20px rgba(29,159,224,.3)}.billing-profile-create-icon{font-size:180px;color:#9ca3af;transition:all .4s ease;z-index:1}.billing-profile-create-border{position:absolute;height:180px;width:180px;border:3px dashed #9ca3af;border-radius:14px;transition:all .3s ease}.chakra-ui-light .billing-profile-create-icon{color:#6b7280}.chakra-ui-light .billing-profile-create-border{border-color:#6b7280}