#view-people{--people:#244e73;--people-soft:#f2f6fa;--people-line:#d9e3eb;color:#182733}
.people-head{align-items:flex-start}.people-head .head-actions{display:flex;gap:9px;flex-wrap:wrap}
.people-privacy-note{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:12px 16px;border:1px solid #d5e3ef;border-radius:12px;background:#f4f8fc;color:#405d73;font-size:13px}.people-privacy-note strong{color:var(--people);white-space:nowrap}
.people-panel{margin-bottom:18px;border-color:#cbdce8}.people-panel-head,.people-section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.people-panel-head h4,.people-section-head h4{margin:0 0 4px}.people-panel-head p,.people-section-head p{margin:0;color:#6d7d89;font-size:13px}
.people-form-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.people-wide{grid-column:span 2}.people-check{display:flex!important;align-items:center;gap:7px}.people-check input{width:auto;margin:0}
.people-dashboard{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;margin:0 0 18px}.people-metric{padding:14px 16px;border:1px solid var(--people-line);border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(36,78,115,.05)}.people-metric span{display:block;color:#697a87;font-size:12px;margin-bottom:7px}.people-metric strong{font-size:21px}.people-metric.attention{border-color:#e9c983;background:#fffaf0}.people-metric.attention strong{color:#a36100}
.people-tabs{display:flex;gap:4px;border-bottom:1px solid var(--people-line);margin-bottom:14px}.people-tabs button{border:0;background:transparent;padding:11px 18px;border-bottom:3px solid transparent;color:#667985;font-weight:700;cursor:pointer}.people-tabs button.active{color:var(--people);border-bottom-color:var(--people)}
.people-workspace{min-height:170px}.people-toolbar{display:flex;justify-content:flex-end;gap:10px;align-items:end;margin-bottom:12px}.people-toolbar label>span{display:block;font-size:11px;color:#687b88;margin-bottom:5px}.people-search{position:relative;flex:1}.people-search>span{position:absolute;left:12px;top:13px}.people-search input{padding-left:34px}.people-attendance-toolbar label{margin-right:auto}
.people-list{display:grid;gap:8px}.people-empty,.people-loading{padding:34px;text-align:center;border:1px dashed #cbd9e2;border-radius:12px;background:#fafcfd;color:#697b88}.people-row{display:grid;align-items:center;gap:12px;width:100%;padding:13px 15px;border:1px solid var(--people-line);border-radius:12px;background:#fff;color:inherit;text-align:left}.people-row-button{cursor:pointer}.people-row-button:hover{border-color:#8eacc1;box-shadow:0 6px 18px rgba(36,78,115,.07)}.people-row small{display:block;color:#788792;font-size:10px;margin-bottom:3px}.people-row strong{display:block;font-size:13px}.people-employee-row{grid-template-columns:125px minmax(180px,1.5fr) 1fr 1fr 100px 22px}.people-attendance-row{grid-template-columns:110px minmax(160px,1.4fr) 110px 110px 100px 100px auto}.people-request-row{grid-template-columns:130px 120px minmax(200px,1.6fr) 130px 110px 22px}
.people-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;background:#eef2f4;color:#596c77}.people-status.active,.people-status.approved,.people-status.locked{background:#e1f1ea;color:#22664b}.people-status.submitted{background:#fff0ce;color:#8a5b00}.people-status.rejected,.people-status.cancelled,.people-status.retired{background:#f5e7e7;color:#844848}.people-status.draft{background:#e8eef5;color:#49637a}.people-status.leave{background:#eee8f7;color:#6a4b8d}
.people-row-actions{display:flex;gap:5px;justify-content:flex-end;flex-wrap:wrap}.people-row-actions button{padding:6px 9px;font-size:11px}.people-row-actions .approve{background:#28684f;color:#fff;border-color:#28684f}.people-row-actions .reject{color:#8d4242;border-color:#d8b0b0}
.people-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.people-settings-grid>section{padding:16px;border:1px solid var(--people-line);border-radius:14px;background:#fff}.people-inline-form{display:grid;grid-template-columns:120px 1fr auto;gap:8px;margin-bottom:12px}.people-settings-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end}.people-settings-form label{font-size:11px;color:#697b87}.people-setting-list{display:grid;gap:6px}.people-setting-row{display:flex;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:9px;background:var(--people-soft);font-size:12px}
.people-drawer{width:min(680px,94vw)}.people-request-summary{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.people-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.people-detail-grid>div{padding:10px;border-radius:10px;background:var(--people-soft)}.people-detail-grid small{display:block;color:#6d7c87;margin-bottom:4px}.people-detail-content{padding:14px;border-radius:12px;background:#fafcfd;white-space:pre-wrap}.people-drawer-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.people-events{margin-top:18px}.people-events li{padding:8px 0;border-bottom:1px solid #e7edf1;font-size:12px}
@media(max-width:1100px){.people-form-grid{grid-template-columns:repeat(2,1fr)}.people-dashboard{grid-template-columns:repeat(3,1fr)}.people-settings-grid{grid-template-columns:1fr}.people-employee-row{grid-template-columns:110px 1.5fr 1fr 1fr 90px 18px}.people-attendance-row{grid-template-columns:95px 1.4fr 100px 100px 90px auto}.people-attendance-row>span:nth-child(5){display:none}}
@media(max-width:760px){.people-privacy-note{flex-direction:column;align-items:flex-start;gap:3px}.people-form-grid{grid-template-columns:1fr}.people-wide{grid-column:span 1}.people-dashboard{grid-template-columns:1fr 1fr}.people-metric{padding:12px}.people-tabs{overflow:auto}.people-tabs button{white-space:nowrap}.people-toolbar{align-items:stretch;flex-direction:column}.people-search{width:100%}.people-employee-row,.people-request-row{grid-template-columns:1fr 100px}.people-employee-row>span:nth-child(2),.people-request-row>span:nth-child(3){grid-column:1/-1;grid-row:2}.people-employee-row>span:nth-child(3),.people-employee-row>span:nth-child(6),.people-request-row>span:nth-child(2),.people-request-row>span:nth-child(6){display:none}.people-attendance-row{grid-template-columns:1fr 1fr}.people-attendance-row>span:nth-child(2){grid-column:1/-1;grid-row:1}.people-attendance-row>span:nth-child(5){display:block}.people-row-actions{grid-column:1/-1}.people-inline-form,.people-settings-form{grid-template-columns:1fr 1fr}.people-inline-form input:nth-child(2),.people-inline-form button,.people-settings-form button{grid-column:span 2}.people-detail-grid{grid-template-columns:1fr 1fr}}