.hrr-header{position:sticky;top:0;z-index:20;background:#0b1220;border-bottom:1px solid #1e293b}.hrr-header-inner{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;max-width:100%}.hrr-subheader{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.hrr-icon-btn{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;border:1px solid #1e293b;background:#0f172a;color:#cbd5e1;font-size:12px;cursor:pointer}.hrr-icon-btn:hover{background:#1e293b;color:#fff}.hrr-sidebar-head{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #f1f5f9;flex-shrink:0;background:#fff}.hrr-sidebar-brand{display:flex;align-items:center;gap:10px;text-decoration:none!important;color:inherit;min-width:0}.hrr-sidebar-logo{height:22px;width:auto}.hrr-sidebar-title{font-size:13px;font-weight:800;letter-spacing:-.02em;color:#0f172a;line-height:1}.hrr-sidebar-sub{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin-top:2px}.hrr-env-badge{font-size:9px;font-weight:800;letter-spacing:.06em;background:#0f62fe;color:#fff;padding:3px 6px;border-radius:999px}.hrr-sidebar-search{margin:10px 10px 0;display:flex;align-items:center;gap:6px;padding:0 10px;height:32px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.hrr-sidebar-search-input{flex:1;border:0;background:transparent;font-size:12px;color:#0f172a;outline:none}.hrr-sidebar-search-input::placeholder{color:#94a3b8}.hrr-kbd{font-size:10px;font-weight:700;color:#94a3b8;border:1px solid #e2e8f0;background:#fff;padding:2px 5px;border-radius:5px;font-family:var(--hrr-font-mono)}.hrr-side-nav{flex:1;overflow:auto;padding:12px 8px;display:flex;flex-direction:column;gap:16px}.hrr-side-group{display:flex;flex-direction:column;gap:2px}.hrr-side-group-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;padding:0 8px 6px}.hrr-side-link{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:8px;color:#475569;font-size:12.5px;font-weight:500;text-decoration:none!important;transition:all .12s;border:1px solid transparent}.hrr-side-link:hover{background:#f1f5f9;color:#0f172a;border-color:#e2e8f0}.hrr-side-link-active{background:#0f172a!important;color:#fff!important;border-color:#0f172a}.hrr-side-link-active .hrr-side-icon{background:#ffffff24;border-color:#ffffff29;color:#fff}.hrr-side-icon{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:#f1f5f9;border:1px solid #e2e8f0;font-size:11px;flex:0 0 20px;color:#64748b}.hrr-side-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hrr-side-badge-live{font-size:9px;font-weight:800;letter-spacing:.05em;background:#0ea5e9;color:#fff;padding:2px 6px;border-radius:999px}.hrr-sidebar-system{margin:8px 10px;padding:10px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px}.hrr-system-row{font-size:11px;font-weight:600;color:#334155;display:flex;align-items:center;gap:6px}.hrr-system-dot{width:6px;height:6px;border-radius:99px;background:#16a34a;display:inline-block}.hrr-system-meta{font-size:10px;color:#94a3b8;margin-top:4px}.hrr-sidebar-foot{padding:10px;border-top:1px solid #f1f5f9;background:#fff}.hrr-sidebar-user{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid transparent;background:#fff;cursor:pointer;text-align:left}.hrr-sidebar-user:hover{background:#f8fafc;border-color:#e2e8f0}.hrr-sidebar-avatar{width:28px;height:28px;border-radius:999px;background:#0f172a;color:#fff;display:grid;place-items:center;font-weight:700;font-size:11px;flex:0 0 28px}.hrr-sidebar-pop{margin-top:8px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 24px #0f172a14;padding:6px;display:flex;flex-direction:column;gap:2px}.hrr-sidebar-pop-item{width:100%;text-align:left;padding:8px 10px;border-radius:8px;border:0;background:transparent;color:#334155;font-size:12px;font-weight:500;cursor:pointer}.hrr-sidebar-pop-item:hover{background:#f8fafc}:root{--hrr-navy-900:#0b1220;--hrr-navy-800:#0f172a;--hrr-navy-700:#1e293b;--hrr-navy-600:#334155;--hrr-brand-600:#0f62fe;--hrr-brand-700:#0043ce;--hrr-ink-50:#f8fafc;--hrr-ink-100:#f1f5f9;--hrr-ink-200:#e2e8f0;--hrr-ink-300:#cbd5e1;--hrr-ink-400:#94a3b8;--hrr-ink-500:#64748b;--hrr-ink-600:#475569;--hrr-ink-700:#334155;--hrr-ink-800:#1e293b;--hrr-ink-900:#0f172a;--hrr-bg:#f1f5f9;--hrr-surface:#ffffff;--hrr-surface-2:#f8fafc;--hrr-success:#0e8a3e;--hrr-warn:#b45309;--hrr-danger:#dc2626;--hrr-font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--hrr-font-mono:ui-monospace, "Cascadia Code", "SF Mono", Menlo, monospace;--hrr-radius:8px;--hrr-radius-lg:12px;--hrr-shadow:0 1px 2px rgba(15,23,42,.06), 0 4px 12px rgba(15,23,42,.04);--hrr-header-h:44px;--hrr-subheader-h:40px;--hrr-sidebar-w:248px}html,body,#root{height:100%;margin:0}body{background:var(--hrr-bg);color:var(--hrr-ink-800);font-family:var(--hrr-font-sans);font-size:12.5px;line-height:1.5;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}button{font-family:inherit}a.hrr-btn{text-decoration:none!important}.hrr-btn{height:30px;padding:0 12px;background:#fff;border:1px solid var(--hrr-ink-200);border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;line-height:1;transition:all .12s}.hrr-btn:hover{background:#f8fafc;border-color:var(--hrr-ink-300)}.hrr-btn-primary{background:var(--hrr-ink-900);border-color:var(--hrr-ink-900);color:#fff}.hrr-btn-primary:hover{background:var(--hrr-navy-700);border-color:var(--hrr-navy-700)}.hrr-btn-sm{height:26px;padding:0 10px;font-size:11px;border-radius:6px}.hrr-shell{display:flex;min-height:100vh;background:var(--hrr-bg)}.hrr-sidebar{width:var(--hrr-sidebar-w);flex:0 0 var(--hrr-sidebar-w);background:#fff;border-right:1px solid var(--hrr-ink-200);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:hidden}.hrr-main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--hrr-bg)}.hrr-page-body{width:100%;max-width:100%;margin:0;padding:16px 20px 24px;flex:1}.hrr-card{background:var(--hrr-surface);border:1px solid var(--hrr-ink-200);border-radius:10px;box-shadow:var(--hrr-shadow);padding:14px 16px}.hrr-card-header{padding:10px 14px;margin:-14px -16px 12px;border-bottom:1px solid var(--hrr-ink-100);display:flex;align-items:center;justify-content:space-between;gap:12;background:#fff;border-radius:10px 10px 0 0}.hrr-card-header h3{margin:0;font-size:12px;font-weight:700;letter-spacing:-.01em;color:var(--hrr-ink-900)}.hrr-kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}@media (max-width:1280px){.hrr-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.hrr-kpi-grid{grid-template-columns:repeat(2,1fr)}}.hrr-kpi{background:#fff;border:1px solid var(--hrr-ink-200);border-radius:10px;padding:12px 12px 10px;position:relative}.hrr-kpi-label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--hrr-ink-500)}.hrr-kpi-value{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--hrr-ink-900);margin-top:4px;font-variant-numeric:tabular-nums}.hrr-kpi-foot{font-size:11px;color:var(--hrr-ink-500);margin-top:4px;display:flex;align-items:center;gap:6px}.hrr-data-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--hrr-ink-200);border-radius:10px;overflow:hidden}.hrr-data-table th{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--hrr-ink-500);background:#f8fafc;padding:8px 10px;border-bottom:1px solid var(--hrr-ink-200);text-align:left;white-space:nowrap}.hrr-data-table td{font-size:12px;padding:8px 10px;border-bottom:1px solid #f1f5f9;white-space:nowrap}.hrr-data-table tr:last-child td{border-bottom:0}.hrr-data-table tr:hover td{background:#f8fafc}.hrr-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.02em;border:1px solid transparent;line-height:1}.hrr-badge-success{background:#f0fdf4;color:#15803d;border-color:#dcfce7}.hrr-badge-warn{background:#fffbeb;color:#92400e;border-color:#fde68a}.hrr-badge-danger{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.hrr-badge-info{background:#eff6ff;color:#1d4ed8;border-color:#dbeafe}.hrr-badge-neutral{background:#f8fafc;color:var(--hrr-ink-600);border-color:var(--hrr-ink-200)}.hrr-input{height:30px;padding:0 10px;border:1px solid var(--hrr-ink-200);border-radius:6px;font-size:12px;background:#fff;width:100%;transition:border-color .12s,box-shadow .12s}.hrr-input:focus{outline:none;border-color:var(--hrr-brand-600);box-shadow:0 0 0 3px #0f62fe1f}textarea.hrr-input{height:auto;padding:8px 10px;min-height:64px;resize:vertical}.hrr-page-title{font-size:16px;font-weight:800;letter-spacing:-.02em;color:var(--hrr-ink-900);margin:0;line-height:1.2}.hrr-page-subtitle{font-size:12px;color:var(--hrr-ink-500);margin-top:2px}.hrr-section-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.hrr-col-12{grid-column:span 12}.hrr-col-8{grid-column:span 8}.hrr-col-6{grid-column:span 6}.hrr-col-4{grid-column:span 4}.hrr-col-3{grid-column:span 3}@media (max-width:1024px){.hrr-col-8,.hrr-col-6,.hrr-col-4,.hrr-col-3{grid-column:span 12}}.hrr-toolbar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fff;border:1px solid var(--hrr-ink-200);border-radius:10px;flex-wrap:wrap}@media (max-width:900px){.login-brand{display:none!important}}