:root{--hr-white:#fff;--hr-black:#030303;--hr-navy:#182d45;--hr-navy-dark:#0d1926;--hr-gray-100:#f0f0f0;--hr-gray-400:#777;--hr-blue:#0a59a6;--hr-blue-light:#2489ec;--hr-mint:#aaf7db;--hr-danger:#b3261e;--hr-danger-hover:#cf3a31;--hr-ok:#096e49;--color-primary:var(--hr-navy);--color-on-primary:var(--hr-white);--color-accent:var(--hr-blue);--color-accent-hover:var(--hr-blue-light);--color-background:var(--hr-gray-100);--color-surface:var(--hr-white);--color-foreground:var(--hr-black);--color-muted:var(--hr-gray-400);--color-border:#d9dee4;--color-destructive:var(--hr-danger);--color-ring:var(--hr-blue-light);--hr-text:var(--hr-black);--hr-text-muted:var(--hr-gray-400);--hr-border:var(--color-border);--hr-font-heading:"Avenir", "Avenir Next", "Segoe UI", sans-serif;--hr-font-body:"Avenir", "Avenir Next", "Segoe UI", sans-serif;--hr-font-ui:"DIN Next", "Segoe UI", sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--hr-section-y:clamp(48px, 8vw, 120px);--hr-container:980px;--hr-app-max:1100px;--hr-transition:.3s ease;--hr-radius:2px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--hr-font-body);color:var(--hr-text);background:var(--color-background);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.4}body:has(.hr-hero){background:var(--hr-white)}h1{color:var(--hr-navy);font-family:var(--hr-font-heading);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.75rem;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800;line-height:1.15}h2{color:var(--hr-navy);font-family:var(--hr-font-heading);text-transform:uppercase;letter-spacing:.02em;margin:0 0 1rem;font-size:clamp(1.35rem,3.5vw,1.75rem);font-weight:800;line-height:1.2}p{font-size:1.0625rem;font-weight:300}a{color:var(--hr-blue);transition:color var(--hr-transition)}a:hover{color:var(--hr-blue-light)}:focus-visible{outline:3px solid var(--color-ring);outline-offset:2px}.hr-eyebrow{font-family:var(--hr-font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--hr-text-muted);margin-bottom:.5rem;font-size:.875rem;font-weight:400}.hr-lead{max-width:56ch;font-size:1.125rem;font-weight:300;line-height:1.5}.hr-section{padding-block:var(--hr-section-y)}.hr-section-light{background:var(--hr-gray-100)}.hr-section-dark{background:var(--hr-navy);color:var(--hr-white)}.hr-section-dark h2,.hr-section-dark h3{color:var(--hr-white)}.hr-container{max-width:var(--hr-container);margin-inline:auto;padding-inline:1.5rem}.hr-app{max-width:var(--hr-app-max);padding:var(--space-2xl) var(--space-lg) var(--space-3xl);margin:0 auto}.hr-page-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--hr-border)}.hr-page-header h1{margin-bottom:0}.hr-page-header .hr-lead{color:var(--hr-text-muted);margin-top:.75rem;font-size:1rem}.hr-table-wrap{-webkit-overflow-scrolling:touch;margin-top:var(--space-md);overflow-x:auto}.hr-hero{background:linear-gradient(180deg, #0d19268c 0%, #182d45e6 100%), linear-gradient(120deg, var(--hr-navy) 0%, var(--hr-navy-dark) 100%);color:var(--hr-white);padding-block:clamp(96px,16vw,200px);position:relative;overflow:hidden}.hr-hero:after{content:"";opacity:.4;pointer-events:none;background-image:radial-gradient(#ffffff17 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.hr-hero>.hr-container{z-index:1;position:relative}.hr-hero h1{color:var(--hr-white);margin:1rem 0;font-size:clamp(2rem,6vw,3.5rem)}.hr-hero .hr-eyebrow{color:#ffffffbf}.hr-hero .hr-lead{color:#ffffffe6;margin-bottom:2rem}.hr-btn,button:not(.secondary):not(.danger):not(.hr-nav-logout){background:var(--hr-blue);color:var(--hr-white);font-family:var(--hr-font-ui);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--hr-radius);cursor:pointer;transition:background var(--hr-transition);border:none;justify-content:center;align-items:center;gap:.5rem;padding:14px 28px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.hr-btn:hover,button:not(.secondary):not(.danger):not(.hr-nav-logout):hover:not(:disabled){background:var(--hr-blue-light);color:var(--hr-white)}.hr-btn-ghost{background:0 0;border:1px solid #fff9}.hr-btn-ghost:hover{background:#ffffff1a}.hr-btn-outline{color:var(--hr-blue);border:1px solid var(--hr-blue);background:0 0}.hr-btn-outline:hover{background:var(--hr-gray-100);color:var(--hr-blue)}button.secondary{font-family:var(--hr-font-ui);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--hr-radius);background:var(--hr-white);color:var(--hr-blue);border:1px solid var(--hr-blue);cursor:pointer;transition:background var(--hr-transition), color var(--hr-transition);justify-content:center;align-items:center;padding:.55rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}button.secondary:hover:not(:disabled){background:var(--hr-gray-100)}button.danger{font-family:var(--hr-font-ui);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--hr-radius);background:var(--hr-danger);color:var(--hr-white);cursor:pointer;transition:background var(--hr-transition);border:none;justify-content:center;align-items:center;padding:.55rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}button.danger:hover:not(:disabled){background:var(--hr-danger-hover)}button:disabled,.hr-btn:disabled{opacity:.5;cursor:not-allowed}.hr-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;margin-top:2.5rem;display:grid}.hr-feature{text-align:center}.hr-feature .hr-icon{width:56px;height:56px;color:var(--hr-blue-light);justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex}.hr-section-dark .hr-feature .hr-icon{color:var(--hr-mint)}.hr-feature h3{font-family:var(--hr-font-heading);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.5rem;font-size:1.375rem;font-weight:800}.hr-feature p{color:#ffffffd1;font-size:.95rem;line-height:1.5}.hr-section-light .hr-feature p{color:#444}.hr-steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-top:2.5rem;display:grid}.hr-step{border-top:2px solid var(--hr-blue);padding-top:.5rem}.hr-step:before{counter-increment:step;content:"0" counter(step);font-family:var(--hr-font-heading);color:var(--hr-blue);margin-bottom:.5rem;font-size:1.75rem;font-weight:800;display:block}.hr-step h3{color:var(--hr-navy);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.35rem;font-size:1.125rem;font-weight:700}.hr-step p{color:#444;font-size:.95rem;line-height:1.5}.hr-cta{text-align:center;background:var(--hr-white)}.hr-cta h2{margin-bottom:1.5rem}.hr-cta .row{justify-content:center}.hr-footer{background:var(--hr-navy-dark);color:#ffffffd9;padding-block:3rem;font-size:.95rem}.hr-footer a{color:var(--hr-white)}.hr-footer a:hover{color:var(--hr-mint)}.hr-footer .hr-footer-grid{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem 3rem;display:flex}.hr-footer strong{font-family:var(--hr-font-heading);text-transform:uppercase;letter-spacing:.04em;color:var(--hr-white)}.hr-auth{background:linear-gradient(180deg, #0d192699 0%, #182d45eb 100%), linear-gradient(120deg, var(--hr-navy) 0%, var(--hr-navy-dark) 100%);justify-content:center;align-items:center;max-width:none;min-height:100vh;margin:0;padding:2rem 1.5rem;display:flex;position:relative;overflow:hidden}.hr-auth:after{content:"";opacity:.4;pointer-events:none;background-image:radial-gradient(#ffffff17 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.hr-auth-card{z-index:1;background:var(--hr-white);border-radius:var(--hr-radius);width:100%;max-width:420px;padding:clamp(1.75rem,5vw,2.75rem);position:relative;box-shadow:0 24px 60px #00000059}.hr-auth-card.hr-auth-wide{max-width:520px}.hr-auth-card h1{margin:.5rem 0 1.5rem;font-size:clamp(1.75rem,5vw,2.25rem)}.hr-auth-card form.stack{max-width:none}.hr-auth-card .hr-btn{justify-content:center;width:100%;margin-top:.5rem}.hr-auth-intro{color:var(--hr-text-muted);margin:-.5rem 0 1.25rem;font-size:.95rem;line-height:1.5}.hr-auth-foot{color:var(--hr-text-muted);margin-top:1.5rem;font-size:.9rem}.card{border:1px solid var(--hr-border);border-radius:var(--hr-radius);padding:var(--space-lg);margin-bottom:var(--space-lg);background:var(--color-surface)}.card h2{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--hr-border)}form.stack{flex-direction:column;gap:.75rem;max-width:460px;display:flex}.card form.stack{max-width:none}label{color:var(--hr-navy);flex-direction:column;flex:1;gap:.25rem;min-width:0;font-size:.9rem;font-weight:600;display:flex}input,select,textarea{font:inherit;border-radius:var(--hr-radius);background:var(--hr-white);transition:border-color var(--hr-transition), box-shadow var(--hr-transition);border:1px solid #c7ced6;padding:.65rem .75rem;font-weight:400}input:focus,select:focus,textarea:focus{border-color:var(--hr-blue);outline:none;box-shadow:0 0 0 3px #0a59a626}.hint{color:var(--hr-text-muted);font-size:.85rem;font-weight:300}.row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.msg-error{color:var(--hr-danger);font-size:.95rem;font-weight:600}.msg-ok{color:var(--hr-ok);font-size:.95rem;font-weight:600}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--hr-border);vertical-align:top;padding:.65rem .75rem}th{color:var(--hr-navy);font-family:var(--hr-font-ui);letter-spacing:.06em;text-transform:uppercase;background:var(--hr-gray-100);font-size:.8rem;font-weight:600}.badge{border-radius:var(--hr-radius);font-family:var(--hr-font-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--hr-navy);background:#eef2f6;padding:.15rem .55rem;font-size:.7rem;font-weight:700;display:inline-block}.topnav{background:var(--hr-navy);flex-wrap:wrap;align-items:center;gap:1.25rem;padding:.85rem 1.5rem;display:flex}.topnav a,.topnav strong{color:var(--hr-white)}.topnav a{font-family:var(--hr-font-ui);text-transform:uppercase;letter-spacing:.06em;transition:color var(--hr-transition);font-size:.85rem;text-decoration:none}.topnav a:hover{color:var(--hr-mint)}.topnav strong{font-family:var(--hr-font-heading);text-transform:uppercase;letter-spacing:.04em;font-size:.95rem}.topnav .spacer{margin-left:auto}.hr-nav-logout{font-family:var(--hr-font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--hr-white);border-radius:var(--hr-radius);cursor:pointer;transition:background var(--hr-transition), border-color var(--hr-transition);background:0 0;border:1px solid #ffffff73;padding:.45rem .9rem;font-size:.8rem;font-weight:600}.hr-nav-logout:hover{border-color:var(--hr-mint);color:var(--hr-mint);background:#ffffff1a}.profil-avatar-row{align-items:center;gap:1rem;display:flex}.profil-avatar{object-fit:cover;background:#eef2f6;border-radius:50%;flex-shrink:0;width:88px;height:88px}.profil-avatar-fallback{font-family:var(--hr-font-heading);color:var(--hr-navy);border:1px solid var(--hr-border);place-items:center;font-size:1.5rem;font-weight:700;display:grid}.finance-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.finance-grid--hero{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.finance-metric{border:1px solid var(--hr-border);border-radius:var(--hr-radius);background:var(--color-surface);flex-direction:column;gap:.35rem;min-height:5.5rem;padding:1rem 1.1rem;display:flex}.finance-metric--hero{background:linear-gradient(160deg, var(--hr-navy) 0%, var(--hr-navy-dark) 100%);color:var(--hr-white);border-color:#0000}.finance-metric__label{font-family:var(--hr-font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--hr-text-muted);font-size:.75rem;font-weight:400}.finance-metric--hero .finance-metric__label{color:#ffffffb3}.finance-metric__value{font-family:var(--hr-font-heading);color:var(--hr-navy);font-size:clamp(1.35rem,3vw,1.85rem);font-weight:800;line-height:1.15}.finance-metric--hero .finance-metric__value{color:var(--hr-mint)}.finance-metric__hint{color:var(--hr-text-muted);font-size:.8rem;font-weight:300}.finance-metric--hero .finance-metric__hint{color:#ffffffa6}.finance-panels{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.finance-panels .card{margin-bottom:0}.finance-panels h2{margin-top:0;font-size:1.15rem}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}