.hd-billing-page .hd-app-shell,.hd-invoice-page .hd-app-shell{max-width:1120px}.hd-billing-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.hd-billing-metrics article,.hd-billing-panel{border:1px solid #e7e8eb;border-radius:8px;background:#fff;padding:20px}.hd-billing-metrics span,.hd-billing-metrics small{display:block;color:#68707d}.hd-billing-metrics strong{display:block;margin:8px 0;font-size:26px;color:#16191f}.hd-billing-panel{margin:18px 0}.hd-billing-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.hd-billing-panel__head h2{margin:2px 0}.hd-billing-status{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.hd-billing-status.is-ready{background:#e8f7ef;color:#12643c}.hd-billing-status.is-warning{background:#fff2dc;color:#8a5200}.hd-billing-form,.admin-billing-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hd-billing-form label,.admin-billing-form label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#353b45}.hd-billing-form input,.hd-billing-form select,.admin-billing-form input,.admin-billing-form select{width:100%;min-height:44px;border:1px solid #d7dbe1;border-radius:7px;background:#fff;padding:9px 11px;color:#171a20}.hd-billing-form .is-wide,.hd-billing-form__actions{grid-column:1/-1}.hd-billing-form__actions{display:flex;justify-content:flex-end}.hd-billing-list{display:grid}.hd-billing-list>a,.hd-billing-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto 22px;align-items:center;gap:14px;padding:14px 2px;border-top:1px solid #eceef1;color:inherit;text-decoration:none}.hd-billing-list>a:first-child,.hd-billing-list>div:first-child{border-top:0}.hd-billing-list span{min-width:0}.hd-billing-list strong,.hd-billing-list small{display:block}.hd-billing-list small{margin-top:3px;color:#707784}.admin-billing-form{border:1px solid #e4e6ea;border-radius:8px;background:#fff;padding:18px}.admin-billing-form.is-compact{grid-template-columns:repeat(2,minmax(0,220px)) auto;align-items:end}.hd-invoice-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.hd-invoice-sheet{max-width:940px;margin:0 auto 24px;border:1px solid #dfe2e7;background:#fff;padding:34px;color:#17191d}.hd-invoice-sheet>header{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-bottom:24px;border-bottom:2px solid #1f232a}.hd-invoice-sheet>header>div:last-child{text-align:right}.hd-invoice-sheet header span,.hd-invoice-parties span{display:block;margin-top:4px;color:#555d68;font-size:13px}.hd-invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:24px 0}.hd-invoice-parties>div:last-child{text-align:right}.hd-invoice-parties small,.hd-invoice-parties strong{display:block}.hd-invoice-table{overflow-x:auto}.hd-invoice-table>div{display:grid;grid-template-columns:minmax(220px,2fr) 55px 90px 95px 90px 100px;gap:10px;align-items:center;border-bottom:1px solid #e6e8ec;padding:12px 8px;font-size:13px}.hd-invoice-table .is-head{background:#f5f6f8;font-weight:700}.hd-invoice-table small{display:block;color:#707784;margin-top:3px}.hd-invoice-totals{display:flex;justify-content:flex-end;padding:22px 0}.hd-invoice-totals>div{display:grid;grid-template-columns:150px 120px;gap:8px 16px;text-align:right}.hd-invoice-sheet footer{border-top:1px solid #e0e3e7;padding-top:18px;color:#5c6470;font-size:13px}
.hd-billing-progress-card .hd-billing-status{background:#f4f4f5;color:#5e646d}.hd-billing-progress-card__policy{display:flex;flex-wrap:wrap;gap:8px}.hd-billing-progress-card__policy span{display:inline-flex;min-height:34px;align-items:center;gap:7px;border:1px solid #ebe7e4;border-radius:999px;background:#fff9f6;color:#595e66;padding:7px 11px;font-size:12px;font-weight:600}.hd-billing-progress-card__policy svg{width:15px;height:15px;color:#ff5527}.hd-billing-progress-card__summary{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:24px}.hd-billing-progress-card__summary strong{color:#ff5527;font-size:34px;font-weight:800;letter-spacing:-.035em;line-height:1}.hd-billing-progress-card__summary strong small{color:#16191f;font-size:18px;font-weight:700;letter-spacing:-.02em}.hd-billing-progress-card__summary p{max-width:430px;margin:0;color:#68707d;font-size:13px;text-align:right}.hd-billing-progress-card__track{display:flex;height:18px;margin-top:16px;overflow:hidden;border:1px solid #dfe2e6;border-radius:8px;background:#eceef1;box-shadow:inset 0 1px 2px rgba(22,25,31,.08)}.hd-billing-progress-card__track span{display:block;height:100%;transition:width .3s ease}.hd-billing-progress-card__track .is-carry{background:repeating-linear-gradient(135deg,#ff9b65 0,#ff9b65 7px,#ffb184 7px,#ffb184 12px)}.hd-billing-progress-card__track .is-current{background:linear-gradient(90deg,#ff6f43,#ff5527)}.hd-billing-progress-card__axis{display:flex;justify-content:space-between;margin-top:6px;color:#7a8089;font-size:11px;font-weight:600}.hd-billing-progress-card__legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.hd-billing-progress-card__legend>div{display:flex;align-items:flex-start;gap:9px;min-width:0}.hd-billing-progress-card__legend i{width:14px;height:14px;flex:0 0 auto;margin-top:2px;border-radius:4px}.hd-billing-progress-card__legend i.is-carry{background:repeating-linear-gradient(135deg,#ff9b65 0,#ff9b65 5px,#ffb184 5px,#ffb184 9px)}.hd-billing-progress-card__legend i.is-current{background:#ff5527}.hd-billing-progress-card__legend i.is-remaining{border:1px solid #dfe2e6;background:#eceef1}.hd-billing-progress-card__legend span{display:grid;color:#363b43;font-size:12px;font-weight:600}.hd-billing-progress-card__legend small{margin-top:2px;color:#7a8089;font-size:11px;font-weight:500}.hd-billing-progress-card__note{display:flex;align-items:center;gap:8px;margin:18px 0 0;border-top:1px solid #eceef1;padding-top:14px;color:#737982;font-size:12px}.hd-billing-progress-card__note svg{width:15px;height:15px;flex:0 0 auto;color:#8b9199}.hd-billing-profile-summary .hd-billing-panel__head{align-items:center;margin-bottom:0}.hd-billing-profile-summary__actions{display:flex;align-items:center;gap:10px}.hd-billing-profile-summary__actions .btn{white-space:nowrap}.hd-billing-dialog{width:min(760px,calc(100vw - 32px));max-height:min(860px,calc(100vh - 32px));padding:0;overflow:hidden;border:1px solid #e3e4e7;border-radius:22px;background:#fff;color:#16191f;box-shadow:0 28px 80px rgba(31,31,31,.2)}.hd-billing-dialog[open]{display:flex;flex-direction:column}.hd-billing-dialog::backdrop{background:rgba(25,23,22,.5);backdrop-filter:blur(2px)}.hd-billing-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px 18px;border-bottom:1px solid #eceef1}.hd-billing-dialog>header h2{margin:3px 0 0;font-size:22px}.hd-billing-dialog>header p:last-child{margin:5px 0 0;color:#68707d;font-size:13px}.hd-billing-dialog__close{display:inline-grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid #e3e4e7;border-radius:999px;background:#f7f7f8;color:#454b54;font-size:25px;line-height:1;cursor:pointer}.hd-billing-dialog__form{min-height:0;margin:0;padding:20px 24px 24px;overflow-y:auto}.hd-billing-dialog__form .hd-billing-form__actions{position:sticky;bottom:-24px;gap:10px;margin:6px -24px -24px;padding:16px 24px;border-top:1px solid #eceef1;background:#fff}.hd-billing-form__actions{gap:10px}html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-progress-card__policy span{border-color:rgba(255,255,255,.12)!important;background:#2a241f!important;color:#d5ccc5!important}html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-progress-card__summary strong small,html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-progress-card__legend span{color:#f7f0eb!important}html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-progress-card__summary p,html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-progress-card__axis,html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-progress-card__legend small,html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-progress-card__note{color:#c8bdb5!important}html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-progress-card__note{border-color:rgba(255,255,255,.12)!important}html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-dialog{border-color:rgba(255,255,255,.14)!important;background:#1f1a17!important;color:#f7f0eb!important}html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-dialog>header,html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-dialog__form .hd-billing-form__actions{border-color:rgba(255,255,255,.12)!important;background:#1f1a17!important}html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-dialog>header h2,html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-dialog__form label{color:#f7f0eb!important}html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-dialog>header p:last-child{color:#c8bdb5!important}html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-dialog__close{border-color:rgba(255,255,255,.12)!important;background:#2a241f!important;color:#f7f0eb!important}
.hd-billing-metrics .hd-billing-metric-action{position:relative;width:100%;border:1px solid #e7e8eb;border-radius:8px;background:#fff;padding:20px;font:inherit;text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.hd-billing-metrics .hd-billing-metric-action:hover{border-color:#ffc2ae;box-shadow:0 10px 24px rgba(255,85,39,.09);transform:translateY(-1px)}.hd-billing-metrics .hd-billing-metric-action:focus-visible{outline:3px solid rgba(255,85,39,.24);outline-offset:2px;border-color:#ff7952}.hd-billing-metric-action>i,.hd-billing-metric-action>svg{position:absolute;right:18px;bottom:20px;width:18px;height:18px;color:#ff5527}.hd-invoice-history-dialog{width:min(680px,calc(100vw - 32px))}.hd-invoice-history-dialog__body{min-height:0;padding:8px 24px 18px;overflow-y:auto}.hd-invoice-history-list>a{padding:16px 2px}.hd-invoice-history-list>a:hover strong{color:#ff5527}.hd-invoice-history-empty{display:grid;justify-items:center;margin:16px 0 6px;border:1px dashed #e2e4e8;border-radius:16px;background:#fafafb;padding:38px 24px;text-align:center}.hd-invoice-history-empty>span{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:#fff0ea;color:#ff5527}.hd-invoice-history-empty svg{width:22px;height:22px}.hd-invoice-history-empty h3{margin:14px 0 4px;font-size:17px}.hd-invoice-history-empty p{margin:0;color:#68707d;font-size:13px}.hd-billing-dialog__footer{display:flex;justify-content:flex-end;padding:14px 24px;border-top:1px solid #eceef1;background:#fff}html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-metric-action{border-color:rgba(255,255,255,.14)!important;background:#1f1a17!important}html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-metric-action span,html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-metric-action small,html[data-hopnest-mode="dark"] body.hd-portal .hd-invoice-history-list small{color:#c8bdb5!important}html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-metric-action strong,html[data-hopnest-mode="dark"] body.hd-portal .hd-invoice-history-list>a{color:#f7f0eb!important}html[data-hopnest-mode="dark"] body.hd-portal .hd-invoice-history-list>a{border-color:rgba(255,255,255,.12)!important}html[data-hopnest-mode="dark"] body.hd-portal .hd-invoice-history-empty{border-color:rgba(255,255,255,.14)!important;background:#241f1c!important}html[data-hopnest-mode="dark"] body.hd-portal .hd-invoice-history-empty h3{color:#f7f0eb!important}html[data-hopnest-mode="dark"] body.hd-portal .hd-invoice-history-empty p{color:#c8bdb5!important}html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-dialog__footer{border-color:rgba(255,255,255,.12)!important;background:#1f1a17!important}
.admin-fee-default-form{max-width:720px}.admin-fee-tax-note,.admin-fee-rule{display:grid;gap:4px;color:#303640}.admin-fee-tax-note span,.admin-fee-rule span{color:#68707d;font-size:12px;font-weight:400}.admin-client-fee-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.admin-client-fee-form .is-wide{grid-column:span 2}.admin-client-fee-list{display:grid;margin-top:18px;border:1px solid #e4e6ea;border-radius:8px;background:#fff;overflow:hidden}.admin-client-fee-list>article{display:grid;grid-template-columns:minmax(170px,1.4fr) minmax(130px,.8fr) minmax(170px,1fr) minmax(130px,.8fr) auto;align-items:center;gap:16px;padding:16px 18px;border-top:1px solid #eceef1}.admin-client-fee-list>article:first-child{border-top:0}.admin-client-fee-list strong,.admin-client-fee-list small{display:block}.admin-client-fee-list small{margin-top:4px;color:#707784}.admin-client-fee-list .ticket-empty-state{margin:0;border:0}
@media(max-width:900px){.admin-client-fee-list>article{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-client-fee-list .admin-billing-subscription-action{grid-column:1/-1}}
@media(max-width:760px){.hd-billing-metrics,.hd-billing-form,.admin-billing-form,.admin-client-fee-form,.hd-invoice-sheet>header,.hd-invoice-parties{grid-template-columns:1fr}.admin-billing-form.is-compact{grid-template-columns:1fr}.admin-client-fee-form .is-wide{grid-column:auto}.admin-client-fee-list>article{grid-template-columns:1fr}.hd-invoice-sheet{padding:20px 14px}.hd-invoice-sheet>header>div:last-child,.hd-invoice-parties>div:last-child{text-align:left}.hd-billing-list>a,.hd-billing-list>div{grid-template-columns:minmax(0,1fr) auto}.hd-billing-list i{display:none}.hd-invoice-toolbar{align-items:stretch}.hd-invoice-toolbar .btn{flex:1}.hd-invoice-table>div{min-width:720px}.hd-billing-progress-card .hd-billing-panel__head,.hd-billing-profile-summary .hd-billing-panel__head{align-items:flex-start;flex-direction:column}.hd-billing-progress-card .hd-billing-status{align-self:flex-start}.hd-billing-progress-card__summary{align-items:flex-start;flex-direction:column;gap:8px}.hd-billing-progress-card__summary p{text-align:left}.hd-billing-profile-summary__actions{width:100%;align-items:center;justify-content:space-between}.hd-billing-profile-summary__actions .btn{min-width:0}.hd-billing-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px);border-radius:18px}.hd-billing-dialog>header{padding:18px}.hd-billing-dialog__form{padding:18px}.hd-billing-dialog__form .hd-billing-form__actions{bottom:-18px;margin:4px -18px -18px;padding:14px 18px}.hd-billing-dialog__form .hd-billing-form__actions .btn{flex:1}}
@media(max-width:560px){.hd-billing-progress-card__policy{display:grid;grid-template-columns:1fr 1fr}.hd-billing-progress-card__policy span:last-child{grid-column:1/-1}.hd-billing-progress-card__legend{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.hd-billing-progress-card__legend>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px}.hd-billing-progress-card__legend i{width:11px;height:11px;margin-top:1px}.hd-billing-progress-card__legend span{font-size:10px;line-height:1.25}.hd-billing-progress-card__legend small{font-size:10px}.hd-billing-progress-card__summary strong{font-size:30px}.hd-billing-progress-card__summary strong small{font-size:16px}}
@media(max-width:760px){.hd-invoice-history-dialog__body{padding:6px 18px 14px}.hd-invoice-history-empty{margin-top:12px;padding:30px 18px}.hd-billing-dialog__footer{padding:14px 18px}.hd-billing-dialog__footer .btn{width:100%}}
@media print{.hd-portal-sidebar,.hd-portal-header,.hd-portal-mobile-nav,.admin-sidebar,.admin-topbar,.hd-invoice-toolbar,.hd-no-print,footer.site-footer{display:none!important}.hd-app-page{padding:0!important}.hd-invoice-sheet{border:0;box-shadow:none;margin:0;max-width:none;padding:0}.hd-invoice-page .hd-app-shell{max-width:none}}
.hd-billing-progress-card__legend.is-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.hd-billing-overview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(440px,1fr);align-items:center;gap:24px;margin:18px 0;border:1px solid #dce9e2;border-radius:8px;background:#f4faf6;padding:20px}.hd-billing-overview.is-review{border-color:#eadfca;background:#fffbf3}.hd-billing-overview.is-active{border-color:#e7e8eb;background:#fff}.hd-billing-overview__copy h2{margin:3px 0 5px;color:#18231d;font-size:21px;line-height:1.25}.hd-billing-overview__copy>p:last-child{max-width:580px;margin:0;color:#53635a;font-size:13px;line-height:1.55}.hd-billing-overview__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid rgba(18,100,60,.16)}.hd-billing-overview__stats>div{min-width:0;padding:3px 14px;border-left:1px solid rgba(18,100,60,.16)}.hd-billing-overview__stats>div:first-child{border-left:0}.hd-billing-overview__stats span,.hd-billing-overview__stats small{display:block;color:#607068;font-size:11px;line-height:1.35}.hd-billing-overview__stats span{min-height:30px;font-weight:700}.hd-billing-overview__stats strong{display:block;margin:4px 0;color:#173e29;font-size:19px;line-height:1.15}.hd-billing-overview.is-review .hd-billing-overview__stats,.hd-billing-overview.is-review .hd-billing-overview__stats>div{border-color:rgba(138,82,0,.16)}.hd-billing-overview.is-review .hd-billing-overview__copy h2,.hd-billing-overview.is-review .hd-billing-overview__stats strong{color:#533809}.hd-billing-overview.is-review .hd-billing-overview__copy>p:last-child,.hd-billing-overview.is-review .hd-billing-overview__stats span,.hd-billing-overview.is-review .hd-billing-overview__stats small{color:#755f38}.hd-billing-overview.is-active .hd-billing-overview__stats,.hd-billing-overview.is-active .hd-billing-overview__stats>div{border-color:#e7e8eb}.hd-billing-overview.is-active .hd-billing-overview__copy h2,.hd-billing-overview.is-active .hd-billing-overview__stats strong{color:#16191f}.hd-billing-overview.is-active .hd-billing-overview__copy>p:last-child,.hd-billing-overview.is-active .hd-billing-overview__stats span,.hd-billing-overview.is-active .hd-billing-overview__stats small{color:#68707d}.hd-invoice-history-summary{display:flex;align-items:center;justify-content:space-between;gap:18px}.hd-invoice-history-summary h2{margin:2px 0}.hd-invoice-history-summary p:last-child{margin:4px 0 0;color:#68707d;font-size:13px}.hd-invoice-history-summary .btn{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.hd-invoice-history-summary .btn svg{width:16px;height:16px}
html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-overview{border-color:rgba(116,207,151,.24)!important;background:#1c2820!important}html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-overview.is-review{border-color:rgba(237,184,89,.24)!important;background:#2b251a!important}html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-overview.is-active{border-color:rgba(255,255,255,.14)!important;background:#1f1a17!important}html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-overview__copy h2,html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-overview__stats strong{color:#f7f0eb!important}html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-overview__copy>p:last-child,html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-overview__stats span,html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-overview__stats small{color:#c8bdb5!important}html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-overview__stats,html[data-hopnest-mode="dark"] body.hd-portal .hd-billing-overview__stats>div{border-color:rgba(255,255,255,.12)!important}html[data-hopnest-mode="dark"] body.hd-portal .hd-invoice-history-summary p:last-child{color:#c8bdb5!important}
@media(max-width:900px){.hd-billing-overview{grid-template-columns:1fr;gap:16px}.hd-billing-overview__stats{border-top:1px solid rgba(18,100,60,.16);border-left:0;padding-top:14px}}
@media(max-width:560px){.hd-billing-overview{gap:13px;margin:14px 0;padding:16px}.hd-billing-overview__copy h2{font-size:18px}.hd-billing-overview__copy>p:last-child{font-size:12px}.hd-billing-overview__stats{gap:0;padding-top:12px}.hd-billing-overview__stats>div{padding:2px 8px}.hd-billing-overview__stats>div:first-child{padding-left:0}.hd-billing-overview__stats>div:last-child{padding-right:0}.hd-billing-overview__stats span{min-height:28px;font-size:10px}.hd-billing-overview__stats strong{font-size:15px}.hd-billing-overview__stats small{font-size:9px}.hd-invoice-history-summary{align-items:flex-start;flex-direction:column}.hd-invoice-history-summary .btn{width:100%;justify-content:center}}
