.account-page{background:#f6f7f2;color:#173d3b}.account-header{display:flex;justify-content:space-between;align-items:center;padding:26px max(6vw,24px);border-bottom:1px solid #dce3db;background:#fff}.account-header .brand img{width:130px}.account-header nav{display:flex;align-items:center;gap:24px}.account-header nav a{font-size:15px}.account-main{max-width:1100px;margin:auto;padding:72px 24px 100px}.account-main h1{font-size:clamp(38px,5vw,64px);line-height:1.07;letter-spacing:-.04em;margin:18px 0}.account-main>p:not(.eyebrow){max-width:650px;font-size:18px;line-height:1.6}.account-main [hidden]{display:none!important}#sign-in{margin-top:36px}.account-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.account-cards article,#admin-area,#staff-area{padding:32px;border:1px solid #dce3db;border-radius:24px;background:white}.account-main h2{font-size:30px;letter-spacing:-.025em;margin:14px 0}.account-main p{color:#64736e;line-height:1.6}.account-main .button{font-size:16px}#admin-area,#staff-area{margin-top:24px}#invite-form{display:flex;align-items:end;gap:16px;margin:24px 0;flex-wrap:wrap}#invite-form label{display:grid;gap:8px;flex:1;min-width:180px}.account-main input,.account-main select{background:#f6f7f2;border:1px solid #c7d2ca;border-radius:10px;padding:13px;font:inherit;color:inherit}.account-row{display:flex;align-items:center;gap:16px;justify-content:space-between;border-bottom:1px solid #e5eae4;padding:16px 0}.account-row>span{overflow-wrap:anywhere;min-width:0}.account-row button{padding:10px 16px;border:1px solid #c7d2ca;border-radius:24px;background:white;color:inherit;cursor:pointer}.account-row select{max-width:155px}.account-footer{padding:24px;text-align:center;border-top:1px solid #dce3db;font-size:14px}.account-main button:disabled{opacity:.55;cursor:wait}@media(max-width:650px){.account-header{padding:20px}.account-header .brand img{width:100px}.account-header nav{gap:14px}.account-main{padding-top:44px}.account-cards{grid-template-columns:1fr}.account-cards article,#admin-area,#staff-area{padding:24px}.account-row{align-items:flex-start;flex-wrap:wrap}#invite-form .button{width:100%}}
.account-header .brand{width:auto}.account-header .brand img{height:auto;max-width:100%}select:focus-visible{outline:3px solid #368777;outline-offset:4px}

.account-directory-heading{border-top:1px solid #e5eae4;margin-top:32px;padding-top:24px}.account-directory-heading h2{margin-top:0}.account-directory-heading p{margin:8px 0 24px}.account-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.account-category{min-width:0;border:1px solid #dce3db;border-radius:18px;padding:22px;background:#f8faf7}.account-category h3{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:21px;margin:0}.account-category-count{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:20px;background:#e3ede7;font-size:14px;font-weight:600}.account-category-description{font-size:13px;margin:6px 0 16px}.account-category .account-row{background:#fff;border:1px solid #e0e7e1;border-radius:12px;padding:16px;margin-top:10px;align-items:flex-start;flex-direction:column;gap:12px}.account-category .account-row>span{font-size:15px;line-height:1.5}.account-category .account-row select{max-width:100%;width:100%;font-size:14px}.account-category .account-row button{font-size:13px;padding:7px 13px}.category-invitations h4{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#64736e;margin:22px 0 10px}.account-category-empty{font-size:14px;padding:16px 0;margin:0}.account-category select:disabled{opacity:.7;cursor:default}.account-category button:focus-visible{outline:3px solid #368777;outline-offset:3px}@media(max-width:650px){.account-directory{grid-template-columns:1fr}.account-category{padding:18px}}

.person-card{display:block;width:100%;margin-top:10px;padding:20px;text-align:left;border:1px solid #dce3db;border-radius:12px;background:#fff;color:#173d3b;font:inherit;font-weight:600;cursor:pointer;overflow-wrap:anywhere;transition:background .2s,border-color .2s}.person-card:hover{background:#eef4ee;border-color:#91b3a3}.person-card:focus-visible,.person-dialog button:focus-visible{outline:3px solid #368777;outline-offset:3px}.person-dialog{width:min(640px,calc(100vw - 32px));max-height:90dvh;box-sizing:border-box;overflow:auto;border:1px solid #dce3db;border-radius:24px;padding:32px;color:#173d3b;background:#fff;box-shadow:0 24px 90px #123b3b33}.person-dialog::backdrop{background:#12302f80;backdrop-filter:blur(4px)}.person-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.person-dialog-head .eyebrow{margin:0}.person-dialog-head h2{overflow-wrap:anywhere}.person-close{border:0;border-radius:50%;width:40px;height:40px;background:#edf2ed;font-size:28px;color:inherit;cursor:pointer;flex-shrink:0}.person-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.person-fields label{display:grid;gap:8px;font-size:14px;min-width:0}.person-wide{grid-column:1/-1}.person-fields input,.person-fields textarea,.person-fields select{box-sizing:border-box;width:100%;min-width:0;font:inherit;padding:12px;color:inherit;background:#f6f7f2;border:1px solid #c7d2ca;border-radius:10px}.person-fields textarea{resize:vertical}.person-fields input[readonly]{color:#64736e}.person-access{border-top:1px solid #dce3db;margin-top:24px;padding-top:10px;display:flex;gap:10px;flex-wrap:wrap}.person-access p{width:100%;font-size:14px}.person-access button{padding:10px 16px;border:1px solid #c7d2ca;border-radius:24px;background:white;color:inherit;cursor:pointer}#person-status{font-size:14px}@media(max-width:650px){.person-dialog{padding:22px}.person-fields{grid-template-columns:1fr}.person-wide{grid-column:auto}}

.account-cards article{display:flex;flex-direction:column;align-items:flex-start}.account-cards article>.button{margin-top:auto}.account-cards article>p{margin-bottom:20px}

.view-as-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;margin-bottom:32px;background:#e4eee8;border:1px solid #bad0c2;border-radius:16px}.view-as-banner p{font-size:14px;margin:6px 0 0}.view-as-banner .button{flex-shrink:0}.person-access>a.button{font-size:14px}@media(max-width:650px){.view-as-banner{align-items:flex-start;flex-direction:column}}

.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.admin-toolbar .eyebrow{margin-top:0}.admin-toolbar h2{margin-top:8px}.admin-toolbar p:last-child{margin-bottom:0}.admin-toolbar>.button{flex-shrink:0}#invite-dialog #invite-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;margin:24px 0 0}#invite-dialog #invite-form label{min-width:0}#invite-dialog #invite-form input,#invite-dialog #invite-form select{width:100%;min-width:0;box-sizing:border-box}#invite-dialog #invite-form>.button{grid-column:1/-1;justify-self:start;margin-top:4px}#invite-status:empty{display:none}@media(max-width:650px){.admin-toolbar{align-items:flex-start;flex-direction:column}#invite-dialog #invite-form{grid-template-columns:1fr}}

.person-grid,.category-invitations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-invitations h4{grid-column:1/-1;margin-bottom:0}.person-grid .person-card,.category-invitations .person-card{margin-top:0;padding:16px;font-size:15px}.person-grid:empty,.category-invitations:empty{display:none}.person-grid+.category-invitations:not(:empty){margin-top:12px}@media(max-width:420px){.person-grid,.category-invitations{grid-template-columns:1fr}}

.person-grid,.category-invitations{gap:14px}.person-grid .person-card,.category-invitations .person-card{display:flex;align-items:center;justify-content:center;min-height:76px;padding:18px 14px;border-radius:24px;border:1px solid #dfe6e3;background:linear-gradient(180deg,#fff 0%,#f4f7f6 100%);box-shadow:0 10px 24px rgba(23,61,59,.07);text-align:center;font-size:18px;font-weight:750;line-height:1.3;transition:background .2s,box-shadow .2s,border-color .2s}.person-grid .person-card:hover,.category-invitations .person-card:hover{border-color:#a9c2b6;background:#edf4ef;box-shadow:0 12px 28px rgba(23,61,59,.11)}
