.billing-plan{background:#181c24b3;border:1px solid #ffffff12;border-radius:14px;margin-bottom:36px;overflow:hidden}.billing-plan>header{align-items:center;gap:14px;padding:22px 24px;display:flex}.billing-plan>header>div:first-of-type{flex:1;min-width:0}.billing-plan .room-card-icon{border-radius:10px;width:40px;height:40px}.billing-plan .room-card-icon .ui-icon{width:19px;height:19px}.billing-plan .billing-phase-paid{color:#9dccb9;background:#72b9980d;border-color:#72b99830}.billing-plan .billing-phase-grace,.billing-plan .billing-phase-expired{color:#d9be8b;background:#d9be8b0d;border-color:#d9be8b30}.billing-label{color:#8491a7;font-size:11px;line-height:1.4;display:block}.account-page .billing-plan h2{margin:2px 0 0;font-size:19px}.billing-stats{background:#ffffff0b;border-top:1px solid #ffffff10;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;margin:0;display:grid}.billing-stats>div{background:#161a21;padding:18px 24px 20px}.billing-stats dt{color:#959fb1;font-size:11px}.billing-stats dd{font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:26px;font-weight:500;line-height:1.3}.billing-stats dd small{color:#64738c;font-size:16px}.billing-stats dd.billing-date{padding-top:8px;font-size:15px;line-height:1.5}.billing-stats meter{appearance:none;background:#ffffff0d;border:0;border-radius:4px;width:110px;height:4px;margin-top:10px;display:block}.billing-stats meter::-webkit-meter-bar{background:#ffffff0d;border:0;border-radius:4px}.billing-stats meter::-webkit-meter-optimum-value{background:#85b9fc;border-radius:4px}.billing-stats meter::-moz-meter-bar{background:#85b9fc;border-radius:4px}.billing-stats .is-over dd{color:#e6c78f}.billing-stats .is-over meter::-webkit-meter-optimum-value{background:#d9be8b}.billing-stats .is-over meter::-moz-meter-bar{background:#d9be8b}.billing-rooms{margin-bottom:28px}.account-page .billing-rooms>p.muted{margin:-4px 0 18px;font-size:13px}.billing-rooms>.ui-status{margin-bottom:16px}.billing-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.billing-room{background:#181c24b3;border:1px solid #ffffff12;border-radius:10px;min-width:0;transition:border-color .2s,background-color .2s}.billing-room.is-selected{background:#9bcaff08;border-color:#9bcaff3d}.account-page .billing-room-head{color:inherit;align-items:center;gap:11px;margin:0;padding:14px 16px;font-size:13px;font-weight:400;display:flex}.billing-room-head:has(.billing-check){cursor:pointer}.billing-room-name{flex:1;min-width:0;display:grid}.billing-room-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:550;overflow:hidden}.billing-room-name code,.billing-member code{color:#7d8aa0;font:10px/1.6 var(--font-mono);letter-spacing:.06em}.billing-room .ui-badge{padding:3px 7px;font-size:9px}.billing-check{cursor:pointer;appearance:none;background:#ffffff05;border:1px solid #ffffff38;border-radius:5px;flex-shrink:0;place-items:center;width:18px;height:18px;margin:0;transition:background-color .15s,border-color .15s;display:grid}.billing-check:after{content:"";border:0 solid #0b1a30;border-width:0 0 2px 2px;width:9px;height:5px;transition:transform .15s;transform:translateY(-1px)rotate(-45deg)scale(0)}.billing-check:checked{border-color:var(--color-accent);background:var(--color-accent)}.billing-check:checked:after{transform:translateY(-1px)rotate(-45deg)scale(1)}.billing-check:focus-visible{outline-offset:2px;outline:2px solid #9bcaff80}.billing-check:disabled{cursor:default;opacity:.5}.billing-members{border-top:1px solid #ffffff0e;gap:2px;margin:0 16px;padding:10px 0 12px;display:grid}.account-page .billing-member{color:#c9d2df;cursor:pointer;border-radius:6px;align-items:center;gap:10px;margin:0;padding:7px 8px;font-size:13px;font-weight:400;display:flex}.account-page .billing-member:hover{background:#ffffff06}.billing-member span{overflow-wrap:anywhere;flex:1;min-width:0}.account-page .billing-members p.muted{margin:4px 8px;font-size:12px}.billing-save{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#b8c3d4;background:#151b26e6;border:1px solid #9bcaff2e;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:12px 12px 12px 20px;font-size:13px;display:flex;position:sticky;bottom:16px;box-shadow:0 12px 32px #00000040}.billing-save strong{color:#eef3fa;font-variant-numeric:tabular-nums}.account-page .billing-note{color:#7f8ba0;border-top:1px solid #ffffff0d;align-items:flex-start;gap:9px;margin:0;padding-top:18px;font-size:12px;line-height:1.7;display:flex}.billing-note .ui-icon{flex-shrink:0;width:14px;height:14px;margin-top:3px}.billing-empty{align-items:center;gap:14px;display:flex}.account-page .billing-empty p{color:#959fb1;flex:1;margin:0}@media (width<=760px){.billing-plan>header{flex-wrap:wrap;padding:18px}.billing-plan>header .actions{width:100%}.billing-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-stats>div{padding:16px 18px}.billing-stats>div:nth-child(3){grid-column:1/-1}.billing-grid{grid-template-columns:1fr}}