.client-profile-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start}.client-directory{position:sticky;top:84px;padding:0!important;overflow:hidden;max-height:calc(100vh - 110px)}.client-directory-back{display:flex;align-items:center;gap:9px;padding:18px 20px;color:#3d2933;text-decoration:none;font-weight:800;border-bottom:1px solid rgba(111,72,90,.12)}.client-directory-search{padding:14px}.client-directory-search input{width:100%;box-sizing:border-box}.client-directory-list{overflow:auto;max-height:calc(100vh - 260px)}.client-directory-list>a{display:flex;align-items:center;gap:11px;padding:12px 15px;color:#4c3741;text-decoration:none;border-top:1px solid rgba(112,72,91,.09)}.client-directory-list>a:hover,.client-directory-list>a.active{background:linear-gradient(135deg,rgba(183,95,129,.17),rgba(255,255,255,.5));color:#8e3f63}.client-directory-list img,.client-directory-list i{width:36px;height:36px;border-radius:11px;object-fit:cover;display:grid;place-items:center;background:#f6dfe8;color:#a64e73;font-style:normal;font-weight:800;flex:0 0 auto}.client-directory-more{display:block;padding:14px;text-align:center;color:#a34b70;text-decoration:none;font-weight:800;border-top:1px solid rgba(112,72,91,.12)}
.client-profile-main{min-width:0;display:grid;gap:14px}.client-profile-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px!important}.client-profile-identity{display:flex;align-items:center;gap:15px;min-width:0}.client-profile-identity>img,.client-profile-identity>i{width:64px;height:64px;border-radius:17px;object-fit:cover;display:grid;place-items:center;background:linear-gradient(145deg,#f7dfe8,#fff);border:1px solid #fff;color:#a44f72;font:25px Georgia,serif;font-style:normal;box-shadow:0 10px 24px #56304416}.client-profile-identity h1{margin:4px 0 3px;font:30px Georgia,serif;color:#33232b}.client-profile-identity p{margin:0;color:#786a71}.client-profile-actions{display:flex;align-items:center;gap:9px}.icon-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #fff;border-radius:13px;background:rgba(255,255,255,.56);color:#8e4364;text-decoration:none;font-size:18px}.client-profile-tabs{display:flex;padding:8px!important;gap:4px;overflow:auto}.client-profile-tabs button{border:0;background:transparent;color:#664e5a;padding:11px 14px;border-radius:11px;font-weight:800;white-space:nowrap;cursor:pointer}.client-profile-tabs button.active{background:linear-gradient(135deg,#96506f,#c56a91);color:#fff;box-shadow:0 8px 20px #773d582c}.client-profile-tabs button span{padding:2px 6px;border-radius:20px;background:rgba(255,255,255,.25);margin-left:5px}.client-profile-panel{display:none}.client-profile-panel.active{display:block}.client-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.client-overview-grid>article{padding:22px!important;min-height:170px}.client-about-card{display:flex;justify-content:space-between;gap:20px}.client-about-card h2,.client-stats-card h2,.appointment-snapshot h2,.client-membership-summary h2,.client-revenue-summary h2{margin:5px 0 18px;font:25px Georgia,serif;color:#3a2831}.client-about-card p{margin:10px 0;color:#69555f}.client-about-card p b{display:inline-block;min-width:120px}.client-overview-avatar{width:78px;height:78px;display:grid;place-items:center;flex:0 0 auto;border-radius:23px;background:linear-gradient(145deg,#e5f5f5,#f8e6ee);color:#b4527a;font:27px Georgia,serif}.client-stats-card header{display:flex;align-items:end;justify-content:space-between;gap:12px}.client-stats-card header div{flex:1}.client-stats-card strong{font:38px Georgia,serif;color:#a14d70}.appointment-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.appointment-status-grid span{display:flex;align-items:center;gap:7px;color:#65525c}.appointment-status-grid i{width:10px;height:10px;border-radius:50%;border:2px solid}.appointment-status-grid .done{border-color:#59b873}.appointment-status-grid .booked{border-color:#65afe8}.appointment-status-grid .cancelled{border-color:#777}.appointment-status-grid .noshow{border-color:#e56a68}.appointment-status-grid b{margin-left:auto}.appointment-snapshot{display:flex;flex-direction:column}.appointment-snapshot>b{font-size:17px}.appointment-snapshot time{font:24px Georgia,serif;margin:10px 0;color:#9b476b}.appointment-snapshot>span:last-child{color:#786a71}.profile-empty-icon{width:54px;height:44px;display:grid;place-items:center;margin:8px auto 0;border-radius:13px;background:#f3e1e8;color:#af5578;font-size:25px}.appointment-snapshot p{text-align:center;color:#786a71}.appointment-snapshot a{text-align:center;color:#a54c72}.client-membership-summary,.client-revenue-summary{grid-column:1/-1}.client-membership-summary div{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid rgba(111,72,90,.1)}.client-membership-summary div span{color:#786a71}.client-revenue-summary{display:grid;grid-template-columns:1fr auto;align-items:center}.client-revenue-summary strong{font:36px Georgia,serif;color:#9d4c6e}.client-revenue-summary p{grid-column:1/-1;color:#786a71}
.client-details-form{max-width:860px;margin:0 auto;padding:24px!important}.client-details-form>header,.profile-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.client-details-form h2,.profile-section-heading h2{font:29px Georgia,serif;margin:4px 0}.client-details-form p,.profile-section-heading p{margin:0;color:#786a71}.client-picture-field{display:flex;align-items:center;gap:15px;margin:18px 0;padding:14px;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.36);border-radius:15px}.client-picture-field img,.client-picture-field i{width:58px;height:58px;border-radius:16px;object-fit:cover;display:grid;place-items:center;background:#f2dce5;color:#a54f73;font-style:normal;font:23px Georgia,serif}.client-picture-field label{font-weight:800;color:#6e4e5d}.client-picture-field input{display:block;margin-top:6px}.communication-toggle{display:flex!important;align-items:center;gap:9px}.communication-toggle input{width:18px!important;height:18px!important}.compact-danger-zone{max-width:860px;margin:14px auto!important;padding:14px 18px!important}.compact-danger-zone summary{display:flex;justify-content:space-between;cursor:pointer}.compact-danger-zone form{display:grid;gap:10px;margin-top:14px;max-width:520px}
.profile-section-heading{padding:8px 4px}.profile-data-card{padding:0!important;margin-bottom:16px;overflow:hidden}.profile-data-card>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(111,72,90,.11)}.profile-data-card h3,.document-send-card h3{margin:0;font:23px Georgia,serif}.profile-data-card>header span{color:#806875}.profile-table-head,.profile-table-row{display:grid;align-items:center;gap:12px;padding:14px 18px}.profile-table-head{background:rgba(255,255,255,.32);font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#806875;font-weight:800}.profile-table-row{border-top:1px solid rgba(111,72,90,.09);color:#5c4751;text-decoration:none}.profile-table-row:hover{background:rgba(255,255,255,.3)}.appointments-table .profile-table-head,.appointments-table .profile-table-row{grid-template-columns:1.2fr 1.3fr .75fr 1fr .65fr .55fr}.membership-table .profile-table-head,.membership-table .profile-table-row,.purchase-table .profile-table-head,.purchase-table .profile-table-row,.payment-table .profile-table-head,.payment-table .profile-table-row{grid-template-columns:1.3fr .8fr 1fr .8fr 1fr}.documents-table .profile-table-head,.documents-table .profile-table-row{grid-template-columns:1.5fr .75fr .8fr .8fr .6fr}.invoice-table .profile-table-head,.invoice-table .profile-table-row{grid-template-columns:.9fr .75fr .65fr .75fr .75fr .75fr .55fr}.status-pill{display:inline-flex;padding:5px 9px;border-radius:20px;background:#f1dde6;color:#944768;font-size:10px;font-style:normal;font-weight:800}.profile-table-empty{padding:55px 18px;text-align:center;color:#8a7680}.document-send-card{padding:20px!important;margin-bottom:16px}.document-send-card .send-form-grid{margin-top:15px}.document-send-card form{display:grid;grid-template-columns:1fr auto;gap:8px}.document-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px}.document-card-grid>a{display:grid;grid-template-columns:38px 1fr;gap:4px 10px;padding:14px;border:1px solid #fff;border-radius:14px;background:rgba(255,255,255,.46);text-decoration:none;color:#59414d}.document-card-grid i{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#e5f3e9;color:#3c7b55;font-style:normal}.document-card-grid span{font-size:11px;color:#826c77}.client-picture-strip{display:flex;gap:12px;padding:18px;overflow:auto}.client-picture-strip>a{position:relative;min-width:130px;height:110px;border-radius:14px;overflow:hidden;background:#f5e7ec;color:#9e4b6e;text-decoration:none}.client-picture-strip img{width:100%;height:100%;object-fit:cover}.client-picture-strip span{position:absolute;left:7px;bottom:7px;padding:4px 7px;background:rgba(255,255,255,.85);border-radius:7px;font-size:10px;font-weight:800}.client-picture-strip .add-picture-link{display:grid;place-items:center;border:1px dashed #c78aa2;font-size:30px}.client-picture-strip .add-picture-link span{position:static;background:transparent;text-align:center;font-size:10px;padding:4px}
.client-note-composer{padding:18px!important;display:grid;gap:10px}.client-note-composer textarea{width:100%;box-sizing:border-box}.client-note-composer .button{justify-self:end}.client-note-timeline{display:grid;gap:12px;margin-top:14px}.client-note-timeline article{padding:18px!important}.client-note-timeline header{display:flex;justify-content:space-between;gap:15px}.client-note-timeline time{color:#876f7b;font-size:11px}.client-note-timeline p{margin:12px 0 0;white-space:pre-wrap;line-height:1.55}.client-note-timeline .from-client{border-left:4px solid #c5678d}.notification-preference-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.notification-preference-grid article{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:20px!important}.notification-preference-grid article>i{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#f2dfe7;color:#a84f73;font-style:normal;font-size:19px}.notification-preference-grid h3{margin:0 0 4px}.notification-preference-grid p{margin:0;color:#7d6872}.notification-preference-grid article>b{padding:6px 9px;border-radius:20px;background:#eee7ea;color:#79626d;font-size:10px}.notification-preference-grid article>b.enabled{background:#e1f1e7;color:#32704b}
@media(max-width:1100px){.client-profile-shell{grid-template-columns:1fr}.client-directory{position:static;max-height:none}.client-directory-list{display:flex;max-height:none;overflow:auto}.client-directory-list>a{min-width:190px}.client-directory-more{display:none}.client-directory-search{max-width:360px}.client-directory-back{padding-bottom:8px}.client-profile-tabs{position:sticky;top:68px;z-index:5}.client-profile-actions .button{padding-inline:12px}}
@media(max-width:760px){.client-profile-shell{gap:10px}.client-directory{display:none}.client-profile-header{align-items:flex-start;flex-direction:column;padding:16px!important}.client-profile-identity>img,.client-profile-identity>i{width:54px;height:54px}.client-profile-identity h1{font-size:24px}.client-profile-identity p{font-size:11px}.client-profile-actions{width:100%;display:grid;grid-template-columns:1fr 1fr auto}.client-profile-actions .button{justify-content:center}.client-profile-tabs{top:62px}.client-profile-tabs button{padding:10px 12px}.client-overview-grid{grid-template-columns:1fr}.client-membership-summary,.client-revenue-summary{grid-column:auto}.client-overview-grid>article{min-height:0;padding:18px!important}.client-about-card p b{min-width:105px}.client-details-form{padding:17px!important}.client-details-form>header,.profile-section-heading{align-items:flex-start;flex-direction:column}.client-details-form>header .button,.profile-section-heading .button{width:100%;justify-content:center}.form-grid.two{grid-template-columns:1fr!important}.form-grid.two .wide{grid-column:auto!important}.profile-data-card{overflow:visible}.profile-table-head{display:none}.profile-table-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px;padding:15px}.profile-table-row>*:before{content:attr(data-label);display:block;margin-bottom:3px;font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#8b7480;font-weight:800}.profile-table-empty{padding:38px 15px}.document-send-card form{grid-template-columns:1fr}.document-card-grid{grid-template-columns:1fr}.notification-preference-grid{grid-template-columns:1fr}.notification-preference-grid article{grid-template-columns:44px 1fr}.notification-preference-grid article>b{grid-column:2;justify-self:start}.client-revenue-summary{grid-template-columns:1fr}.client-revenue-summary strong,.client-revenue-summary p{grid-column:auto}.client-membership-summary div{align-items:flex-start;flex-direction:column}.client-picture-strip>a{min-width:115px;height:100px}}
@media(max-width:480px){.client-profile-actions{grid-template-columns:1fr}.client-profile-actions .icon-button{display:none}.client-stats-card header{align-items:flex-start}.appointment-status-grid{grid-template-columns:1fr}.profile-table-row{grid-template-columns:1fr!important}.client-profile-tabs{margin-inline:-4px}.client-about-card{flex-direction:column-reverse}.client-overview-avatar{width:58px;height:58px}}
.profile-photo-groups{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px}.profile-photo-groups h4{margin:0 0 10px;font:21px Georgia,serif}.profile-photo-groups section>div{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.profile-photo-slot{position:relative;min-height:96px;border:1px dashed #c995aa;border-radius:13px;overflow:hidden;background:#f7e9ee}.profile-photo-slot label{height:96px;display:grid;place-items:center;cursor:pointer;color:#a24d70}.profile-photo-slot label>i{font-size:25px;font-style:normal}.profile-photo-slot label>span{font-size:9px;font-weight:800}.profile-photo-slot input[type=file]{display:none}.profile-photo-slot img{width:100%;height:100%;object-fit:cover}.profile-photo-slot>a{position:absolute;left:5px;bottom:5px;padding:3px 6px;border-radius:6px;background:#ffffffdd;color:#964566;text-decoration:none;font-size:9px;font-weight:800}.profile-photo-slot>form:last-child{position:absolute;right:5px;top:5px}.profile-photo-slot>form:last-child button{width:24px;height:24px;border:0;border-radius:7px;background:#ffffffdd;color:#873a59;cursor:pointer}@media(max-width:760px){.profile-photo-groups{grid-template-columns:1fr;padding:14px}.profile-photo-groups section>div{grid-template-columns:repeat(5,minmax(80px,1fr));overflow:auto}.profile-photo-slot{min-width:80px}}
