:root{--ink:#14302d;--ink-soft:#59716c;--paper:#f8faf8;--surface:#fff;--line:#dbe6e1;--teal:#087b70;--teal-dark:#0c443f;--danger:#b64050}*{box-sizing:border-box}.billing-public{margin:0;background:var(--paper);color:var(--ink);line-height:1.8}.billing-brand{display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid var(--line);background:var(--surface)}.billing-brand>span{display:grid;place-items:center;width:34px;height:34px;background:var(--teal-dark);color:white;border-radius:10px 10px 3px 10px}.billing-brand small{color:var(--ink-soft);border-inline-start:1px solid var(--line);padding-inline-start:12px}.billing-workspace{padding-block:30px 64px;line-height:1.8;color:var(--ink)}.billing-checkout{width:min(800px,calc(100% - 32px));margin:auto}.billing-workspace h1{font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 12px}.billing-workspace h2{font-size:1.25rem}.billing-workspace p,.billing-workspace .text-muted,.billing-workspace .section-note{color:var(--ink-soft)}.billing-workspace a{color:var(--teal-dark);text-decoration:none}.billing-heading{padding:20px 0 28px;border-bottom:1px solid var(--line);margin-bottom:24px}.billing-workspace .eyebrow{color:var(--teal);font-size:.8rem;font-weight:800}.billing-workspace .layout{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;align-items:start}.billing-workspace .hero-grid{display:grid;grid-template-columns:1fr auto;gap:24px}.billing-workspace .card,.billing-workspace .container,.billing-workspace .renewal-card{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:24px;margin-bottom:20px;min-width:0}.billing-workspace .card-inner{padding:6px}.billing-workspace .section-head,.billing-workspace .price-row,.billing-workspace .capacity-top,.billing-workspace .topbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.billing-workspace .topbar{margin-bottom:16px;font-size:.85rem}.billing-workspace .price{font-size:2rem;font-weight:800;font-variant-numeric:tabular-nums}.billing-workspace .plan-name{font-size:1.6rem}.billing-workspace .plan-meta,.billing-workspace .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.billing-workspace .meta-box,.billing-workspace .status-panel{border:1px solid var(--line);border-radius:9px;padding:16px}.billing-workspace .meta-label,.billing-workspace .status-label,.billing-workspace .status-date{font-size:.8rem;color:var(--ink-soft)}.billing-workspace .meta-value,.billing-workspace .status-value{font-weight:800;font-size:1.15rem}.billing-workspace .addon,.billing-workspace .event{display:flex;gap:14px;padding-block:18px;border-bottom:1px solid var(--line)}.billing-workspace .addon-main,.billing-workspace .event-detail{flex:1}.billing-workspace .addon-mark,.billing-workspace .event-mark{color:var(--teal)}.billing-workspace .event-date,.billing-workspace .capacity-foot{font-size:.8rem;color:var(--ink-soft)}.billing-workspace .divider{height:1px;background:var(--line);margin-block:20px}.billing-workspace .progress{height:7px;background:var(--line);border-radius:7px;overflow:hidden;margin-block:10px}.billing-workspace .progress>div{height:100%;background:var(--teal)}
.billing-workspace input,.billing-workspace select,.billing-workspace textarea,.billing-workspace button{font:inherit}.billing-workspace label{display:block;font-weight:700;font-size:.87rem;margin:12px 0 6px}.billing-workspace input:not([type=hidden]):not([type=radio]),.billing-workspace select,.billing-workspace textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.billing-workspace input:disabled{background:var(--paper);color:var(--ink-soft)}.billing-workspace .section-title{font-size:1.05rem;padding:20px 0 12px;margin:24px 0 12px;border-bottom:1px solid var(--line)}.billing-workspace .settings-body{max-width:850px;margin:auto}.billing-workspace .btn,.billing-workspace .primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid var(--teal-dark);border-radius:8px;background:var(--teal-dark);color:white;font:inherit;font-weight:700;cursor:pointer}.billing-workspace .btn-secondary,.billing-workspace .btn-outline-primary{background:var(--surface);color:var(--teal-dark);border-color:var(--line)}.billing-workspace .text-danger{color:var(--danger);background:transparent;border-color:var(--line)}.billing-workspace button:disabled{opacity:.6;cursor:default}.billing-workspace .alert,.billing-workspace .flash,.billing-workspace .notice{padding:14px 18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);margin-block:16px}.billing-workspace .alert-danger,.billing-workspace .flash-error{color:var(--danger)}.billing-workspace .badge,.billing-workspace .included{display:inline-block;border:1px solid var(--line);border-radius:7px;padding:4px 9px;color:var(--teal);font-size:.8rem}.billing-workspace .d-flex{display:flex;gap:10px;flex-wrap:wrap}.billing-workspace .justify-content-between{justify-content:space-between}.billing-workspace .align-items-center{align-items:center}.billing-workspace .mb-3{margin-bottom:16px}.billing-workspace .mt-4{margin-top:24px}.billing-workspace .w-100{width:100%}.billing-workspace .account-dialog{width:min(560px,calc(100% - 30px));max-height:85vh;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:24px;color:var(--ink);background:var(--surface)}.account-dialog::backdrop{background:#14302d80}.billing-workspace .modal-header,.billing-workspace .modal-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-block:12px}.billing-workspace .btn-close{border:0;background:transparent;padding:10px;cursor:pointer}.billing-workspace .btn-close::before{content:'×';font-size:1.3rem}.billing-workspace .btn-check+label{display:inline-flex;padding:8px;border:1px solid var(--line);border-radius:6px}.billing-workspace .btn-check:checked+label{background:#eef8f3;border-color:var(--teal)}.billing-workspace .amount-box{background:var(--paper);border:1px solid var(--line);border-inline-start:3px solid var(--teal);padding:20px;margin-block:24px}.billing-workspace .amount{font-size:2.2rem;font-weight:800}.billing-workspace .payment-tabs{display:flex;gap:10px;margin-bottom:24px}.billing-workspace .tab-btn{flex:1;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer}.billing-workspace .tab-btn.active{background:var(--teal-dark);color:white}.billing-workspace .tab-content{display:none}.billing-workspace .tab-content.active{display:block}.billing-workspace img{max-width:150px;height:auto}.billing-workspace .icon,.billing-workspace .icon-wrapper{font-size:2rem;color:var(--teal)}.billing-workspace :focus-visible{outline:3px solid var(--teal);outline-offset:3px}.billing-workspace table{width:100%;border-collapse:collapse}.billing-workspace th,.billing-workspace td{padding:12px;border-bottom:1px solid var(--line);text-align:start}
@media(max-width:750px){.billing-workspace .layout,.billing-workspace .hero-grid,.billing-workspace .row,.billing-workspace .plan-meta{grid-template-columns:1fr}.billing-workspace .card,.billing-workspace .container{padding:18px}.billing-workspace .addon{flex-wrap:wrap}.billing-workspace .topbar{flex-wrap:wrap}.billing-workspace .payment-tabs{flex-direction:column}}