@layer components{.employees-page,.employee-profile-page{min-width:0}.employees-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.employees-heading .button,.employee-profile-actions .button{gap:10px}.employees-heading .button svg,.employee-profile-actions .button svg{stroke-width:1.7px;width:21px;height:21px}.employees-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid}.employees-list>li{min-width:0}.employee-card{border:1px solid var(--border);min-width:0;height:100%;min-height:250px;color:var(--text);background:var(--surface);text-align:center;border-radius:20px;flex-direction:column;justify-content:flex-start;align-items:center;gap:22px;padding:30px 24px;transition:background .15s,border-color .15s;display:flex}.employee-card:hover{border-color:var(--border-hover);background:var(--surface-hover)}.employee-card:focus-visible{outline-color:var(--page-text,var(--focus))}.employee-avatar{border:1px solid var(--border);width:88px;height:88px;color:var(--accent-ink,var(--accent));background:var(--surface-raised);letter-spacing:-.035em;border-radius:24px;flex-shrink:0;justify-content:center;align-items:center;font-size:29px;font-weight:500;line-height:1;display:inline-flex;overflow:hidden}.employee-avatar img{object-fit:cover;width:100%;height:100%;display:block}.employee-avatar svg{stroke-width:1.5px;width:40px;height:40px}.employee-card-copy{overflow-wrap:anywhere;flex-direction:column;gap:3px;min-width:0;max-width:100%;display:flex}.employee-card-copy strong{letter-spacing:-.025em;margin-bottom:5px;font-size:22px;font-weight:500;line-height:1.3}.employee-position{color:var(--text);font-size:17px;line-height:1.45}.employee-company{color:var(--muted);font-size:16px;line-height:1.45}.employee-card-arrow{width:20px;height:20px;color:var(--muted);stroke-width:1.6px;display:none}.employees-list[data-view=list]{grid-template-columns:minmax(0,1fr);gap:12px}.employees-list[data-view=list] .employee-card{text-align:left;border-radius:16px;flex-direction:row;align-items:center;gap:22px;min-height:112px;padding:20px 24px}.employees-list[data-view=list] .employee-avatar{border-radius:18px;width:64px;height:64px;font-size:23px}.employees-list[data-view=list] .employee-card-copy{flex:1;gap:1px}.employees-list[data-view=list] .employee-card-copy strong{margin-bottom:3px;font-size:21px}.employees-list[data-view=list] .employee-card-arrow{display:block}.employees-empty{text-align:center;flex-direction:column;align-items:center;padding:64px 16px;display:flex}.employees-empty>svg,.employees-empty-icon{width:52px;height:52px;color:var(--accent-page-ink,var(--accent));stroke-width:1.4px;margin-bottom:24px}.employees-empty h2{letter-spacing:-.025em;margin:0;font-size:25px;font-weight:500;line-height:1.3}.employees-empty p{color:var(--muted);overflow-wrap:anywhere;margin:10px 0 0}.employee-profile-page{max-width:860px;margin-inline:auto}.employee-profile-actions{justify-content:flex-end;margin-bottom:20px;display:flex}.employee-profile{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:24px;padding:40px}.employee-profile-header{align-items:center;gap:30px;min-width:0;display:flex}.employee-avatar--large{border-radius:32px;width:160px;height:160px;font-size:52px}.employee-avatar--large svg{width:64px;height:64px}.employee-identity{overflow-wrap:anywhere;min-width:0}.employee-identity .empty-title{font-size:clamp(30px,3.6vw,42px)}.employee-profile-position{margin:13px 0 0;font-size:21px;line-height:1.45}.employee-profile-company{color:var(--muted);margin:3px 0 0;font-size:18px}.employee-profile-body{border-top:1px solid var(--divider);gap:30px;margin-top:36px;padding-top:30px;display:grid}.employee-profile-body:empty{display:none}.employee-profile-body h2{letter-spacing:-.02em;margin:0 0 16px;font-size:21px;font-weight:500;line-height:1.35}.employee-contact dl{gap:10px;margin:0;display:grid}.employee-contact dl>div{grid-template-columns:110px minmax(0,1fr);align-items:center;gap:16px;min-width:0;display:grid}.employee-contact dt{color:var(--muted);font-size:16px}.employee-contact dd{overflow-wrap:anywhere;min-width:0;margin:0}.employee-contact a{min-width:44px;max-width:100%;min-height:44px;text-decoration:underline;-webkit-text-decoration-color:var(--border-hover);text-decoration-color:var(--border-hover);text-underline-offset:5px;overflow-wrap:anywhere;border-radius:6px;align-items:center;gap:10px;padding-block:8px;display:inline-flex}.employee-contact a>span{overflow-wrap:anywhere;min-width:0}.employee-contact a svg{width:20px;height:20px;color:var(--muted);stroke-width:1.6px}.employee-about p{white-space:pre-line;overflow-wrap:anywhere;margin:0;line-height:1.7}.employee-message{overflow-wrap:anywhere;margin:0 0 22px;line-height:1.6}.employee-dialog{border:1px solid var(--border-hover);width:min(600px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--text);background:var(--surface);box-shadow:var(--shadow);overscroll-behavior:contain;border-radius:20px;padding:28px;overflow:auto}.employee-dialog::backdrop{background:#0b0415b8}.employee-dialog-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.employee-dialog-heading h2{letter-spacing:-.03em;overflow-wrap:anywhere;min-width:0;margin:0;font-size:27px;font-weight:500;line-height:1.3}.employee-close{background:0 0;border:0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:10px;display:inline-flex}.employee-close:hover{background:var(--surface-raised)}.employee-close svg{stroke-width:1.7px;width:24px;height:24px}.employee-photo-control{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:26px;display:flex}.employee-photo-control .employee-avatar{border-radius:20px;width:76px;height:76px;font-size:26px}.employee-photo-actions{flex-wrap:wrap;flex:1;align-items:center;gap:8px 10px;min-width:0;display:flex}.employee-photo-actions .button{min-height:44px;padding:9px 13px;font-size:16px}.employee-remove-photo{background:0 0;border:0;border-radius:12px;min-height:44px;padding:9px 13px;font-size:16px}.employee-remove-photo:hover{background:var(--surface-raised)}.employee-photo-actions small{color:var(--muted);overflow-wrap:anywhere;flex-basis:100%;font-size:13px;line-height:1.5}.employee-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;min-width:0;display:grid}.employee-field{flex-direction:column;gap:8px;min-width:0;font-size:17px;line-height:1.4;display:flex}.employee-field--wide{grid-column:1/-1}.employee-input{border:1px solid var(--control-border);width:100%;min-width:0;min-height:48px;color:var(--text);background:var(--background);font:inherit;border-radius:12px;padding:11px 12px;font-size:17px;line-height:1.5;display:block}textarea.employee-input{resize:vertical;min-height:120px}.employee-input:disabled{opacity:.65}.employee-input:focus-visible,.employee-more>summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.employee-input[aria-invalid=true]{border-width:2px;padding:10px 11px}.employee-more{margin-top:22px}.employee-more>summary{cursor:pointer;border-radius:8px;min-height:44px;padding:10px 2px;font-size:17px;font-weight:500}.employee-more>.employee-form-grid{margin-top:14px}.employee-dialog .employee-message{margin-top:18px;margin-bottom:0;font-size:16px}.employee-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:28px;display:flex}html[data-custom-colors] :is(.employee-card,.employee-profile,.employee-dialog){--text:var(--surface-text);--muted:var(--surface-muted);--focus:var(--surface-focus);color:var(--text)}html[data-custom-colors] .employee-input{--focus:var(--surface-focus);border-color:var(--page-muted);color:var(--page-text)}html[data-custom-colors] :is(.employees-heading,.employee-profile-actions) .button--secondary{border-color:var(--page-muted)}@media (width<=900px){.employees-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=599px){.employees-heading{gap:18px;margin-bottom:26px}.employees-list{grid-template-columns:minmax(0,1fr);gap:16px}.employee-card{min-height:232px;padding:26px 20px}.employees-list[data-view=list] .employee-card{gap:14px;padding:18px 16px}.employees-list[data-view=list] .employee-avatar{border-radius:16px;width:56px;height:56px;font-size:21px}.employees-list[data-view=list] .employee-card-copy strong{font-size:19px}.employees-list[data-view=list] .employee-card-arrow{width:18px;height:18px}.employee-profile{border-radius:20px;padding:26px 22px}.employee-profile-header{flex-direction:column;align-items:flex-start;gap:24px}.employee-avatar--large{border-radius:28px;width:128px;height:128px;font-size:44px}.employee-profile-body{gap:26px;margin-top:28px;padding-top:26px}.employee-contact dl>div{grid-template-columns:minmax(0,1fr);gap:0}.employee-dialog{padding:22px 20px}.employee-dialog-heading{margin-bottom:22px}.employee-dialog-heading h2{font-size:25px}.employee-form-grid{grid-template-columns:minmax(0,1fr);gap:18px}.employee-dialog-actions>.button{flex:1;min-width:0}}@media (width<=359px){.employee-dialog{padding:20px 16px}.employee-dialog-actions{flex-direction:column-reverse}}@media (prefers-reduced-motion:reduce){.employee-card{transition:none}}}