.client-app-shell{--client-bg:#f7f8f4;--client-surface:#fff;--client-surface-soft:#f1f5f0;--client-ink:#183229;--client-muted:#6f7c75;--client-line:#dce5de;--client-green:#006039;--client-green-dark:#004a2c;--client-green-soft:#e7f2e9;--client-gold:#bb9d6c;--client-cream:#f1f0e1;--client-danger:#9d2d26;background:var(--client-bg);min-height:100dvh;color:var(--client-ink);font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;overflow-x:clip}.client-app-shell :is(a,button,input):focus-visible{outline:2px solid var(--client-green);outline-offset:3px}.client-app-shell a{color:inherit}.client-skip-link{z-index:100;background:var(--client-green);color:#fff;border-radius:8px;padding:10px 16px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.client-skip-link:focus{transform:translateY(0)}.client-sidebar{z-index:40;border-right:1px solid var(--client-line);background:var(--client-surface);flex-direction:column;flex:none;justify-content:space-between;width:272px;height:100dvh;display:flex;position:sticky;top:0}.client-sidebar-header{border-bottom:1px solid var(--client-line);justify-content:space-between;align-items:center;min-height:74px;padding:14px 18px;display:flex}.client-sidebar-header>a{flex:1;min-width:0;text-decoration:none;display:block}.client-sidebar .hair-lockup{align-items:center;gap:9px;min-width:0;display:flex}.client-sidebar .hair-lockup-text{flex-direction:column;min-width:0;line-height:1.02;display:flex}.client-sidebar .hair-mark{width:34px;height:34px}.client-sidebar .hair-lockup-kicker{color:var(--client-gold);white-space:nowrap;font-size:7px;display:block}.client-sidebar .hair-lockup-name{color:var(--client-ink);white-space:nowrap;font-size:17px;display:block}.client-sidebar .hair-lockup-sub{color:var(--client-muted);white-space:nowrap;font-size:7px;display:block}.client-sidebar-close,.client-menu-button,.client-icon-button{color:var(--client-muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.client-sidebar-close{border-radius:10px;width:44px;height:44px;display:none}.client-sidebar-close:hover,.client-menu-button:hover,.client-icon-button:hover{background:var(--client-surface-soft);color:var(--client-green)}.client-sidebar-content{padding:24px 16px}.client-sidebar-label{color:var(--client-muted);letter-spacing:.14em;text-transform:uppercase;padding:0 12px 9px;font-size:10px;font-weight:700;display:block}.client-sidebar-label-spaced{margin-top:29px}.client-sidebar-nav{gap:5px;display:grid}.client-sidebar-link{min-height:46px;color:var(--client-muted);border-radius:11px;align-items:center;gap:12px;padding:10px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:background .18s,color .18s;display:flex}.client-sidebar-link svg{color:var(--client-green);flex:none}.client-sidebar-link:hover{background:var(--client-surface-soft);color:var(--client-ink)}.client-sidebar-link-active{background:var(--client-green);color:#fff}.client-sidebar-link-active svg{color:#fff}.client-sidebar-footer{border-top:1px solid var(--client-line);background:#fbfcfa;gap:16px;padding:16px;display:grid}.client-security-status{border:1px solid var(--client-line);color:var(--client-muted);border-radius:10px;align-items:center;gap:8px;padding:10px 11px;font-size:11px;font-weight:600;display:flex}.client-security-status svg{color:var(--client-green);margin-left:auto}.client-status-dot{background:#2b9b62;border-radius:50%;flex:none;width:8px;height:8px}.client-profile-row{align-items:center;gap:10px;min-width:0;display:flex}.client-avatar{background:var(--client-green-soft);width:36px;height:36px;color:var(--client-green);border:1px solid #0060393d;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:inline-flex}.client-avatar-small{width:34px;height:34px}.client-profile-copy{flex:1;gap:2px;min-width:0;display:grid}.client-profile-copy strong,.client-profile-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.client-profile-copy strong{color:var(--client-ink);font-size:12px}.client-profile-copy small{color:var(--client-muted);font-size:10px}.client-main-column{flex-direction:column;flex:1;min-width:0;display:flex}.client-topbar{z-index:20;border-bottom:1px solid var(--client-line);background:var(--client-surface);justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:14px clamp(20px,4vw,48px);display:flex;position:sticky;top:0}.client-topbar-leading,.client-topbar-actions{align-items:center;display:flex}.client-topbar-leading{gap:14px;min-width:0}.client-topbar-actions{gap:10px}.client-menu-button{border-radius:10px;width:44px;height:44px;display:none}.client-breadcrumb{min-width:0;color:var(--client-muted);align-items:center;gap:9px;font-size:12px;display:flex}.client-breadcrumb span,.client-breadcrumb strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.client-breadcrumb strong{color:var(--client-ink);font-weight:700}.client-breadcrumb b{color:var(--client-line);font-weight:400}.client-icon-button{border-radius:10px;width:44px;height:44px;position:relative}.client-notification-dot{border:2px solid var(--client-surface);background:#c56c4c;border-radius:50%;width:7px;height:7px;position:absolute;top:10px;right:10px}.client-account-button{min-height:44px;color:var(--client-ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:4px 8px 4px 4px;font-size:12px;font-weight:700;display:inline-flex}.client-account-button:hover{border-color:var(--client-line);background:var(--client-surface-soft)}.client-account-name{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.client-popover-anchor{position:relative}.client-popover{z-index:60;border:1px solid var(--client-line);background:var(--client-surface);width:min(310px,100vw - 32px);color:var(--client-ink);border-radius:14px;padding:16px;font-size:12px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 45px -25px #18322961}.client-popover-heading{border-bottom:1px solid var(--client-line);justify-content:space-between;padding-bottom:11px;display:flex}.client-popover-heading span{color:var(--client-green);font-size:10px;font-weight:700}.client-notification-popover p{color:var(--client-muted);align-items:flex-start;gap:8px;margin-top:12px;line-height:1.45;display:flex}.client-notification-popover p svg{color:var(--client-green);flex:none;margin-top:1px}.client-account-popover{gap:8px;display:grid}.client-account-popover>span{color:var(--client-muted);font-size:11px}.client-account-popover a{border-top:1px solid var(--client-line);color:var(--client-green);padding-top:9px;font-weight:700;text-decoration:none}.client-main-content{width:min(1440px,100%);margin:0 auto;padding:clamp(26px,4vw,52px) clamp(20px,4vw,48px) 60px}.client-dashboard{gap:22px;display:grid}.client-page-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.client-eyebrow,.client-card-kicker{color:var(--client-green);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:800}.client-page-heading h1{color:var(--client-ink);letter-spacing:-.025em;margin-top:8px;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(42px,5vw,62px);font-weight:600;line-height:.98}.client-page-heading p{color:var(--client-muted);margin-top:10px;font-size:14px}.client-status-pill,.client-card-tag,.client-ai-badge{border-radius:999px;align-items:center;gap:8px;font-size:11px;font-weight:700;display:inline-flex}.client-status-pill{background:var(--client-green-soft);color:var(--client-green);white-space:nowrap;border:1px solid #00603929;padding:10px 13px}.client-trust-notice{color:#75674e;background:#fbf8ef;border:1px solid #bb9d6c66;border-radius:11px;align-items:flex-start;gap:9px;padding:12px 15px;font-size:12px;line-height:1.45;display:flex}.client-trust-notice svg{color:var(--client-gold);flex:none;margin-top:1px}.client-overview-grid{grid-template-columns:minmax(0,1.65fr) repeat(2,minmax(190px,.8fr));gap:16px;display:grid}.client-hero-card,.client-summary-card,.client-panel,.client-support-card{border:1px solid var(--client-line);background:var(--client-surface);border-radius:16px;box-shadow:0 12px 28px -25px #18322966}.client-hero-card{background:var(--client-green-dark);color:#f1f0e1;flex-direction:column;min-height:280px;padding:25px;display:flex;position:relative;overflow:hidden}.client-hero-card:after{content:"";pointer-events:none;border:1px solid #bb9d6c47;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-120px;right:-80px}.client-card-topline{z-index:1;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.client-hero-card .client-card-kicker{color:var(--client-gold)}.client-card-tag{color:#d4ded2;white-space:nowrap;background:#f1f0e11a;padding:6px 9px;font-size:10px}.client-hero-card h2{z-index:1;color:#f1f0e1;max-width:520px;margin-top:25px;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(29px,3vw,42px);line-height:1.02;position:relative}.client-hero-card>p{z-index:1;color:#b6c5b9;max-width:560px;margin-top:10px;font-size:13px;line-height:1.6;position:relative}.client-primary-button,.client-secondary-button{border-radius:10px;justify-content:center;align-items:center;gap:9px;width:fit-content;min-height:44px;font-size:12px;font-weight:800;text-decoration:none;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.client-primary-button{z-index:1;background:var(--client-gold);color:var(--client-ink);margin-top:20px;padding:10px 14px;position:relative}.client-primary-button:hover{background:#d2b884;transform:translateY(-1px)}.client-journey-progress{z-index:1;gap:8px;margin-top:auto;padding-top:26px;display:grid;position:relative}.client-progress-copy{color:#b6c5b9;justify-content:space-between;gap:12px;font-size:11px;display:flex}.client-progress-copy b{color:var(--client-gold)}.client-progress-track{background:#f1f0e129;border-radius:99px;height:7px;overflow:hidden}.client-progress-track span{border-radius:inherit;background:var(--client-gold);width:50%;height:100%;display:block}.client-summary-card{flex-direction:column;min-height:280px;padding:22px;display:flex}.client-summary-icon{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:auto;display:inline-flex}.client-summary-icon-gold{color:#8d7040;background:#f6efe1}.client-summary-icon-green{background:var(--client-green-soft);color:var(--client-green)}.client-summary-card strong{color:var(--client-ink);margin-top:9px;font-family:Cormorant Garamond,Georgia,serif;font-size:27px;line-height:1}.client-summary-card p{color:var(--client-muted);margin-top:10px;font-size:12px;line-height:1.55}.client-summary-card a{color:var(--client-green);align-items:center;gap:7px;margin-top:auto;padding-top:18px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.client-content-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:start;gap:16px;display:grid}.client-panel{min-width:0;padding:24px}.client-journey-panel,.client-preview-panel{grid-column:1}.client-guidance-panel,.client-history-panel{grid-column:2}.client-panel-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.client-panel-heading>svg{color:var(--client-green);flex:none}.client-panel-heading h2{color:var(--client-ink);margin-top:6px;font-family:Cormorant Garamond,Georgia,serif;font-size:30px;line-height:1}.client-panel-heading p{color:var(--client-muted);margin-top:7px;font-size:12px}.client-timeline{gap:0;margin:30px 0 0;padding:0;list-style:none;display:grid;position:relative}.client-timeline:before{background:var(--client-line);content:"";width:1px;position:absolute;top:20px;bottom:20px;left:17px}.client-timeline-item{grid-template-columns:35px 1fr;gap:15px;min-height:75px;display:grid;position:relative}.client-timeline-marker{z-index:1;border:1px solid var(--client-line);background:var(--client-surface);width:35px;height:35px;color:var(--client-muted);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:inline-flex;position:relative}.client-timeline-done .client-timeline-marker{border-color:var(--client-green);background:var(--client-green);color:#fff}.client-timeline-current .client-timeline-marker{background:var(--client-green-soft);color:var(--client-green);border:3px solid #cfe3d4}.client-timeline-item strong{color:var(--client-ink);padding-top:5px;font-size:13px;display:block}.client-timeline-current strong{color:var(--client-green)}.client-timeline-item p{color:var(--client-muted);margin-top:4px;font-size:12px;line-height:1.5}.client-guidance-list,.client-preview-copy ul{gap:15px;margin:26px 0 0;padding:0;list-style:none;display:grid}.client-guidance-list li,.client-preview-copy li{color:var(--client-muted);align-items:flex-start;gap:9px;font-size:12px;line-height:1.5;display:flex}.client-guidance-list svg,.client-preview-copy li svg{color:var(--client-green);flex:none;margin-top:2px}.client-text-button{min-height:44px;color:var(--client-green);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-top:20px;padding:0;font-size:12px;font-weight:800;display:inline-flex}.client-text-button svg{transition:transform .18s}.client-guidance-detail{border-top:1px solid var(--client-line);color:var(--client-muted);margin-top:14px;padding-top:14px;font-size:12px;line-height:1.55}.client-preview-panel{overflow:hidden}.client-ai-badge{background:var(--client-green-soft);color:var(--client-green);white-space:nowrap;border:1px solid #00603926;padding:7px 10px;font-size:10px}.client-ai-badge span{background:var(--client-green);border-radius:50%;width:6px;height:6px}.client-preview-layout{grid-template-columns:minmax(190px,.75fr) minmax(0,1.25fr);gap:24px;margin-top:24px;display:grid}.client-preview-image{aspect-ratio:4/5;border:1px solid var(--client-line);background:var(--client-surface-soft);border-radius:10px;position:relative;overflow:hidden}.client-preview-image>span{color:#f1f0e1;letter-spacing:.12em;text-transform:uppercase;background:#183229d9;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:700;position:absolute;bottom:10px;left:10px}.client-preview-copy h3{color:var(--client-ink);font-family:Cormorant Garamond,Georgia,serif;font-size:26px;line-height:1.05}.client-preview-copy ul{margin-top:18px}.client-preview-copy>p{color:var(--client-muted);margin-top:20px;font-size:12px;line-height:1.55}.client-secondary-button{border:1px solid var(--client-line);color:var(--client-green);margin-top:18px;padding:10px 14px}.client-secondary-button:hover{border-color:var(--client-green);background:var(--client-green-soft)}.client-history-list{gap:0;margin-top:20px;display:grid}.client-history-item{border-bottom:1px solid var(--client-line);grid-template-columns:54px 1fr;gap:12px;padding-block:14px;display:grid}.client-history-item:last-child{border-bottom:0}.client-history-item>span{color:var(--client-gold);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.client-history-item strong{color:var(--client-ink);font-size:12px}.client-history-item p{color:var(--client-muted);margin-top:4px;font-size:11px;line-height:1.5}.client-support-card{background:var(--client-cream);align-items:center;gap:16px;padding:20px 22px;display:flex}.client-support-icon{background:var(--client-green);color:#fff;border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.client-support-card h2{color:var(--client-ink);margin-top:5px;font-family:Cormorant Garamond,Georgia,serif;font-size:26px;line-height:1}.client-support-card p{color:var(--client-muted);margin-top:5px;font-size:12px}.client-support-card .client-primary-button{white-space:nowrap;margin:0 0 0 auto}@media (max-width:1180px){.client-overview-grid{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(170px,.75fr))}.client-account-name{display:none}}@media (max-width:980px){.client-sidebar-header{min-height:70px;padding:12px 14px}.client-sidebar .hair-mark{width:30px;height:30px}.client-sidebar .hair-lockup{gap:8px}.client-sidebar .hair-lockup-kicker,.client-sidebar .hair-lockup-sub{font-size:6px}.client-sidebar .hair-lockup-name{letter-spacing:.04em;font-size:15px}.client-sidebar{transition:transform .2s;position:fixed;left:0;transform:translate(-100%)}.client-sidebar-open{transform:translate(0)}.client-sidebar-close,.client-menu-button{display:inline-flex}.client-sidebar-backdrop{z-index:35;cursor:pointer;background:#18322947;border:0;position:fixed;inset:0}.client-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-hero-card{grid-column:1/-1}.client-content-grid{grid-template-columns:1fr}.client-journey-panel,.client-preview-panel,.client-guidance-panel,.client-history-panel{grid-column:1}.client-preview-panel{order:3}.client-guidance-panel{order:2}.client-history-panel{order:4}}@media (max-width:640px){.client-topbar{gap:10px;min-height:64px;padding-inline:16px}.client-topbar-actions{gap:3px}.client-breadcrumb{font-size:11px}.client-main-content{padding:26px 16px 42px}.client-page-heading{flex-direction:column;align-items:flex-start}.client-page-heading h1{font-size:48px}.client-page-heading p{max-width:33ch}.client-overview-grid{grid-template-columns:1fr}.client-summary-card{min-height:220px}.client-panel{padding:20px 17px}.client-preview-layout{grid-template-columns:1fr}.client-preview-image{max-width:260px}.client-support-card{flex-wrap:wrap;align-items:flex-start}.client-support-card .client-primary-button{width:100%;margin-left:60px}}@media (prefers-reduced-motion:reduce){.client-app-shell *,.client-app-shell :before,.client-app-shell :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}