/* Dashboard layout */
.hrp-dashboard-wrap{display:flex;margin:30px auto;border-radius:8px;overflow:hidden;box-shadow:0 8px 30px rgba(15,23,42,0.06)}
.hrp-sidebar{width:260px;background:#fff;border-right:1px solid #f0f2f5;padding:24px;display:flex;flex-direction:column;justify-content:space-between}
.hrp-brand h2{margin:0;color:#0b2b4a}
.hrp-company-name{color:#6b7785;font-size:14px;margin-top:6px}
.hrp-nav ul{list-style:none;padding:20px 0 0 0;margin:0}
.hrp-nav li{padding:12px 10px;border-radius:8px;cursor:pointer;color:#263238;margin-bottom:8px}
.hrp-nav li.active{background:#eaf4ff;color:#0b63a9}
.hr-icon{margin-right:8px}
.hrp-side-bottom{border-top:1px solid #f0f2f5;padding-top:12px;margin-top:12px}
.hrp-user{display:flex;align-items:center}
.hrp-avatar{width:40px;height:40px;border-radius:50%;background:#e1eef8;color:#0b63a9;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:12px}
.hrp-main{flex:1;background:#fbfdff;padding:28px}
.hrp-header h1{margin:0;font-size:28px;color:#0b2b4a}
.hrp-sub{color:#6b7785;margin:8px 0 18px}
.hrp-cards-row{display:flex;gap:14px;margin-bottom:18px}
.card{flex:1;background:#fff;border:1px solid #eef3f7;padding:18px;border-radius:10px}
.card-title{font-size:13px;color:#6b7785;margin-bottom:6px}
.card-value{font-size:22px;color:#0b63a9;font-weight:700}
.hrp-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}
.panel{background:#fff;padding:18px;border-radius:10px;border:1px solid #eef3f7}
.activity-list{list-style:none;padding:0;margin:0}
.activity-list li{padding:10px 0;border-bottom:1px solid #f0f2f5}
.quick-list{list-style:none;padding:0;margin:0}
.quick-list li{padding:10px 0;border-bottom:1px solid #f8fafb}
.hrp-table{width:100%;border-collapse:collapse}
.hrp-table th, .hrp-table td{padding:10px;border:1px solid #f0f2f5;text-align:left}
.button.small{padding:6px 8px;font-size:13px}
.job-card{background:#fff;border:1px solid #eef3f7;padding:12px;border-radius:8px;margin-bottom:12px}
@media(max-width:900px){
    .hrp-dashboard-wrap{flex-direction:column}
    .hrp-sidebar{width:100%;display:flex;flex-direction:row;overflow:auto}
    .hrp-main{padding:14px}
    .hrp-grid{grid-template-columns:1fr}
}