.hr-dashboard { font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; background:#fff; border-radius:8px; padding:16px; box-shadow:0 2px 8px rgba(0,0,0,0.06); }
.tabs { display:flex; gap:8px; margin-bottom:12px; }
.tabs button { border:none; background:#f3f4f6; padding:8px 10px; border-radius:6px; cursor:pointer; }
.tabs button.active { background:#0073aa; color:#fff; }
.header { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.add-panel { background:#fbfdff; padding:12px; border-radius:6px; margin-bottom:12px; border:1px solid #eef2f7; }
.add-panel input, .add-panel textarea { width:100%; margin-bottom:8px; padding:8px; border:1px solid #e5e7eb; border-radius:6px; box-sizing:border-box; }
.btn { background:#0073aa; color:#fff; border:none; padding:8px 10px; border-radius:6px; cursor:pointer; }
.notice { margin:8px 0; color: #065f46; background: #ecfdf5; padding:8px; border-radius:6px; }
.app-table { width:100%; border-collapse:collapse; margin-top:12px; }
.app-table th, .app-table td { padding:8px; border-bottom:1px solid #eee; text-align:left; }
.req-row { display:flex; gap:8px; align-items:center; margin-bottom:8px; }
.req-row input[type=text] { padding:6px; border-radius:6px; border:1px solid #e5e7eb; }
.error { color:#b91c1c; }