body,html{margin:0;padding:0;min-height:100%;background:#0a0a0f}body{--employee-role-primary:#e8179e;--employee-role-secondary:#7b2fff;--employee-role-surface:rgba(18,18,26,0.88);color:#f0f0ff}body[data-role-profile=media]{--employee-role-primary:#a855f7;--employee-role-secondary:#ec4899;--employee-role-surface:rgba(44,16,60,0.86)}body[data-role-profile=technik]{--employee-role-primary:#3b82f6;--employee-role-secondary:#06b6d4;--employee-role-surface:rgba(10,24,44,0.88)}body[data-role-profile=admin]{--employee-role-primary:#111827;--employee-role-secondary:#334155;--employee-role-surface:rgba(16,18,26,0.92)}body[data-role-profile=minimum]{--employee-role-primary:#64748b;--employee-role-secondary:#475569;--employee-role-surface:rgba(20,24,34,0.84)}main{display:block;width:100%}#legacy-root{width:100%;min-height:100vh}.app-role-hero{display:flex;align-items:stretch;justify-content:space-between;gap:24px;margin:0 0 18px;padding:24px;border-radius:26px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top right,color-mix(in srgb,var(--employee-role-secondary) 24%,transparent),transparent 38%),linear-gradient(135deg,color-mix(in srgb,var(--employee-role-primary) 18%,rgba(12,12,18,.96)),var(--employee-role-surface));box-shadow:0 24px 56px rgba(0,0,0,.24)}.app-role-hero__copy{min-width:0;flex:1 1 auto}.app-role-hero__title{margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(2rem,4vw,3rem);line-height:.94;letter-spacing:.04em;text-transform:uppercase}.app-role-hero__text{margin:10px 0 0;max-width:62ch;color:rgba(240,240,255,.8);font-size:.95rem;line-height:1.65}.app-role-hero__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.app-role-hero__meta-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 11px;background:rgba(255,255,255,.08);color:rgba(240,240,255,.76);font-size:.7rem;letter-spacing:.08em}.app-role-hero__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:min(420px,48%)}.app-role-hero__action{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-height:92px;border:0;border-radius:20px;padding:16px;background:rgba(255,255,255,.08);color:#f0f0ff;font-family:Outfit,sans-serif;text-align:left;cursor:pointer}.app-role-hero__action strong{font-size:.92rem;line-height:1.3}@media (min-width:769px){.pwa-install-hint{max-width:420px;left:auto}}.legacy-error{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at top,rgba(232,23,158,.12),transparent 30%),radial-gradient(circle at bottom right,rgba(0,200,255,.12),transparent 35%),#0a0a0f;font-family:Outfit,sans-serif;text-align:center}.legacy-error-card{max-width:560px;padding:32px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(18,18,26,.85);box-shadow:0 24px 80px rgba(0,0,0,.35)}.legacy-error-card h1{margin:0 0 12px;font-size:clamp(2rem,5vw,3rem);letter-spacing:.04em;text-transform:uppercase}.legacy-error-card p{margin:0;color:#b8b8cc;line-height:1.6}.legacy-error-retry{margin-top:24px;padding:12px 28px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.06);color:#f0f0ff;font-family:Outfit,sans-serif;font-size:1rem;cursor:pointer;transition:background .2s,border-color .2s}.legacy-error-retry:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35)}