.pm-content { max-width:1600px; }
.pm-demo { padding:12px 16px; border:1px solid #dce7f4; background:var(--navy-soft); color:#435773; border-radius:8px; font-size:12px; margin-bottom:24px; }
.pm-message { padding:14px 18px; background:var(--success-soft); color:var(--success); border-radius:8px; margin-bottom:20px; }
.pm-toolbar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; margin:26px 0 20px; }
.pm-toolbar h2 { font-size:21px; }.pm-toolbar h2>span { display:inline-block; margin-left:8px; font-size:11px; font-weight:500; padding:5px 9px; border-radius:20px; background:#e8edf5; letter-spacing:0; vertical-align:middle; }
.pm-toolbar p { font-size:12px; color:var(--muted); margin-top:5px; }
.pm-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:24px; }
.pm-summary>div { background:white; border:1px solid var(--border); border-radius:10px; padding:18px 22px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.pm-summary span { font-size:12px; color:var(--muted); }.pm-summary strong { font-size:27px; color:var(--navy); }
.pm-directory,.pm-form-section,.pm-photo-card,.pm-profile-card { background:white; border:1px solid var(--border); border-radius:12px; min-width:0; }
.pm-filters { display:flex; align-items:end; flex-wrap:wrap; gap:14px; padding:22px; border-bottom:1px solid var(--border); }
.pm-field { display:flex; flex-direction:column; gap:8px; min-width:0; }.pm-field label { font-size:12px; font-weight:650; }.pm-field input:not([type=checkbox]),.pm-field select { width:100%; min-height:44px; padding:10px 12px; background:white; color:var(--text); border:1px solid #ccd5e1; border-radius:7px; font-size:13px; }
.pm-field input[aria-invalid=true] { border-color:var(--red); }.pm-field small,.pm-field-help { color:var(--muted); font-size:11px; }.pm-field-help { grid-column:1/-1; order:1; }.pm-search { flex:1; min-width:200px; }.pm-filters>.pm-field:not(.pm-search) { flex:0 1 155px; }
.pm-table-wrap { overflow:auto; }.pm-table { min-width:850px; }.pm-table th { padding:15px 16px; font-size:11px; }.pm-table td { padding:18px 16px; font-size:12px; }.pm-table th:first-child,.pm-table td:first-child { width:46px; }.pm-table input[type=checkbox],.pm-checkbox input { width:18px; height:18px; accent-color:var(--navy); cursor:pointer; }
.pm-code { color:var(--navy); font:11px var(--font-mono); white-space:nowrap; }.pm-person { display:flex; align-items:center; gap:10px; min-width:170px; }.pm-person strong { display:block; color:var(--navy); font-size:13px; }.pm-person small { display:block; margin-top:3px; font-size:11px; color:var(--muted); }
.pm-avatar { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; flex-shrink:0; object-fit:cover; background:var(--navy-soft); border-radius:50%; color:var(--navy); font-weight:700; font-size:12px; }
.pm-status { display:inline-flex; gap:6px; align-items:center; white-space:nowrap; border-radius:20px; background:var(--success-soft); color:var(--success); font-size:11px; font-weight:600; padding:5px 10px; }.pm-status::before { content:''; width:5px; height:5px; border-radius:50%; background:currentColor; }.pm-status.is-inactive { color:#626e80; background:#edf0f4; }
.pm-row-actions { display:flex; gap:4px; white-space:nowrap; }.pm-row-actions a,.pm-row-actions button { padding:10px 6px; min-height:40px; display:inline-flex; align-items:center; border:0; background:none; font-size:11px; font-weight:650; color:var(--navy); }.pm-row-actions button,.pm-danger-text { color:#b40022; }.pm-row-actions a:hover,.pm-row-actions button:hover { text-decoration:underline; }
.pm-bulk { display:flex; justify-content:space-between; align-items:center; padding:12px 22px; background:var(--navy-soft); font-size:12px; }.pm-pagination { display:flex; justify-content:space-between; gap:16px; align-items:center; flex-wrap:wrap; padding:18px 22px; border-top:1px solid var(--border); font-size:12px; color:var(--muted); }.pm-pagination>div,.pm-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }.pm-pagination .button { min-height:38px; padding:8px 12px; font-size:12px; }
.pm-empty { padding:48px 24px; text-align:center; }.pm-empty p { color:var(--muted); margin:12px 0 24px; font-size:13px; }
.pm-form-layout { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:24px; align-items:start; }.pm-form-main { display:grid; gap:24px; min-width:0; }.pm-form-section { padding:26px; }.pm-section-heading { display:flex; gap:14px; margin-bottom:24px; }.pm-section-heading>span { display:grid; place-items:center; width:32px; height:32px; flex-shrink:0; border-radius:8px; background:var(--navy-soft); color:var(--navy); font-size:11px; font-weight:700; }.pm-section-heading h2,.pm-photo-card h2 { font-size:17px; }.pm-section-heading p { margin-top:6px; color:var(--muted); font-size:12px; }.pm-field-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }.pm-full { grid-column:1/-1; }.pm-checkbox { display:flex; align-items:center; gap:10px; min-height:44px; }
.pm-photo-card { padding:24px; text-align:center; }.pm-photo-card .pm-avatar { width:112px; height:112px; margin:24px auto; font-size:24px; }.pm-photo-card p,.pm-photo-card small { display:block; font-size:11px; color:var(--muted); margin:12px 0; }.pm-photo-label { display:block; font-size:12px; font-weight:650; margin-bottom:10px; }.pm-photo-card input { width:100%; font-size:11px; }.pm-photo-card input::file-selector-button { background:var(--navy-soft); border:0; padding:10px; border-radius:5px; color:var(--navy); cursor:pointer; }.pm-photo-card .button { font-size:11px; }.pm-form-footer { display:flex; justify-content:flex-end; gap:12px; padding:24px 0; }.pm-error { color:#b40022!important; font-size:12px; margin-top:14px; }.pm-profile-identity { padding:30px; display:flex; gap:20px; align-items:center; flex-wrap:wrap; border-bottom:1px solid var(--border); }.pm-profile-identity .pm-avatar { width:80px; height:80px; font-size:24px; }.pm-profile-identity .pm-status { margin-left:auto; }.pm-profile-identity h2 { font-size:26px; }.pm-profile-identity p:not(.eyebrow) { color:var(--muted); margin-top:8px; font-size:13px; }.pm-profile-identity .eyebrow { margin-bottom:6px; }.pm-detail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; padding:30px; }.pm-detail-grid h3 { font-size:15px; }.pm-detail-grid dl { margin:20px 0 0; }.pm-detail-grid dl>div { margin-bottom:20px; }.pm-detail-grid dt { color:var(--muted); font-size:11px; margin-bottom:6px; }.pm-detail-grid dd { margin:0; font-size:13px; overflow-wrap:anywhere; }
.pm-dialog { width:min(460px,calc(100% - 32px)); border:0; border-radius:14px; padding:28px; box-shadow:var(--shadow-dialog); }.pm-dialog::backdrop { background:#08142690; }.pm-dialog h2 { font-size:23px; }.pm-dialog p:not(.eyebrow) { color:var(--muted); font-size:13px; margin:16px 0 24px; }.pm-dialog .pm-actions { justify-content:flex-end; }
@media(max-width:1200px) { .pm-form-layout { grid-template-columns:1fr; }.pm-photo-card { max-width:100%; }.pm-photo-card input { max-width:260px; }.pm-detail-grid { grid-template-columns:1fr 1fr; } }
@media(max-width:767px) { .pm-summary { gap:8px; }.pm-summary>div { flex-direction:column; align-items:start; padding:14px 12px; }.pm-summary span { font-size:10px; }.pm-summary strong { font-size:24px; }.pm-filters { padding:16px; gap:12px; }.pm-filters>.pm-field:not(.pm-search) { flex:1 1 120px; }.pm-search { flex-basis:100%; }.pm-filters>.button { width:100%; }.pm-table { min-width:0; }.pm-table thead { display:none; }.pm-table tbody { display:block; }.pm-table tr { display:grid; grid-template-columns:1fr 1fr; padding:16px; gap:10px; border-bottom:1px solid var(--border); }.pm-table td { display:block; border:0; padding:0; min-width:0; }.pm-table td:first-child { grid-column:2; justify-self:end; width:auto; }.pm-table td:nth-child(2) { grid-column:1; grid-row:1; }.pm-table td:nth-child(3) { grid-column:1/-1; margin-bottom:6px; }.pm-table td:nth-child(n+4)::before { content:attr(data-label); display:block; font-size:10px; color:var(--muted); margin-bottom:5px; }.pm-table td:last-child { grid-column:1/-1; }.pm-table td:last-child::before { display:none; }.pm-row-actions { justify-content:flex-end; border-top:1px solid var(--border); padding-top:6px; gap:14px; }.pm-pagination { padding:16px; }.pm-form-section { padding:20px; }.pm-field-grid,.pm-detail-grid { grid-template-columns:1fr; }.pm-form-layout { gap:20px; }.pm-profile-identity { padding:22px; gap:14px; }.pm-profile-identity .pm-status { margin-left:0; }.pm-detail-grid { padding:22px; gap:12px; }.pm-form-footer .button { flex:1; } }