.personnel-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px}.personnel-metric{border:1px solid #e4e9f2;background:#fff;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:10px}.personnel-metric span{color:#66768c;font-size:13px}.personnel-metric strong{color:#14233b;font-size:25px}.personnel-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.personnel-toolbar input{flex:1;min-width:200px}.personnel-toolbar select{min-width:180px}.personnel-name{background:none;border:0;color:#6254e8;font-weight:700;text-align:left;cursor:pointer;padding:8px 0}.personnel-tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:24px}.personnel-tabs button{border:1px solid #e4e9f2;background:#fff;color:#66768c;padding:13px 18px;border-radius:12px;white-space:nowrap;cursor:pointer}.personnel-tabs button.active{background:#6254e8;color:white;border-color:#6254e8}.personnel-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.personnel-details dt{font-size:12px;color:#66768c;margin-bottom:6px}.personnel-details dd{margin:0;color:#14233b;overflow-wrap:anywhere}.personnel-content{display:grid;gap:20px}.personnel-content .section-title{flex-wrap:wrap;gap:14px}.personnel-content .actions{flex-wrap:wrap}.personnel-content .card{min-width:0}.personnel-notes{white-space:pre-wrap;overflow-wrap:anywhere}.personnel-empty{padding:36px;text-align:center}.personnel-calendar{margin-top:18px;border-left:4px solid #6254e8}.personnel-calendar a{color:#6254e8}.personnel-calendar p{margin:8px 0}.personnel-calendar-list{display:flex;gap:12px;flex-wrap:wrap}.personnel-calendar-list span{padding:10px 14px;background:#f3f1ff;border-radius:10px;color:#443b8c;font-size:13px}@media(max-width:600px){.personnel-details{grid-template-columns:1fr}.personnel-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.personnel-metric{padding:14px}.personnel-metric strong{font-size:21px}.personnel-toolbar input,.personnel-toolbar select{width:100%;min-width:0}.personnel-content .actions{width:100%}.personnel-content .actions button{flex:1}.personnel-tabs button{padding:11px 13px}}