.hro-portal{--hro-primary:#514abf;--hro-primary-hover:#4339a3;--hro-primary-soft:#514abf1f;--hro-accent:#66bb6a;--hro-accent-hover:#57a35c;--hro-accent-soft:#66bb6a1f;--hro-accent-muted:#3d8b42;--hro-base:#f9fafb;--hro-surface:#fff;--hro-card:#fff;--hro-border:#514abf1a;--hro-text:#514abf;--hro-text-secondary:#4b5563;--hro-muted:#6b7280;--hro-radius-lg:.75rem;--hro-radius-xl:.75rem;--hro-shadow-sm:0 1px 2px 0 #0f172a0a;--hro-shadow-md:0 4px 12px -2px #0f172a14}.hro-portal .hro-section-tabs{border-bottom:1px solid #0000000f;flex-wrap:wrap;gap:1.25rem 1.75rem;display:flex}.hro-portal .hro-section-tab{color:#6b7280;background:0 0;border:none;margin-bottom:-1px;padding:.125rem .125rem .75rem;font-size:.875rem;font-weight:500;line-height:1.25;transition:color .15s;position:relative}.hro-portal .hro-section-tab:hover{color:#374151}.hro-portal .hro-section-tab:focus-visible{border-radius:.25rem;outline:none;box-shadow:0 0 0 2px #66bb6a47}.hro-portal .hro-section-tab-active{color:var(--hro-primary);font-weight:600}.hro-portal .hro-section-tab-active:after{content:"";background:var(--hro-accent);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:0;right:0}.hro-portal .hro-sidebar{box-shadow:none;background:#fafafa;border-color:#0000000d}.hro-portal .hro-sidebar-brand{min-height:3.5rem}.hro-portal .hro-sidebar-brand-title{color:var(--hro-primary);font-size:.9375rem;font-weight:600;line-height:1.2}.hro-portal .hro-sidebar-brand-badge{background:var(--hro-primary-soft);letter-spacing:.04em;text-transform:uppercase;color:var(--hro-primary);box-shadow:0 0 0 1px var(--hro-border);border-radius:9999px;align-items:center;gap:.375rem;margin-top:.25rem;padding:.125rem .625rem;font-size:.625rem;font-weight:500;display:inline-flex}.hro-portal .hro-sidebar-brand-badge-dot{color:var(--hro-accent)}.hro-portal .hro-sidebar-edge-toggle{z-index:40;background:var(--hro-surface);width:1.625rem;height:1.625rem;color:var(--hro-primary);border:1px solid #0000000f;border-radius:9999px;justify-content:center;align-items:center;transition:background-color .18s,color .18s,box-shadow .18s,transform .18s;display:inline-flex;position:absolute;top:1.375rem;right:-.6875rem;box-shadow:0 1px 2px #0f172a0f,0 4px 10px -2px #0f172a1a}.hro-portal .hro-sidebar-edge-toggle:hover{color:var(--hro-primary-hover);background:#fff;box-shadow:0 1px 3px #0f172a14}.hro-portal .hro-sidebar-edge-toggle:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #514abf40}.hro-portal .hro-sidebar-section{letter-spacing:.06em;text-transform:uppercase;color:#a3a3a3;margin-bottom:.375rem;padding:0 .875rem;font-size:.6875rem;font-weight:600;line-height:1.25}.hro-portal .hro-sidebar-nav{padding:.75rem .5rem 1rem}.hro-portal .hro-sidebar-nav-group+.hro-sidebar-nav-group{border-top:1px solid #0000000d;margin-top:1.5rem;padding-top:1.25rem}.hro-portal .hro-sidebar-item{color:#6b7280;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.4375rem .625rem;font-size:.8125rem;font-weight:500;line-height:1.25;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.hro-portal .hro-sidebar-item:hover{color:#374151;background:#0000000a}.hro-portal .hro-sidebar-item:focus-visible{outline:none;box-shadow:0 0 0 2px #66bb6a40}.hro-portal .hro-sidebar-item-active{color:var(--hro-primary);background:#66bb6a1a;font-weight:600}.hro-portal .hro-sidebar-item-active:hover{color:var(--hro-primary);background:#66bb6a24}.hro-portal .hro-sidebar-item--collapsed{justify-content:center;padding:.5rem}.hro-portal .hro-sidebar-item-icon{color:#9ca3af;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:inline-flex}.hro-portal .hro-sidebar-item-icon svg{width:1.25rem;height:1.25rem}.hro-portal .hro-sidebar-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.hro-portal .hro-sidebar-item-active .hro-sidebar-item-icon{color:var(--hro-accent)}.hro-portal .hro-sidebar-footer{background:#fafafa;border-color:#0000000d}.hro-portal .hro-sidebar-profile{text-align:left;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;min-width:0;padding:.5rem .625rem;transition:background-color .15s;display:flex}.hro-portal .hro-sidebar-profile:hover{background:#0000000a}.hro-portal .hro-sidebar-profile:focus-visible{outline:none;box-shadow:0 0 0 2px #66bb6a40}.hro-portal .hro-sidebar-profile--collapsed{justify-content:center;padding:.5rem}.hro-portal .hro-chip{color:#6b7280;white-space:nowrap;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.25rem;min-height:2.25rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:background-color .15s,color .15s;display:inline-flex}.hro-portal .hro-chip:hover{color:#374151;background:#0000000a}.hro-portal .hro-chip:focus-visible{outline:none;box-shadow:0 0 0 2px #66bb6a40}.hro-portal .hro-chip-active{color:var(--hro-primary);background:#66bb6a1a;font-weight:600}.hro-portal .hro-chip-active:hover{color:var(--hro-primary);background:#66bb6a24}.hro-portal .hro-btn-primary{background:var(--hro-primary);color:#fff;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:background-color .15s,opacity .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.hro-portal .hro-btn-primary:hover{background:var(--hro-primary-hover);opacity:.95}.hro-portal .hro-btn-primary:disabled{opacity:.6}.hro-portal .hro-btn-primary:focus{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #514abf4d}.hro-portal .hro-btn-accent{background:var(--hro-accent);color:#fff;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:background-color .15s,opacity .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.hro-portal .hro-btn-accent:hover{background:var(--hro-accent-hover);opacity:.95}.hro-portal .hro-btn-accent:disabled{opacity:.6;cursor:not-allowed}.hro-portal .hro-btn-accent:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #66bb6a59}.hro-portal .hro-btn-secondary{border:1px solid var(--hro-border);background:var(--hro-surface);color:var(--hro-primary);border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.hro-portal .hro-btn-secondary:hover{background:var(--hro-primary-soft)}.hro-portal .hro-btn-ghost{color:var(--hro-primary);border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:background-color .15s,color .15s;display:inline-flex}.hro-portal .hro-btn-ghost:hover{background:var(--hro-primary-soft);color:var(--hro-primary-hover)}.hro-portal .hro-btn-ghost:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #514abf40}.hro-portal .hro-input{box-sizing:border-box;border-radius:var(--hro-radius-lg);border:1px solid var(--hro-border);background:var(--hro-surface);width:100%;min-width:0;color:var(--hro-primary);box-shadow:var(--hro-shadow-sm);outline:none;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s;display:block}.hro-portal .hro-input::placeholder{color:var(--hro-muted)}.hro-portal .hro-input:focus{border-color:var(--hro-primary);box-shadow:0 0 0 2px #514abf33}.hro-portal .hro-text-muted{color:var(--hro-muted)}.hro-portal .hro-text-secondary{color:var(--hro-text-secondary)}.hro-portal .hro-status-success{border-radius:var(--hro-radius-lg);background:var(--hro-accent-soft);color:var(--hro-accent-muted);border:1px solid #66bb6a4d}.hro-portal .hro-nav-active{border-left:3px solid var(--hro-accent);background:var(--hro-accent-soft);color:var(--hro-primary);font-weight:500}.hro-portal .hro-page-chrome--sticky{z-index:20;border-bottom:1px solid var(--hro-border);background:color-mix(in srgb, var(--hro-surface) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.hro-portal .hro-page-breadcrumbs{color:var(--hro-muted);font-size:.75rem;line-height:1.25}.hro-portal .hro-page-breadcrumbs a{color:var(--hro-primary);font-weight:500;transition:color .15s}.hro-portal .hro-page-breadcrumbs a:hover{color:var(--hro-primary-hover)}.hro-portal .hro-page-title{letter-spacing:-.02em;color:var(--hro-primary);font-size:1.25rem;font-weight:700;line-height:1.3}@media (width>=768px){.hro-portal .hro-page-title{font-size:1.5rem}}.hro-portal .hro-page-subtitle{color:var(--hro-muted);margin-top:.25rem;font-size:.875rem;line-height:1.45}.hro-portal .hro-page-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.hro-portal .hro-page-hero{background:linear-gradient(135deg, var(--hro-primary) 0%, #4339a3 100%);color:#fff;border:1px solid #514abf26;border-radius:.75rem;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000f}@media (width>=640px){.hro-portal .hro-page-hero{padding:2rem 2.5rem}}.hro-portal .hro-page-hero-watermark{pointer-events:none;-webkit-user-select:none;user-select:none;color:#ffffff0d;font-size:4.5rem;font-weight:700;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}@media (width>=640px){.hro-portal .hro-page-hero-watermark{font-size:5rem}}.hro-portal .hro-page-hero-title{letter-spacing:-.02em;margin-top:.75rem;font-size:2.25rem;font-weight:700;line-height:1.1}@media (width>=640px){.hro-portal .hro-page-hero-title{font-size:3rem}}.hro-portal .hro-page-hero-subtitle{color:#fffc;max-width:36rem;margin-top:.5rem;font-size:.875rem;line-height:1.5}.hro-portal .hro-page-hero .hro-page-breadcrumbs{color:#ffffffb3}.hro-portal .hro-page-hero .hro-page-breadcrumbs a{color:#ffffffe6}.hro-portal .hro-page-hero .hro-page-breadcrumbs a:hover,.hro-portal .hro-page-hero .hro-page-breadcrumbs span[aria-current]{color:#fff}.hro-portal .hro-section-heading{border-bottom:1px solid var(--hro-border);justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.5rem;display:flex}.hro-portal .hro-section-title{color:var(--hro-primary);font-size:1.5rem;font-weight:700}.hro-portal .hro-section-meta{color:var(--hro-muted);flex-shrink:0;font-size:.75rem}.hro-portal .hro-page-card,.hro-portal .hro-page-aside-card{border-radius:var(--hro-radius-xl);border:1px solid var(--hro-border);background:var(--hro-card);box-shadow:var(--hro-shadow-sm);overflow:hidden}.hro-portal .hro-page-aside-card{padding:1rem}.hro-portal .hro-page-card--accent-top{border-top:3px solid var(--hro-primary)}.hro-portal .hro-table thead th{background:var(--hro-primary-soft);color:var(--hro-primary);font-weight:600}.hro-portal .hro-table tbody tr:hover{background:#514abf0f}
