.settings-layout{align-items:start}.billing-panel{grid-column:2;margin-top:16px}.billing-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.billing-head h2{font-size:24px;margin:8px 0 4px}.billing-head p{margin:0;color:var(--muted)}.billing-status{border-radius:999px;padding:7px 11px;background:#edf2f3;color:#536671;font-size:12px;font-weight:800;white-space:nowrap}.billing-status.active,.billing-status.trialing,.billing-status.beta{background:#d9f3ed;color:#087068}.billing-status.past_due,.billing-status.unpaid{background:#fff0dc;color:#935d08}.billing-price{display:flex;align-items:center;gap:12px;margin:24px 0}.billing-price strong{font-size:42px;letter-spacing:-.06em}.billing-price span{font-size:12px;color:var(--muted);line-height:1.25}.billing-features{display:grid;grid-template-columns:1fr 1fr;gap:9px 22px;padding:0;list-style:none}.billing-features li:before{content:'✓';color:var(--teal);font-weight:900;margin-right:8px}.billing-detail{padding:13px 15px;border-radius:12px;background:#f1f7f7;color:#425d66}.billing-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.billing-actions small{color:var(--muted)}.billing-loading{color:var(--muted)}@media(max-width:820px){.billing-panel{grid-column:1}.billing-features{grid-template-columns:1fr}}@media(max-width:560px){.billing-head{flex-direction:column}.billing-price{margin:18px 0}}
.subscription-wall{min-height:100vh;background:var(--navy);display:grid;place-items:center;padding:24px}.subscription-wall-card{width:min(520px,100%);background:#fff;border-radius:26px;padding:clamp(26px,5vw,44px);box-shadow:0 30px 80px #0007}.subscription-wall-card .brand{margin-bottom:42px}.subscription-wall-card h1{font-size:clamp(34px,7vw,48px);line-height:1.02;letter-spacing:-.05em;margin:14px 0}.subscription-wall-card>p{color:var(--muted)}.wall-plan{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#edf8f6;border-radius:15px;padding:17px;margin:24px 0}.wall-plan strong,.wall-plan span{display:block}.wall-plan span{font-size:13px;color:var(--muted)}.wall-plan b{font-size:26px}.subscription-wall-card>.btn{margin-top:10px}.subscription-wall-card>small{display:block;text-align:center;color:var(--muted);margin-top:18px}
.customer-card{cursor:pointer;transition:.18s transform,.18s border-color}.customer-card:hover{border-color:#9fc9c5;transform:translateY(-1px)}.customer-history{display:grid;gap:7px}.customer-history button{display:grid;grid-template-columns:1fr auto;text-align:left;gap:2px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 12px;color:var(--ink)}.customer-history button span{font-size:12px;color:var(--muted)}.customer-history button small{grid-column:2;grid-row:1/3;align-self:center;color:var(--muted)}.service-state{display:inline-block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.service-state.active{color:#087068}.service-state.inactive{color:var(--muted)}.service-card.is-inactive{opacity:.7}.rule .text-btn{margin-left:auto}
.stat-card[onclick]{cursor:pointer}.calendar-toolbar{display:flex;align-items:center;justify-content:center;gap:18px;margin:10px 0 16px}.calendar-toolbar h2{min-width:220px;text-align:center}.calendar-weekdays,.month-calendar{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr))}.calendar-weekdays span{text-align:center;color:var(--muted);font-size:12px;font-weight:800;padding:8px}.month-calendar{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--line);gap:1px}.calendar-day{min-height:126px;background:#fff;padding:8px;min-width:0}.calendar-day.outside{background:#f4f7f7;color:#9caeb4}.calendar-day.today{box-shadow:inset 0 0 0 2px var(--teal)}.day-number{border:0;background:transparent;color:inherit;font-weight:800;padding:3px 6px}.calendar-event{width:100%;display:flex;flex-direction:column;align-items:flex-start;border:0;border-left:3px solid var(--teal);border-radius:6px;background:#eaf7f4;color:var(--ink);padding:5px 6px;margin-top:5px;overflow:hidden}.calendar-event.pending{border-color:#d59625;background:#fff4dc}.calendar-event b,.calendar-event span{font-size:10px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.calendar-day>small{display:block;color:var(--muted);font-size:10px;margin-top:5px}@media(max-width:760px){.month-calendar,.calendar-weekdays{grid-template-columns:repeat(7,minmax(72px,1fr));min-width:560px}.month-calendar{border-radius:0}.calendar-weekdays{min-width:560px}.view-tabs+ .calendar-toolbar,.calendar-toolbar+ .calendar-weekdays,.month-calendar{overflow:visible}.content:has(.month-calendar){overflow-x:auto}.calendar-day{min-height:104px;padding:5px}.calendar-event span{display:none}}
.availability-hours .hour-row{grid-template-columns:44px 1fr 110px 22px 110px;align-items:start}.break-row{grid-column:2/6;display:grid;grid-template-columns:1fr 110px 22px 110px;gap:8px;align-items:center;padding:6px 0}.break-row small{color:var(--muted)}.blocked-list{display:grid;gap:7px}.blocked-list>div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:8px 0}.preview-flow{display:flex;flex-direction:column;gap:5px;margin:20px 0;color:var(--muted);font-size:12px}@media(max-width:560px){.availability-hours .hour-row{grid-template-columns:38px 1fr 86px 14px 86px}.break-row{grid-column:2/6;grid-template-columns:1fr 86px 14px 86px}.availability-hours input{min-width:0;padding:7px 4px;font-size:12px}}
.settings-section h2{margin:0 0 5px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:4px}.section-heading p{margin:0}.setting-toggle{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;margin:0;padding:17px 2px;border-bottom:1px solid var(--line)}.setting-toggle>span:first-child{display:flex;flex-direction:column;gap:4px}.setting-toggle small,.integration-row small,.team-row small{color:var(--muted);font-weight:500}.settings-note{display:flex;gap:18px;background:#edf7f5;border-radius:13px;padding:15px;margin-top:20px;font-size:13px}.settings-note strong{min-width:140px}.settings-note span{color:var(--muted)}.integration-list,.team-list{display:grid}.integration-row,.team-row{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid var(--line)}.integration-row>div,.team-row>div{display:flex;flex:1;flex-direction:column;gap:3px}.integration-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e0f4ef;color:#087b73;font-weight:900}.connection{padding:6px 9px;border-radius:999px;font-size:11px}.connection.connected{background:#d9f3ed;color:#087068}.connection.testing{background:#e8eef8;color:#35588c}.connection.pending{background:#fff0dc;color:#935d08}.team-row>b{font-size:12px;color:#087068}.settings-nav button{white-space:nowrap}@media(max-width:560px){.settings-nav button:not(.active){display:block}.settings-nav{display:grid;grid-template-columns:1fr 1fr;overflow:visible;margin:0 0 12px;gap:4px}.settings-nav button{width:100%;text-align:center}.section-heading{align-items:center}.settings-note{flex-direction:column;gap:5px}.settings-note strong{min-width:0}.setting-toggle{align-items:flex-start}.integration-row{align-items:flex-start}.connection{margin-left:auto}.team-row{flex-wrap:wrap}.team-row>div{min-width:180px}}