.customer-portal{background:var(--color-surface-raised);min-height:100vh;color:var(--color-text)}.portal-header{height:72px;padding:0 clamp(var(--space-5), 4vw, var(--space-10));border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 96%, transparent);z-index:var(--z-sticky);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:sticky;top:0}.portal-brand{justify-self:start;align-items:center;gap:var(--space-3);color:var(--color-text);cursor:pointer;background:0 0;border:0;display:inline-flex}.portal-brand>span{border-radius:var(--radius-control);background:var(--color-primary-soft);width:36px;height:36px;color:var(--color-primary);place-items:center;font-weight:800;display:grid}.portal-brand strong{font-size:var(--text-lg)}.portal-header>nav{align-items:center;gap:var(--space-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);background:var(--color-surface);padding:4px;display:flex}.portal-header>nav button{min-height:34px;padding:0 var(--space-4);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;background:0 0;border:0;font-weight:620}.portal-header>nav button.active{background:var(--color-text);color:var(--color-surface)}.portal-profile-button{justify-self:end;align-items:center;gap:var(--space-2);color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.portal-profile-button>span{border-radius:var(--radius-full);background:var(--color-primary-soft);width:38px;height:38px;color:var(--color-primary);font-size:var(--text-xs);place-items:center;font-weight:700;display:grid}.portal-profile-button strong,.portal-profile-button small{display:block}.portal-profile-button strong{font-size:var(--text-sm)}.portal-profile-button small{color:var(--color-text-muted);font-size:var(--text-xs)}.portal-profile-button svg{width:14px;color:var(--color-text-subtle)}.portal-container{width:min(1120px,100% - 40px);padding:var(--space-10) 0 var(--space-12);margin:0 auto}.portal-welcome,.portal-page-title{justify-content:space-between;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-7);display:flex}.portal-welcome span,.portal-page-title span,.portal-section-head span,.portal-card-heading>span,.portal-credit-card span,.portal-intake-card>div>span,.portal-balance>span{color:var(--color-text-subtle);letter-spacing:.1em;font-size:.6rem;font-weight:750}.portal-welcome h1,.portal-page-title h1{letter-spacing:-.045em;margin:4px 0;font-size:clamp(1.65rem,4vw,2.5rem);font-weight:650}.portal-welcome p,.portal-page-title p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.portal-home-grid{gap:var(--space-4);grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr);display:grid}.portal-next-booking{padding:var(--space-6);gap:var(--space-5);grid-template-columns:86px minmax(0,1fr);display:grid}.portal-card-heading{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.portal-booking-date{border-radius:var(--radius-card);background:var(--color-primary);width:86px;height:92px;color:var(--color-primary-foreground);align-self:start;place-items:center;display:grid}.portal-booking-date strong{font-size:2rem;line-height:1}.portal-booking-date span{color:var(--color-accent);letter-spacing:.12em;font-size:.65rem;font-weight:750}.portal-booking-copy small{color:var(--color-text-subtle);letter-spacing:.07em;font-size:.62rem;font-weight:700}.portal-booking-copy h2{margin:var(--space-2) 0 var(--space-3);letter-spacing:-.035em;font-size:1.45rem}.portal-booking-copy p{margin:var(--space-1) 0;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);display:flex}.portal-booking-copy p svg{width:14px}.portal-booking-actions{align-items:center;gap:var(--space-2);grid-column:2;display:flex}.portal-side-stack{gap:var(--space-4);display:grid}.portal-credit-card,.portal-intake-card{min-height:146px;padding:var(--space-5)}.portal-credit-card{background:var(--color-text);color:var(--color-surface);justify-content:space-between;align-items:flex-end;display:flex}.portal-credit-card strong{margin:var(--space-2) 0 0;font-size:2rem;display:block}.portal-credit-card small{color:color-mix(in srgb, var(--color-surface) 56%, transparent);font-size:var(--text-xs);display:block}.portal-credit-card button{align-items:center;gap:var(--space-1);color:var(--color-accent);font-size:var(--text-xs);cursor:pointer;background:0 0;border:0;display:inline-flex}.portal-credit-card button svg{width:14px}.portal-intake-card{align-items:center;gap:var(--space-4);display:flex}.portal-task-icon{border-radius:var(--radius-full);background:var(--color-success-soft);width:44px;height:44px;color:var(--color-success);place-items:center;display:grid}.portal-task-icon svg{width:18px}.portal-intake-card strong,.portal-intake-card small{display:block}.portal-intake-card strong{margin-top:var(--space-2);font-size:var(--text-md)}.portal-intake-card small{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:3px}.portal-section{margin-top:var(--space-8)}.portal-section-head{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-end;display:flex}.portal-section-head h2{font-size:var(--text-xl);margin:3px 0 0}.portal-section-head>button{align-items:center;gap:var(--space-1);color:var(--color-primary);font-size:var(--text-xs);cursor:pointer;background:0 0;border:0;font-weight:620;display:inline-flex}.portal-section-head svg{width:14px}.portal-offering-strip{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.portal-offering-strip>button{min-height:104px;padding:var(--space-4);align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-text);text-align:left;cursor:pointer;grid-template-columns:42px minmax(0,1fr) 16px;display:grid}.portal-offering-strip>button:hover{border-color:color-mix(in srgb, var(--color-primary) 35%, var(--color-border));transform:translateY(-1px)}.portal-offering-icon{border-radius:var(--radius-control);background:var(--color-primary-soft);width:42px;height:42px;color:var(--color-primary);place-items:center;display:grid}.portal-offering-icon.group_session{background:var(--color-info-soft);color:var(--color-info)}.portal-offering-icon svg{width:18px}.portal-offering-strip small,.portal-offering-strip strong,.portal-offering-strip p{margin:0;display:block}.portal-offering-strip small{color:var(--color-text-subtle);letter-spacing:.07em;font-size:.55rem;font-weight:700}.portal-offering-strip strong{font-size:var(--text-sm);margin-top:3px}.portal-offering-strip p{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:3px}.portal-offering-strip>button>svg{width:14px;color:var(--color-text-subtle)}.portal-page-section{min-height:600px}.portal-booking-list{gap:var(--space-3);display:grid}.portal-booking-list .panel{min-height:112px;padding:var(--space-4) var(--space-5);align-items:center;gap:var(--space-4);grid-template-columns:64px minmax(0,1fr) auto auto;display:grid}.portal-booking-list .is-past{opacity:.72}.portal-list-date{border-radius:var(--radius-control);background:var(--color-primary-soft);width:58px;height:64px;color:var(--color-primary);place-items:center;display:grid}.portal-list-date strong{font-size:var(--text-xl);line-height:1}.portal-list-date span{letter-spacing:.08em;font-size:.56rem;font-weight:700}.portal-booking-list small,.portal-booking-list strong,.portal-booking-list p{margin:0;display:block}.portal-booking-list small{color:var(--color-text-subtle);letter-spacing:.06em;font-size:.58rem;font-weight:700}.portal-booking-list strong{font-size:var(--text-md);margin-top:4px}.portal-booking-list p{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:3px}.portal-credit-layout{gap:var(--space-4);grid-template-columns:.85fr 1.15fr;display:grid}.portal-balance{min-height:280px;padding:var(--space-7);background:var(--color-primary);color:var(--color-primary-foreground)}.portal-balance strong{margin-top:var(--space-5);font-size:2.25rem;display:block}.portal-balance p{max-width:300px;margin:var(--space-2) 0 var(--space-7);color:color-mix(in srgb, var(--color-primary-foreground) 68%, transparent);font-size:var(--text-sm)}.portal-balance .primary{background:var(--color-accent);color:var(--color-accent-foreground)}.portal-credit-history{padding:var(--space-6)}.portal-credit-history h2{margin:0 0 var(--space-5);font-size:var(--text-lg)}.portal-credit-history>div{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border-subtle);grid-template-columns:36px minmax(0,1fr) auto;min-height:70px;display:grid}.portal-credit-history>div>span{border-radius:var(--radius-full);background:var(--color-primary-soft);width:34px;height:34px;color:var(--color-primary);place-items:center;display:grid}.portal-credit-history svg{width:14px}.portal-credit-history p,.portal-credit-history strong,.portal-credit-history small{margin:0;display:block}.portal-credit-history strong{font-size:var(--text-sm)}.portal-credit-history small{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:3px}.portal-credit-history b{color:var(--color-primary);font-size:var(--text-sm)}.portal-profile-card{min-height:140px;padding:var(--space-6);align-items:center;gap:var(--space-5);grid-template-columns:76px repeat(3,1fr) auto;display:grid}.portal-profile-avatar{border-radius:var(--radius-full);background:var(--color-primary-soft);width:66px;height:66px;color:var(--color-primary);place-items:center;font-weight:750;display:grid}.portal-profile-card small,.portal-profile-card strong{display:block}.portal-profile-card small{color:var(--color-text-subtle);letter-spacing:.07em;font-size:.58rem;font-weight:700}.portal-profile-card strong{font-size:var(--text-sm);margin-top:4px}.portal-mobile-nav{display:none}.portal-flow-overlay{padding:var(--space-5);background:var(--color-overlay);z-index:var(--z-overlay);place-items:center;display:grid;position:fixed;inset:0}.portal-flow{border-radius:var(--radius-card);background:var(--color-surface);width:min(620px,100%);height:min(780px,100vh - 40px);box-shadow:var(--shadow-floating);flex-direction:column;display:flex;overflow:hidden}.portal-flow>header{height:70px;padding:0 var(--space-5);align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface);grid-template-columns:40px minmax(0,1fr) 40px;display:grid;position:static}.portal-flow>header>button{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;place-items:center;display:grid}.portal-flow>header svg{width:16px}.portal-flow>header span,.portal-flow>header small{display:block}.portal-flow>header span{font-size:var(--text-sm);font-weight:650}.portal-flow>header small{color:var(--color-text-muted);font-size:var(--text-xs)}.portal-flow-progress{background:var(--color-surface-muted);grid-template-columns:repeat(3,1fr);height:3px;display:grid}.portal-flow-progress i{background:0 0}.portal-flow-progress i.active,.portal-flow-progress i.done{background:var(--color-primary)}.portal-flow-body{min-height:0;padding:var(--space-7);flex:1;overflow-y:auto}.portal-flow-title{margin-bottom:var(--space-6)}.portal-flow-title>span{color:var(--color-primary);letter-spacing:.08em;font-size:.58rem;font-weight:750}.portal-flow-title h2{margin:var(--space-2) 0 var(--space-1);letter-spacing:-.035em;font-size:1.65rem}.portal-flow-title p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.portal-flow-options{gap:var(--space-3);display:grid}.portal-flow-options>button{min-height:112px;padding:var(--space-4);align-items:center;gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-text);text-align:left;cursor:pointer;grid-template-columns:46px minmax(0,1fr) 18px;display:grid}.portal-flow-options>button:hover{border-color:var(--color-primary);background:var(--color-surface-raised)}.portal-flow-options small,.portal-flow-options strong,.portal-flow-options p,.portal-flow-options b{margin:0;display:block}.portal-flow-options small{color:var(--color-text-subtle);letter-spacing:.07em;font-size:.55rem;font-weight:700}.portal-flow-options strong{font-size:var(--text-md);margin-top:3px}.portal-flow-options p{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:2px}.portal-flow-options b{margin-top:var(--space-2);color:var(--color-primary);font-size:var(--text-xs)}.portal-flow-options>button>svg{width:16px;color:var(--color-text-subtle)}.portal-date-switch{margin-bottom:var(--space-5);border-radius:var(--radius-control);background:var(--color-surface-muted);gap:2px;padding:3px;display:flex}.portal-date-switch button{border-radius:calc(var(--radius-control) - 3px);min-height:36px;color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;background:0 0;border:0;flex:1}.portal-date-switch button.active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-card)}.portal-moment-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.portal-moment-grid button{min-height:116px;padding:var(--space-4);gap:2px var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-text);text-align:left;cursor:pointer;grid-template-columns:auto 1fr;display:grid}.portal-moment-grid button.active{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.portal-moment-grid span{color:var(--color-text-subtle);font-size:.58rem;font-weight:700}.portal-moment-grid strong{font-size:var(--text-xl);line-height:1}.portal-moment-grid b{margin-top:var(--space-3);font-size:var(--text-lg);grid-column:1/-1}.portal-moment-grid small{color:var(--color-text-muted);font-size:var(--text-xs);grid-column:1/-1}.portal-flow-primary{width:100%;margin-top:var(--space-5)}.portal-flow-summary{overflow:hidden}.portal-flow-summary>div{min-height:64px;padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border-subtle);display:flex}.portal-flow-summary>div:first-child{justify-content:flex-start;min-height:90px}.portal-flow-summary p{margin:0}.portal-flow-summary small,.portal-flow-summary strong,.portal-flow-summary p>span{display:block}.portal-flow-summary small{color:var(--color-text-subtle);letter-spacing:.07em;font-size:.55rem;font-weight:700}.portal-flow-summary strong{font-size:var(--text-sm);margin-top:2px}.portal-flow-summary p>span,.portal-flow-summary>div>span{color:var(--color-text-muted);font-size:var(--text-xs)}.portal-payment-choice{margin-top:var(--space-4);gap:var(--space-2);display:grid}.portal-payment-choice button{min-height:66px;padding:var(--space-3);align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);text-align:left;cursor:pointer;grid-template-columns:34px minmax(0,1fr) 18px;display:grid}.portal-payment-choice button.active{border-color:var(--color-primary);background:var(--color-primary-soft)}.portal-payment-choice>button>svg{width:17px;color:var(--color-primary)}.portal-payment-choice strong,.portal-payment-choice small{display:block}.portal-payment-choice strong{font-size:var(--text-sm)}.portal-payment-choice small{color:var(--color-text-muted);font-size:var(--text-xs)}.portal-flow-legal{margin:var(--space-3) 0 0;color:var(--color-text-subtle);font-size:var(--text-xs);text-align:center}.portal-confirmed{padding:var(--space-8) 0;text-align:center;place-items:center;display:grid}.portal-confirmed>span{width:72px;height:72px;margin-bottom:var(--space-5);border-radius:var(--radius-full);background:var(--color-success-soft);color:var(--color-success);place-items:center;display:grid}.portal-confirmed>span svg{width:28px}.portal-confirmed>small{color:var(--color-success);letter-spacing:.1em;font-size:.6rem;font-weight:750}.portal-confirmed h2{margin:var(--space-2) 0;font-size:2rem}.portal-confirmed>p{margin:0 0 var(--space-6);color:var(--color-text-muted)}.portal-confirmed .panel{width:min(360px,100%);margin-bottom:var(--space-5);padding:var(--space-4);align-items:center;gap:var(--space-3);text-align:left;display:flex}.portal-confirmed .panel>svg{width:20px;color:var(--color-primary)}.portal-confirmed .panel strong,.portal-confirmed .panel small{display:block}.portal-confirmed .panel strong{font-size:var(--text-sm)}.portal-confirmed .panel small{color:var(--color-text-muted);font-size:var(--text-xs)}@media (max-width:780px){.customer-portal{padding-bottom:86px}.portal-header{height:62px;padding:0 var(--space-4);display:flex}.portal-header>nav,.portal-profile-button{display:none}.portal-container{width:calc(100% - 32px);padding:var(--space-6) 0 var(--space-8)}.portal-welcome,.portal-page-title{flex-direction:column;align-items:flex-start}.portal-welcome>.primary,.portal-page-title>.primary{width:100%}.portal-home-grid,.portal-credit-layout{grid-template-columns:1fr}.portal-next-booking{padding:var(--space-5);grid-template-columns:68px minmax(0,1fr)}.portal-booking-date{width:68px;height:76px}.portal-booking-actions{grid-column:1/-1}.portal-side-stack{grid-template-columns:1fr 1fr}.portal-credit-card,.portal-intake-card{min-height:132px}.portal-credit-card{flex-direction:column;align-items:flex-start}.portal-offering-strip{scroll-snap-type:x mandatory;margin-right:-16px;padding-right:16px;display:flex;overflow-x:auto}.portal-offering-strip>button{scroll-snap-align:start;min-width:250px}.portal-booking-list .panel{grid-template-columns:58px minmax(0,1fr) auto}.portal-booking-list .panel>button{grid-column:2/4;justify-self:start}.portal-profile-card{grid-template-columns:64px 1fr}.portal-profile-card>div:not(.portal-profile-avatar){grid-column:2}.portal-profile-card>button{grid-column:1/-1}.portal-mobile-nav{height:72px;padding:6px var(--space-2) max(6px, env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-surface);z-index:var(--z-navigation);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.portal-mobile-nav button{color:var(--color-text-subtle);cursor:pointer;background:0 0;border:0;align-content:center;place-items:center;gap:2px;font-size:.55rem;display:grid}.portal-mobile-nav button.active{color:var(--color-primary)}.portal-mobile-nav svg{width:19px}.portal-mobile-nav .portal-book-action{color:var(--color-primary);align-content:start}.portal-book-action svg{border-radius:var(--radius-full);background:var(--color-primary);width:42px;height:42px;color:var(--color-primary-foreground);box-shadow:var(--shadow-floating);margin-top:-20px;padding:11px}.portal-flow-overlay{padding:0}.portal-flow{border-radius:0;width:100%;height:100dvh}.portal-flow-body{padding:var(--space-5)}}@media (max-width:520px){.portal-side-stack,.portal-moment-grid{grid-template-columns:1fr}.portal-booking-list .panel{grid-template-columns:52px minmax(0,1fr)}.portal-booking-list .panel>.ui-badge{grid-column:2;justify-self:start}.portal-booking-list .panel>button{grid-column:2}}
.control-shell{background:var(--color-background);min-height:100dvh;color:var(--color-text);grid-template-columns:244px minmax(0,1fr);display:grid}.control-sidebar{border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;height:100dvh;display:flex;position:sticky;top:0}.control-brand{height:var(--topbar-height);padding:0 var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.control-brand img{width:142px;height:auto}.control-brand .ui-badge{font-size:.48rem}.control-sidebar nav{padding:var(--space-6) var(--space-4);gap:3px;display:grid}.control-sidebar nav>span{margin:0 var(--space-3) var(--space-3);color:var(--color-text-subtle);letter-spacing:.1em;font-size:.55rem;font-weight:750}.control-sidebar nav button{min-height:44px;padding:0 var(--space-3);align-items:center;gap:var(--space-3);border-radius:var(--radius-control);color:var(--color-text-muted);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:20px minmax(0,1fr) auto;display:grid}.control-sidebar nav button:hover{background:var(--color-surface-muted);color:var(--color-text)}.control-sidebar nav button.active{background:var(--color-primary-soft);color:var(--color-primary)}.control-sidebar nav button svg{width:17px}.control-sidebar nav button strong{font-size:var(--text-sm);font-weight:620}.control-sidebar nav button i{border-radius:var(--radius-full);background:var(--color-surface-muted);place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.6rem;font-style:normal;display:grid}.control-sidebar nav button.active i{background:var(--color-surface)}.control-sidebar-bottom{margin-top:auto}.control-profile{min-height:74px;padding:var(--space-3) var(--space-5);align-items:center;gap:var(--space-3);border-top:1px solid var(--color-border);grid-template-columns:38px minmax(0,1fr) 18px;display:grid}.control-profile>span{border-radius:var(--radius-full);background:var(--color-text);width:38px;height:38px;color:var(--color-surface);font-size:var(--text-xs);place-items:center;display:grid}.control-profile strong,.control-profile small{display:block}.control-profile strong{font-size:var(--text-sm)}.control-profile small{color:var(--color-text-muted);font-size:var(--text-xs)}.control-profile svg{width:16px;color:var(--color-text-muted)}.control-main{min-width:0}.control-topbar{z-index:var(--z-sticky);height:var(--topbar-height);padding:0 var(--page-inline);align-items:center;gap:var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-surface);grid-template-columns:auto minmax(260px,440px) minmax(260px,1fr);display:grid;position:sticky;top:0}.control-topbar>div:first-child small,.control-topbar>div:first-child strong{display:block}.control-topbar>div:first-child small{color:var(--color-text-subtle);letter-spacing:.1em;font-size:.52rem;font-weight:750}.control-topbar>div:first-child strong{font-size:var(--text-xl);margin-top:3px}.control-topbar>div:last-child{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.control-topbar svg{width:16px}.control-search{height:42px;padding:0 var(--space-3);align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);display:flex}.control-search svg{color:var(--color-text-subtle)}.control-search input{width:100%;color:var(--color-text);font:inherit;font-size:var(--text-sm);background:0 0;border:0;outline:0}.control-content{width:min(100%,1440px);padding:var(--space-8) var(--page-inline) var(--space-12);margin:0 auto}.control-heading{margin-bottom:var(--space-7);justify-content:space-between;align-items:flex-end;gap:var(--space-6);display:flex}.control-heading.compact{align-items:center}.control-heading span{color:var(--color-primary);letter-spacing:.11em;font-size:.58rem;font-weight:750}.control-heading h1{margin:var(--space-2) 0 0;font-size:var(--text-display);letter-spacing:-.05em;font-weight:620}.control-heading p{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--text-md)}.control-heading svg{width:16px}.control-metrics{margin-bottom:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-card);grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.control-metrics .panel{min-height:126px;padding:var(--space-5);border:0;border-right:1px solid var(--color-border);border-radius:0}.control-metrics .panel:last-child{border-right:0}.control-metrics span{color:var(--color-text-subtle);letter-spacing:.08em;font-size:.55rem;font-weight:750}.control-metrics strong{margin-top:var(--space-3);letter-spacing:-.04em;font-size:1.5rem;display:block}.control-metrics small{color:var(--color-text-muted);font-size:var(--text-xs);align-items:center;gap:4px;margin-top:5px;display:flex}.control-metrics small svg{width:13px;color:var(--color-success)}.control-metrics small.attention{color:var(--color-warning)}.control-grid{gap:var(--space-5);grid-template-columns:minmax(0,1.6fr) minmax(300px,.72fr);display:grid}.control-accounts{overflow:hidden}.control-accounts>header,.control-applications>header{width:auto;height:auto;padding:var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;display:flex;position:static}.control-accounts>header span,.control-applications>header span{color:var(--color-text-subtle);letter-spacing:.08em;font-size:.55rem;font-weight:750;display:block}.control-accounts>header strong,.control-applications>header strong{font-size:var(--text-lg);margin-top:3px;display:block}.control-account-head{padding:var(--space-3) var(--space-5) var(--space-3) 76px;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-raised);color:var(--color-text-subtle);letter-spacing:.07em;grid-template-columns:minmax(210px,1fr) 110px 130px 70px 16px;font-size:.52rem;font-weight:750;display:grid}.control-accounts>button{width:100%;min-height:76px;padding:var(--space-3) var(--space-5);align-items:center;gap:var(--space-3);border:0;border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface);color:var(--color-text);text-align:left;cursor:pointer;grid-template-columns:40px minmax(160px,1fr) 110px 130px 70px 16px;display:grid}.control-accounts>button:last-child{border-bottom:0}.control-accounts>button:hover,.control-accounts>button.active{background:var(--color-surface-raised)}.control-accounts>button.active{box-shadow:inset 3px 0 var(--color-primary)}.control-accounts>button>span:nth-child(2) strong,.control-accounts>button>span:nth-child(2) small{display:block}.control-accounts>button>span:nth-child(2) strong{font-size:var(--text-sm)}.control-accounts>button>span:nth-child(2) small{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:2px}.control-accounts>button>span:nth-child(3),.control-accounts>button>b{font-size:var(--text-xs);font-weight:620}.control-accounts>button>svg{width:15px;color:var(--color-text-subtle)}.control-avatar{border-radius:var(--radius-control);background:var(--color-primary-soft);width:40px;height:40px;color:var(--color-primary);font-size:var(--text-xs);place-items:center;font-weight:750;display:grid}.control-avatar.large{width:46px;height:46px}.control-tenant-panel{overflow:hidden}.control-tenant-panel>header{width:auto;height:auto;padding:var(--space-5);align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface);grid-template-columns:46px minmax(0,1fr) 28px;display:grid;position:static}.control-tenant-panel>header small{color:var(--color-text-subtle);letter-spacing:.08em;font-size:.52rem;font-weight:750}.control-tenant-panel>header h2{font-size:var(--text-lg);margin:3px 0 0}.control-tenant-panel>header p{color:var(--color-text-muted);font-size:var(--text-xs);margin:2px 0 0}.control-tenant-panel>header button{color:var(--color-text-muted);background:0 0;border:0;place-items:center;display:grid}.control-tenant-panel>header button svg{width:17px}.control-tenant-panel dl{padding:var(--space-2) var(--space-5);margin:0}.control-tenant-panel dl>div{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;min-height:50px;display:flex}.control-tenant-panel dl>div:last-child{border:0}.control-tenant-panel dt{color:var(--color-text-muted);font-size:var(--text-xs)}.control-tenant-panel dd{font-size:var(--text-xs);margin:0;font-weight:620}.control-panel-actions{padding:var(--space-4) var(--space-5);gap:var(--space-2);border-top:1px solid var(--color-border);grid-template-columns:1fr 1.35fr;display:grid}.control-panel-actions button{width:100%}.control-panel-actions svg{width:14px}.control-privacy{padding:0 var(--space-5) var(--space-5);align-items:center;gap:var(--space-2);color:var(--color-text-muted);margin:0;font-size:.65rem;display:flex}.control-privacy svg{width:13px}.control-trial{margin:0 var(--space-5) var(--space-3);padding:var(--space-3);align-items:center;gap:var(--space-3);border-radius:var(--radius-card-inner);background:var(--color-info-soft);color:var(--color-info);display:flex}.control-trial svg{width:16px}.control-trial strong,.control-trial small{font-size:var(--text-xs);display:block}.control-trial small{color:var(--color-text-muted)}.control-lower-grid{margin-top:var(--space-5);gap:var(--space-5);grid-template-columns:1.35fr 1fr;display:grid}.control-applications{overflow:hidden}.control-applications>div{min-height:68px;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.control-applications>div:last-child{border-bottom:0}.control-applications>div>span strong,.control-applications>div>span small{display:block}.control-applications>div>span strong{font-size:var(--text-sm)}.control-applications>div>span small{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:2px}.control-applications>div>span:last-child{align-items:center;gap:var(--space-3);text-align:right;display:flex}.control-payment-alert{padding:var(--space-5);align-content:start;gap:var(--space-4);grid-template-columns:44px minmax(0,1fr);display:grid}.control-payment-alert>span{border-radius:var(--radius-control);background:var(--color-warning-soft);width:44px;height:44px;color:var(--color-warning);place-items:center;display:grid}.control-payment-alert>span svg{width:19px}.control-payment-alert small{color:var(--color-warning);letter-spacing:.08em;font-size:.55rem;font-weight:750}.control-payment-alert h2{margin:var(--space-2) 0 0;font-size:var(--text-lg)}.control-payment-alert p{margin:var(--space-2) 0 var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-body)}.customer-view{align-items:start}.control-simple-list{overflow:hidden}.control-simple-list article{min-height:78px;padding:var(--space-3) var(--space-5);align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-border-subtle);grid-template-columns:42px minmax(180px,1fr) 130px 110px auto;display:grid}.control-simple-list article:last-child{border-bottom:0}.control-simple-list article strong,.control-simple-list article p{margin:0;display:block}.control-simple-list article strong{font-size:var(--text-sm)}.control-simple-list article p,.control-simple-list article>small{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:2px}.control-step{border-radius:var(--radius-control);background:var(--color-surface-muted);width:36px;height:36px;color:var(--color-text-muted);font-size:var(--text-xs);place-items:center;font-weight:700;display:grid}.control-simple-list article>b{font-size:var(--text-sm)}.control-plan-grid{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.control-plan-grid .panel{padding:var(--space-6);grid-template-columns:1fr auto;align-items:end;display:grid}.control-plan-grid .panel>span{color:var(--color-text-subtle);letter-spacing:.08em;grid-column:1/-1;font-size:.58rem;font-weight:750}.control-plan-grid .panel>strong{margin-top:var(--space-5);letter-spacing:-.05em;font-size:2rem;display:block}.control-plan-grid .panel>small{color:var(--color-text-muted);font-size:var(--text-xs);grid-column:1;margin-top:4px;display:block}.control-plan-grid .ui-badge{grid-area:2/2/4}.control-rule{margin-top:var(--space-5);padding:var(--space-5);align-items:center;gap:var(--space-4);display:flex}.control-rule>svg{width:22px;color:var(--color-success)}.control-rule strong,.control-rule p{margin:0;display:block}.control-rule p{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:3px}.control-dialog-backdrop{z-index:var(--z-overlay);padding:var(--space-6);background:var(--color-overlay);place-items:center;display:grid;position:fixed;inset:0}.control-dialog{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);width:min(580px,100%);box-shadow:var(--shadow-floating)}.control-dialog>header{width:auto;height:auto;min-height:0;padding:var(--space-6);align-items:start;gap:var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface);grid-template-columns:42px minmax(0,1fr) 38px;display:grid;position:static}.control-dialog>header>span{border-radius:var(--radius-control);background:var(--color-primary-soft);width:42px;height:42px;color:var(--color-primary);place-items:center;display:grid}.control-dialog>header>span svg{width:18px}.control-dialog>header small{color:var(--color-text-subtle);letter-spacing:.08em;font-size:.55rem;font-weight:750}.control-dialog>header h2{font-size:var(--text-xl);margin:3px 0 0}.control-dialog>header p{color:var(--color-text-muted);font-size:var(--text-sm);margin:3px 0 0}.control-dialog>div{padding:var(--space-6)}.control-readonly{margin-bottom:var(--space-5);padding:var(--space-4);align-items:center;gap:var(--space-3);border-radius:var(--radius-card-inner);background:var(--color-info-soft);color:var(--color-info);display:flex}.control-readonly>svg{width:18px}.control-readonly strong,.control-readonly small{font-size:var(--text-xs);display:block}.control-readonly small{color:var(--color-text-muted);margin-top:2px}.control-dialog select{width:100%;height:44px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font:inherit}.control-dialog>footer{padding:var(--space-4) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);border-top:1px solid var(--color-border);display:flex}.control-dialog>footer p,.control-dialog>footer span{align-items:center;gap:var(--space-2);margin:0;display:flex}.control-dialog>footer p{color:var(--color-text-muted);font-size:var(--text-xs)}.control-dialog>footer svg{width:14px}@media (max-width:1100px){.control-shell{grid-template-columns:82px minmax(0,1fr)}.control-brand{justify-content:center;padding:0;overflow:hidden}.control-brand img{width:185px;max-width:none;transform:translate(77px)}.control-brand .ui-badge,.control-sidebar nav>span,.control-sidebar nav button strong,.control-sidebar nav button i,.control-profile div,.control-profile>svg{display:none}.control-sidebar nav{padding-inline:var(--space-3)}.control-sidebar nav button{grid-template-columns:1fr;place-items:center;padding:0;display:grid}.control-profile{padding:var(--space-3);grid-template-columns:1fr;place-items:center;display:grid}.control-topbar{grid-template-columns:auto minmax(240px,1fr) auto}.control-metrics{grid-template-columns:1fr 1fr}.control-metrics .panel:nth-child(2){border-right:0}.control-metrics .panel:nth-child(-n+2){border-bottom:1px solid var(--color-border)}.control-grid,.control-lower-grid{grid-template-columns:1fr}.control-tenant-panel{order:-1}}@media (max-width:720px){.control-shell{display:block}.control-sidebar{display:none}.control-topbar{padding:0 var(--space-4);grid-template-columns:1fr auto}.control-topbar>div:first-child small,.control-search,.control-topbar>div:last-child .outline{display:none}.control-content{padding:var(--space-6) var(--space-4) var(--space-10)}.control-heading{flex-direction:column;align-items:flex-start}.control-metrics{grid-template-columns:1fr 1fr}.control-account-head{display:none}.control-accounts>button{grid-template-columns:40px minmax(0,1fr) auto}.control-accounts>button>span:nth-child(3),.control-accounts>button>.ui-badge,.control-accounts>button>b{display:none}.control-simple-list article{grid-template-columns:40px minmax(0,1fr) auto}.control-simple-list article>small,.control-simple-list article>.ui-badge{display:none}.control-plan-grid{grid-template-columns:1fr}.control-dialog-backdrop{align-items:end;padding:0}.control-dialog{border-radius:var(--radius-card) var(--radius-card) 0 0}.control-dialog>footer{flex-direction:column;align-items:stretch}.control-dialog>footer span{grid-template-columns:1fr 1.4fr;display:grid}}
body{font-family:var(--font-dm)}h1,h2,h3,strong{font-family:var(--font-manrope)}