:root{--bg:#0b0b0f;--card:#111118;--card2:#141420;--text:#e9e9f1;--muted:#a8a8c2;--line:rgba(255,255,255,.08);--brand:#7c5cff;--danger:#ff5c7a}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}.hr-layout{display:grid;grid-template-columns:260px 1fr;height:100%}.hr-sidebar{border-right:1px solid var(--line);padding:14px;background:linear-gradient(180deg,var(--card),var(--bg))}.hr-main{padding:18px;overflow:auto}.hr-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px}.hr-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}.hr-title{font-weight:800;letter-spacing:.2px}.hr-pill{font-size:12px;color:var(--muted);padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#ffffff08}.hr-nav{display:grid;gap:8px;margin-top:12px}.hr-link{display:block;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--text);border:1px solid transparent}.hr-link:hover{background:#ffffff0a;border-color:var(--line)}.hr-link.active{background:#7c5cff2e;border-color:#7c5cff59}.hr-btn{padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#ffffff0a;color:var(--text);cursor:pointer}.hr-btn:hover{background:#ffffff0f}.hr-btn-primary{background:var(--brand);border-color:#7c5cff8c;color:#fff}.hr-btn-danger{background:#ff5c7a24;border-color:#ff5c7a59}.hr-input,.hr-select,.hr-textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#ffffff08;color:var(--text);outline:none}.hr-select option{background:#0b0b0f;color:var(--text)}.hr-label{font-size:12px;color:var(--muted);margin:8px 0 6px}.hr-row{display:grid;gap:12px}.hr-row-2{grid-template-columns:1fr 1fr}.hr-row-3{grid-template-columns:1fr 1fr 1fr}.hr-alert{border-radius:14px;padding:10px 12px;border:1px solid var(--line);background:#ffffff08}.hr-alert.err{border-color:#ff5c7a59;background:#ff5c7a1f}.hr-alert.ok{border-color:#57ff9659;background:#57ff961a}.hr-table{width:100%;border-collapse:collapse}.hr-table th,.hr-table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;vertical-align:top}.hr-table thead th{color:var(--muted);font-weight:700;font-size:12px}.hr-table thead tr{background:#ffffff0a}.hr-table thead th{color:#ffffffc7;background:#ffffff0a}table thead tr{background:#ffffff0a!important}table thead th{color:#ffffffc7!important;background:#ffffff0a!important;border-bottom:1px solid rgba(255,255,255,.08)!important}:root{--hr-bg: #2f3338;--hr-surface: #3a3f46;--hr-border: rgba(255,255,255,.1);--hr-text: rgba(255,255,255,.88);--hr-muted: rgba(255,255,255,.68)}html,body,#root{background:var(--hr-bg)!important;color:var(--hr-text)!important}.app,.layout,main,section,article,header,footer{color:var(--hr-text)}div[style*="background: white"],div[style*='background:"white"']{background:var(--hr-surface)!important;border-color:var(--hr-border)!important;color:var(--hr-text)!important}table{color:var(--hr-text)!important}table thead tr{background:#ffffff0f!important}table thead th{color:var(--hr-muted)!important;background:#ffffff0f!important;border-bottom:1px solid var(--hr-border)!important}table td{border-bottom:1px solid rgba(255,255,255,.06)!important}input,textarea,select{background:#ffffff0f!important;color:var(--hr-text)!important;border:1px solid var(--hr-border)!important}select option{background:#2f3338;color:#ffffffe6}