.office-home{max-width:1050px;margin:80px auto;padding:25px}.office-wordmark{font-size:23px}.office-wordmark b{color:#dc96ed}.office-home h1{font-size:40px;margin:55px 0 12px;letter-spacing:-1px}.muted{color:var(--muted);font-size:13px}.office-products{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:35px}.office-products a{padding:32px;border:1px solid var(--line);border-radius:20px;background:#251b30;color:white;text-decoration:none}.office-products a:hover{border-color:#b364c8}.office-products p{color:#bbabc8;line-height:1.7}.product-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#6b2d83;color:#ffc4e4;font-size:25px}.office-products strong{font-size:13px;color:#f68bc4}.office-modules{display:flex;flex-direction:column;gap:7px;margin:8px 0 15px}.office-modules a{padding:12px;border:1px solid #584065;border-radius:10px;color:white;text-decoration:none;font-size:13px;font-weight:700}.office-modules a:hover{background:#4c2b5b}.layout-brand{font-size:20px;padding:0 4px 16px}.layout-brand span{font-size:14px;color:#d7a6e8}.has-layout>main.employee-page{max-width:none;padding:32px 30px 90px}.employee-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.employee-heading h1{font-size:28px;margin:4px 0 22px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#bf9ed0}.employee-tabs,.person-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:20px;overflow:auto}.employee-tabs button,.person-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 0;color:#ae9abc;font:inherit;white-space:nowrap;cursor:pointer}.employee-tabs [aria-selected=true],.person-tabs [aria-selected=true]{border-color:var(--pink);color:white}.employee-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:15px 0}.employee-filters .field{flex:1;min-width:140px;max-width:260px}.employee-filters label{font-size:12px;color:#bea9ca}.employee-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:20px}.employee-card{position:relative;text-align:left;background:#241c2e;color:white;border:1px solid var(--line);border-radius:16px;padding:21px;cursor:pointer;font:inherit}.employee-card:hover{border-color:#9e61b7;background:#2c2038}.employee-card h2{font-size:16px;margin:14px 0 7px}.employee-card p{font-size:12px;color:#dbc3e6;margin:0 0 10px}.employee-card small{font-size:11px;color:#ac97ba}.avatar{width:64px;height:64px;border-radius:18px;overflow:hidden;background:#543361;color:#f6c1e1;display:grid;place-items:center;font-size:22px;font-weight:700}.avatar img{width:100%;height:100%;object-fit:cover}.card-badge{display:block;font-size:10px;color:#ffbcd9;background:#63304455;padding:6px 8px;border-radius:7px;margin-top:13px}.person-dialog,dialog{width:min(760px,calc(100% - 24px));max-height:90vh;padding:24px;background:#261c31;border:1px solid #674575;color:white;border-radius:18px}dialog::backdrop{background:#07040cbb}dialog header{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:18px}dialog h2{font-size:21px;margin:5px 0}.person-identity{display:flex;gap:15px;align-items:center}.dialog-close{background:none;border:0;color:#dbbde9;font-size:27px;cursor:pointer}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}dialog label{font-size:12px;color:#cfb8dd;display:block}dialog label>.field{display:block;width:100%;margin-top:7px}.actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}#staff-status,#person-status,#new-status{font-size:13px;color:#ffc0de;white-space:pre-wrap}.shift-controls{display:flex;gap:16px}.shift-controls label{flex:1}.person-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:18px 0}.calendar-day{display:flex;align-items:center;justify-content:center;gap:4px;min-height:42px;border:1px solid #5b416a;background:#33233f;color:white;border-radius:9px;font:inherit;cursor:pointer}.calendar-day.on{background:#8e356f;border-color:#f06ab2}.calendar-day.elsewhere{background:#514654;opacity:.7}.calendar-day:disabled{cursor:default;opacity:.65}.calendar-day input{accent-color:var(--pink)}#person-shifts{max-height:200px;overflow:auto;font-size:12px;margin:15px 0}#person-shifts p{padding:8px;border-bottom:1px solid var(--line)}#photo-upload{display:block;max-width:100%;margin-top:10px;font-size:12px}#sync-trainers{margin-bottom:12px}input:disabled,select:disabled{opacity:.65}.employee-page [hidden],dialog [hidden]{display:none!important}
@media(max-width:759px){.office-home{margin:30px auto;padding:20px}.office-home h1{font-size:29px}.office-products{grid-template-columns:1fr}.has-layout>main.employee-page{padding:78px 14px 60px}.employee-heading h1{font-size:24px}.employee-heading .btn{font-size:12px;padding:12px}.employee-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.employee-card{padding:14px}.employee-card h2{font-size:13px;overflow-wrap:anywhere}.employee-card small{font-size:10px}.avatar{width:52px;height:52px;border-radius:14px}.profile-grid{grid-template-columns:1fr}.person-tabs{gap:15px;font-size:12px}dialog{padding:17px}.person-identity{gap:10px}.person-identity h2{font-size:17px}.shift-controls{flex-direction:column;gap:10px}.person-calendar{gap:5px}.calendar-day{font-size:12px}.employee-tabs{gap:16px;font-size:13px}.employee-filters .field{min-width:110px}.layout-brand span{font-size:14px}}
.employee-card,.office-products a{background:linear-gradient(135deg,rgba(105,67,125,.23),rgba(40,29,52,.86));border-color:rgba(220,177,244,.18);box-shadow:0 10px 35px #08051024,inset 0 1px #ffffff08;transition:transform .18s,border-color .18s,box-shadow .18s}
.employee-card:hover,.office-products a:hover{transform:translateY(-2px);border-color:#b877c6;box-shadow:0 14px 36px #0d061d44}
.employee-heading h1,.office-home h1{letter-spacing:-.04em}.eyebrow{letter-spacing:.16em}.person-dialog{background:rgba(37,27,48,.97);backdrop-filter:blur(16px);box-shadow:0 30px 100px #0009}.employee-filters{padding:14px;background:#a171bc0b;border:1px solid #a171bc1f;border-radius:14px}.employee-card h2{line-height:1.4}.employee-card p{line-height:1.5}.btn--primary{box-shadow:0 4px 18px #d84b961a}
@media(prefers-reduced-motion:reduce){.employee-card,.office-products a{transition:none}.employee-card:hover,.office-products a:hover{transform:none}}
@media(prefers-reduced-transparency:reduce){.person-dialog{background:#251b30;backdrop-filter:none}}

.trainer-class{padding:12px 14px;border:1px solid var(--line);border-radius:10px;margin:8px 0}.trainer-class--personal{border-color:#55d6c2;background:rgba(85,214,194,.07)}.trainer-class--personal small{color:#72e3d1}#trainer-type-label{display:block;margin:12px 0}#trainer-type-label[hidden]{display:none}