@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/fonts/dm-sans-latin.woff2) format("woff2")}@font-face{font-family:Playfair Display;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/playfair-display-latin-600.woff2) format("woff2")}:root{--color-ink: #132839;--color-muted: #617283;--color-accent: #76cba0;--color-accent-hover: #8ed6b2;--color-ocean: #084d6e;--color-slate: #4d7a8f;--color-canvas: #f5f9fb;--color-pale: #e6f3f8;--color-surface: #ffffff;--color-border: #d5e1e8;--color-control-border: #8395a3;--color-success-surface: #e8f6ee;--color-success: #20573c;--color-error-surface: #fff0ed;--color-error: #923326;--color-on-dark: #dce8ee;--font-body: "DM Sans", sans-serif;--font-display: "Playfair Display", Georgia, serif;--radius-control: 10px;--radius-panel: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--shadow-panel: 0 8px 28px #13283905;font-family:var(--font-body);color:var(--color-ink);background:var(--color-canvas);font-synthesis:none;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--color-ocean);outline-offset:4px}.sidebar :focus-visible{outline-color:var(--color-accent)}.skip{position:fixed;top:-100px;left:20px;z-index:3;padding:12px 20px;background:var(--color-surface);border-radius:var(--radius-control)}.skip:focus{top:12px}.workspace{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100dvh}.sidebar{background:var(--color-ink);color:var(--color-on-dark);padding:44px 28px 32px;display:flex;flex-direction:column}.brand{text-decoration:none;font-size:38px;font-weight:600;letter-spacing:-1.8px;line-height:1.2;color:var(--color-surface);display:flex;align-items:baseline;gap:12px}.brand span{font-size:11px;letter-spacing:1.5px;color:var(--color-accent)}.sidebar-context{margin-top:76px}.sidebar-context>p:last-child{font-size:18px;line-height:1.5;margin:12px 0}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.25px;text-transform:uppercase;margin:0 0 16px;color:var(--color-ocean)}.sidebar .eyebrow{color:var(--color-accent);font-size:10px}.sidebar-note{margin-top:auto;padding-top:80px;font-size:12px;line-height:1.8}.sidebar-rule{display:block;height:3px;width:32px;background:var(--color-accent);margin-bottom:20px}main{padding:28px clamp(24px,4vw,64px) 0;min-width:0;display:flex;flex-direction:column}.topline{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-bottom:25px;border-bottom:1px solid var(--color-border);font-size:13px;color:var(--color-muted)}.topline-divider{margin:0 12px;color:var(--color-slate)}.badge{display:inline-flex;align-items:center;width:fit-content;border-radius:6px;padding:4px 9px;background:var(--color-success-surface);color:var(--color-success);font-size:11px;font-weight:600;letter-spacing:.2px;line-height:1.5}.topline .badge{background:var(--color-pale);color:var(--color-ocean)}.badge--inactive{color:var(--color-muted);background:var(--color-canvas)}h1{font-family:var(--font-display);font-size:clamp(36px,4vw,56px);font-weight:600;line-height:1.16;letter-spacing:-1.5px;margin:0 0 24px;overflow-wrap:anywhere}h2{font-size:19px;line-height:1.4;font-weight:600;margin:0 0 12px}p{margin:0 0 16px}.lead{color:var(--color-muted);font-size:15px;line-height:1.8;max-width:430px}.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px);gap:clamp(32px,5vw,80px);align-items:center;padding:88px 0 100px;max-width:1120px;width:100%;margin-block:auto}.auth-intro{min-width:0}.auth-intro .eyebrow{max-width:280px}.auth-caption{margin:38px 0 0;color:var(--color-muted);font-size:12px}.auth-caption span{margin:0 8px;color:var(--color-slate)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);padding:var(--space-6);box-shadow:var(--shadow-panel);min-width:0}.auth-panel{border-top:3px solid var(--color-accent)}.form-kicker{font-size:14px;font-weight:600;margin:0 0 28px}form{display:grid;gap:22px;margin:0}label,.field{display:grid;gap:8px;min-width:0}label{font-size:13px;font-weight:600}input,select{color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-control-border);border-radius:var(--radius-control);width:100%;min-width:0;min-height:48px;padding:11px 12px;font-size:16px;line-height:1.5}input:hover,select:hover{border-color:var(--color-ocean)}input:disabled,select:disabled{background:var(--color-canvas);cursor:wait}.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:11px 18px;border:1px solid transparent;border-radius:var(--radius-control);font-size:14px;line-height:1.5;font-weight:600;cursor:pointer;background:var(--color-accent);color:var(--color-ink);transition:background-color .12s ease}.button:hover{background:var(--color-accent-hover)}.button--secondary{background:var(--color-surface);color:var(--color-ink);border-color:var(--color-control-border)}.button--secondary:hover{background:var(--color-pale)}.button--text{color:var(--color-ocean);background:transparent;padding-inline:0;text-decoration:underline;text-underline-offset:4px}.button--text:hover{background:transparent;color:var(--color-ink)}.button:disabled{opacity:.6;cursor:wait}.auth-panel>.button--text{margin-top:12px}.message{padding:16px 20px;border-left:3px solid var(--color-success);border-radius:0 10px 10px 0;background:var(--color-success-surface);color:var(--color-success);font-size:14px;margin:24px 0 0;max-width:1120px;overflow-wrap:anywhere}.message.error{color:var(--color-error);background:var(--color-error-surface);border-color:var(--color-error)}.loading{padding-block:64px}.intro{padding:48px 0;max-width:1280px}.workspace-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px}.workspace-heading h1{font-size:clamp(32px,3vw,44px);margin-bottom:0}.workspace-heading .button{flex-shrink:0}.empty-state{background:var(--color-pale);border-color:var(--color-border);padding:28px 32px}.empty-state .badge{background:var(--color-surface);color:var(--color-ocean);margin-bottom:16px}.empty-state p{margin:0;color:var(--color-ocean);font-size:14px}.user-management{margin-top:48px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.section-heading .eyebrow{margin-bottom:6px}.section-heading h2{margin-bottom:0;font-size:22px}.admin-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);align-items:start;gap:24px;margin-top:24px}.team-panel,.invitation-panel{padding:24px}.fine{font-size:12px;color:var(--color-muted);line-height:1.7}.user-list{list-style:none;padding:0;margin:24px 0 0}.user-list li{border-top:1px solid var(--color-border);padding-block:20px}.user-list li:last-child{padding-bottom:0}.user-identity{min-width:0}.user-identity strong{font-size:14px}.user-identity>span:not(.badge){display:block;font-size:12px;color:var(--color-muted);overflow-wrap:anywhere;margin:2px 0 8px}.user-controls{display:flex;gap:12px;align-items:end;margin-top:16px}.user-controls label{flex:1}.user-controls .button{min-height:48px;font-size:12px}.invite-form{margin-top:24px}.invite-form .fine{margin:0}.workspace-footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--color-border);font-size:11px;color:var(--color-muted);padding:22px 0;margin-top:auto}@media(min-width:1700px){main{padding-inline:80px}}@media(max-width:1150px){.workspace{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-inline:24px}.auth-layout{grid-template-columns:1fr;max-width:560px;padding-block:56px;gap:32px;margin-inline:auto}.auth-caption{display:none}.auth-intro .lead{margin-bottom:0}.admin-grid{grid-template-columns:1fr}}@media(max-width:700px){.workspace{display:block}.sidebar{padding:18px 24px}.brand{font-size:28px;letter-spacing:-.8px}.brand span{font-size:10px}.sidebar-context,.sidebar-note{display:none}main{padding:22px 24px 0;min-height:calc(100dvh - 70px)}.topline{padding-bottom:20px;font-size:12px;gap:8px}.topline-divider{margin-inline:6px}.topline .badge{font-size:10px}.auth-layout{padding:40px 0 48px;gap:28px}.auth-panel{padding:24px}h1{font-size:38px;letter-spacing:-1px;margin-bottom:18px}.lead{font-size:14px}.eyebrow{font-size:10px;letter-spacing:1px}.workspace-heading{flex-wrap:wrap;gap:18px}.intro{padding-top:36px}.empty-state{padding:24px}.section-heading{gap:12px}.section-heading h2{font-size:19px}.section-heading .button{padding-inline:12px}.team-panel,.invitation-panel{padding:20px}.user-controls{flex-direction:column;align-items:stretch}.workspace-footer{flex-wrap:wrap;gap:4px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.display-block{display:block;color:inherit;margin-top:8px}.form-grid,.customer-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);align-items:start}fieldset{min-width:0;margin:0;padding:0;border:0}legend{font-weight:600;margin-bottom:var(--space-4)}.service-picker{border-top:1px solid var(--color-border);padding-top:var(--space-5)}.service-choice{padding-block:var(--space-4);border-bottom:1px solid var(--color-border);display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,1fr);gap:var(--space-4);align-items:center}.check-label{display:flex;align-items:center;gap:var(--space-3);min-height:48px;cursor:pointer}.check-label input{width:20px;min-height:20px;height:20px;accent-color:var(--color-ocean)}.customers,.customer-detail{display:grid;gap:var(--space-5)}.customers .section-heading,.customer-detail .section-heading{margin-bottom:0}.customers .section-heading p:last-child,.customer-detail .section-heading p:last-child{margin-bottom:0}.customer-filters{grid-template-columns:2fr 1fr 1.3fr}.customer-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-3)}.customer-link{width:100%;padding:var(--space-5);text-align:left;display:flex;align-items:center;gap:var(--space-4);background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-border);border-radius:var(--radius-panel);cursor:pointer}.customer-link:hover{background:var(--color-pale)}.customer-link>span:first-child{flex:1;min-width:0}.customer-link strong,.customer-link .fine{display:block;overflow-wrap:anywhere}.pagination{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.pagination>span{margin-right:auto;font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.service-config{display:grid;align-content:start;gap:var(--space-4)}.service-config h3,.board-foundation h3{font-size:16px;margin:0}.service-config form{gap:var(--space-3);border-top:1px solid var(--color-border);padding-top:var(--space-4)}.service-config p,.service-config .message{margin:0}.service-config details{font-size:12px;overflow-wrap:anywhere}.service-config summary{cursor:pointer;min-height:44px;padding-block:var(--space-3);color:var(--color-ocean)}.board-foundation{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-3)}.board-foundation>section{background:var(--color-canvas);padding:var(--space-4);border-radius:var(--radius-control);min-width:0;overflow-wrap:anywhere}.board-foundation .fine{margin:var(--space-3) 0 0}.archive-confirm{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.archive-confirm p{width:100%;margin:0}@media(max-width:1150px){.customer-filters{grid-template-columns:1fr}.board-foundation{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.form-grid,.service-grid,.board-foundation,.service-choice{grid-template-columns:1fr}.customer-detail .panel,.customers .panel{padding:var(--space-5)}.customer-detail .section-heading,.customers .section-heading{flex-wrap:wrap;align-items:flex-start}.customer-link{padding:var(--space-4);flex-wrap:wrap}.customer-link>span:first-child{flex-basis:100%}.service-config .button{width:100%}}.customer-detail>.button--text{justify-self:start}.workspace-nav{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.workspace-nav a{min-height:46px;padding:var(--space-3) var(--space-4);color:var(--color-ocean)}.customer-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0;margin:0;list-style:none;font-size:.875rem;color:var(--color-muted)}.customer-breadcrumbs li+li:before{content:"›";margin-right:var(--space-2)}.customer-heading h1{margin-bottom:var(--space-2);font-size:clamp(2.375rem,3.5vw,2.75rem)}.customer-heading p{margin:0;font-size:.875rem}.topline{flex-wrap:wrap}.topline .workspace-nav{margin:0;gap:var(--space-2)}.topline .workspace-nav a{padding-inline:var(--space-1)}.topline>.button{flex-shrink:0;white-space:nowrap}.customer-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;border-bottom:1px solid var(--color-border)}.customer-tabs button{appearance:none;min-width:0;min-height:52px;padding:12px 2px;font:600 .875rem/1.5 var(--font-body);color:var(--color-muted);background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;cursor:pointer}.customer-tabs button:hover{color:var(--color-ink)}.customer-tabs button[aria-selected=true]{color:var(--color-ink);border-bottom-color:var(--color-success)}.customer-detail [role=tabpanel]:not([hidden]){display:grid;gap:var(--space-5)}[hidden]{display:none!important}.customer-detail dl{display:grid;gap:var(--space-3);margin:var(--space-4) 0;overflow-wrap:anywhere}.customer-detail dt{font-size:13px;color:var(--color-muted)}.customer-detail dd{margin:0 0 var(--space-3)}.customer-link,a.button{text-decoration:none}.button[aria-disabled=true]{opacity:.6;cursor:not-allowed}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
