@font-face{font-family:Hanken Grotesk;src:url(/fonts/HankenGrotesk-wght.ttf) format("truetype");font-weight:100 900;font-display:swap}:root{--petrol:#0e3b43;--sunflower:#f7a70a;--sunflower-dunkel:#de9600;--textgrau:#46585b;--mint:#eef4f3;--linie-hell:#d5e2e0;--petrol-hell:#0e6b73;--surface:#ffffff;--surface-muted:#eef3f3;--line:#d9e2e4;--text:#172026;--muted:#63737a;--orange:#c2410c;--orange-soft:#ffedd5;--green:#15803d;--red:#b42318;--shadow:0 16px 40px rgba(23,32,38,0.08)}*{box-sizing:border-box}body,html{background:var(--mint)}body{margin:0;color:var(--text);font-family:Hanken Grotesk,Arial,sans-serif}button,input,select,textarea{font:inherit}input[type=checkbox],input[type=radio]{accent-color:var(--petrol-hell)}button{cursor:pointer}a{color:var(--petrol-hell)}.system-banner{position:-webkit-sticky;position:sticky;top:0;z-index:1000;background:var(--orange);color:#ffffff;text-align:center;font-size:12.5px;font-weight:800;letter-spacing:.6px;padding:6px 12px;line-height:1.3}.system-banner.probe{background:var(--muted)}.hr-app{min-height:100vh;display:grid;grid-template-columns:228px minmax(0,1fr)}.hr-band{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:22px;padding:20px 14px;background:#ffffff;border-right:1px solid var(--linie-hell);color:var(--petrol)}.mit-streifen .hr-band{top:29px;height:calc(100vh - 29px)}.hr-marke{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.hr-zeichen{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border-radius:8px;background:var(--sunflower);color:#000000;font-weight:800;font-size:14px}.hr-marke>div>strong{display:block;font-size:15.5px;font-weight:800}.hr-marke>div>span{display:block;margin-top:1px;font-size:11.5px;font-weight:600;color:var(--textgrau)}.hr-nav{display:grid;grid-gap:6px;gap:6px}.hr-punkt{min-height:40px;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:8px;color:var(--petrol);font-size:13.5px;font-weight:600;text-decoration:none}.hr-punkt:hover{background:var(--mint)}.hr-punkt.aktiv{background:var(--sunflower);color:#000000;font-weight:800}.hr-emoji{width:20px;text-align:center;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif}.hr-fuss{margin-top:auto;display:grid;grid-gap:4px;gap:4px;font-size:12px;color:var(--textgrau)}.hr-fuss b{font-weight:700}.hr-fuss form{margin:0}.hr-textknopf{padding:0;border:0;background:none;color:var(--textgrau);font-size:12px;text-align:left;text-decoration:underline}.hr-flaeche{min-width:0;padding:22px;background:var(--mint)}.hr-inhalt{max-width:1100px}.hr-kopf{margin:0 0 16px}.hr-kopf p{margin:0 0 4px;color:var(--textgrau);font-size:13px;font-weight:700;text-transform:uppercase}.hr-zwischentitel{margin:14px 0 4px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.hr-kopf h1{margin:0;color:var(--petrol);font-size:25px}.hr-handy-kopf,.hr-zurueck{display:none}.hr-kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:12px;gap:12px}.hr-kacheln.schmal{max-width:700px}.hr-kachel{display:flex;flex-direction:column;align-items:center;gap:7px;min-height:140px;padding:16px 10px 14px;border:1px solid var(--linie-hell);border-top:4px solid var(--sunflower);border-radius:14px;background:#ffffff;color:inherit;text-align:center;text-decoration:none;transition:box-shadow .14s ease,transform .14s ease}a.hr-kachel:hover{background:linear-gradient(180deg,#ffffff,#fff4dc);box-shadow:0 6px 18px rgba(247,167,10,.18);transform:translateY(-1px)}.hr-kachel .emoji{font-size:26px;line-height:1.1;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif}.hr-kachel .name{font-size:14px;font-weight:800;color:var(--petrol);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.hr-kachel .hint{font-size:11.5px;font-weight:600;line-height:1.45;color:var(--textgrau)}.hr-knopf{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border:0;border-radius:10px;background:var(--sunflower);color:#000000;font-size:14px;font-weight:700;text-decoration:none}.hr-knopf:hover{background:var(--sunflower-dunkel)}.hr-knopf2,.secondary-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid var(--linie-hell);border-radius:10px;background:#ffffff;color:var(--petrol);font-size:14px;font-weight:700;text-decoration:none}.hr-knopf2:hover,.secondary-button:hover{border-color:var(--petrol-hell)}.compact-button{min-height:34px;padding:0 10px;border-radius:7px;font-size:12px}.hr-knopfreihe{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.hr-abmelden{display:none}.hr-kasten{max-width:760px;margin:0 0 18px;padding:14px 16px;border:1px solid var(--linie-hell);border-radius:14px;background:#ffffff}.hr-kasten>h2{margin:0 0 10px;color:var(--petrol);font-size:15px}.hr-meldung{max-width:760px;margin:0 0 14px;padding:10px 12px;border-radius:10px;font-size:13.5px;font-weight:600}.hr-meldung.gut{border:1px solid #bbf7d0;background:#f0fdf4;color:var(--green)}.hr-meldung.fehler{border:1px solid #fecaca;background:#fef2f2;color:var(--red)}.detail-hint{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.detail-hint.erfolg{color:#0b535a}.detail-hint.warnung{color:var(--red)}.expense-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.expense-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#ffffff}.expense-row>div:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}.expense-row>div:first-child>span{font-size:12px;color:var(--muted)}.expense-row-actions{display:flex;align-items:center;gap:8px}.expense-row-actions form{margin:0}.user-card{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#ffffff}.user-card.aus{background:#f8fafc}.user-card-head{border:0;padding:0;background:transparent}.rollen-fahne{display:inline-block;margin-left:8px;padding:3px 9px;border-radius:999px;background:#e2e8f0;color:#334155;font-size:11px;font-weight:700;letter-spacing:.03em;vertical-align:2px}.rollen-fahne.aus{background:#f1f5f9;color:#94a3b8}.addin-section{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px dashed #e2e8f0}.rechte-tabelle{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px}.rechte-tabelle td,.rechte-tabelle th{padding:7px 8px;border-bottom:1px solid #e2e8f0;text-align:left}.rechte-tabelle th{font-size:12.5px;font-weight:700;color:#63737a;letter-spacing:.04em;text-transform:uppercase}.rechte-tabelle td.modul{font-weight:600}.rechte-tabelle td.stufe,.rechte-tabelle th.stufe{width:96px;text-align:center}.rechte-tabelle .stufe input{width:17px;height:17px}.rechte-tabelle.gesperrt td,.rechte-tabelle.gesperrt th{color:#94a3b8}.hr-tabelle-rahmen{max-width:100%;overflow-x:auto}.rechte-tabelle tr.rechte-gruppe td{padding:9px 8px 5px;background:var(--surface-muted);color:var(--muted);font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.status-pill{flex:0 0 auto;min-width:88px;padding:5px 8px;border-radius:999px;text-align:center;font-size:12px;font-weight:800}.status-pill.accepted{color:var(--green);background:#dcfce7}.status-pill.declined{color:var(--red);background:#fee2e2}.status-pill.deferred{color:var(--orange);background:var(--orange-soft)}.empty-state{padding:12px;border-radius:8px;color:var(--muted);background:var(--surface-muted);font-size:13px;font-weight:700}.quick-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.quick-form label{display:grid;grid-gap:6px;gap:6px;min-width:0;color:var(--muted);font-size:12px;font-weight:800}.quick-form input,.quick-form select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:#ffffff;padding:9px 10px;outline:none}.quick-form input:focus,.quick-form select:focus{border-color:var(--petrol-hell);box-shadow:0 0 0 3px rgba(14,107,115,.12)}.quick-form .ganz{grid-column:1/-1}.quick-form input[type=file]{padding:8px}.rolle-wechsel{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.rolle-wechsel select{min-height:34px;padding:4px 8px;border:1px solid var(--line);border-radius:7px;background:#ffffff;font-size:13px}.firma-logo{display:block;max-width:220px;max-height:90px;margin:4px 0 0}.login-seite{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--mint)}.login-karte{width:100%;max-width:360px;padding:2rem;border-radius:16px;background:var(--surface);box-shadow:0 10px 30px rgba(15,23,42,.12);text-align:center}.login-karte h1{margin:0 0 .25rem;color:var(--petrol);font-size:1.5rem}.login-karte p{margin:0 0 1.5rem;color:var(--muted);font-size:.95rem}.login-karte p.login-fehler{margin:0 0 1rem;padding:.6rem .75rem;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:var(--red);font-size:.9rem}.login-konto{overflow-wrap:anywhere}.login-knopf{width:100%;padding:.75rem 1rem;border:none;border-radius:10px;background:var(--sunflower);color:#000000;font-size:1rem;font-weight:600;cursor:pointer}.login-knopf:hover{background:var(--sunflower-dunkel)}.login-karte form{margin:0}.login-karte form+form{margin-top:8px}.probe-liste{display:grid;grid-gap:8px;gap:8px;text-align:left}.probe-liste .hr-knopf2{width:100%;justify-content:flex-start;flex-direction:column;align-items:flex-start;min-height:48px;padding:6px 12px}.probe-liste small{color:var(--muted);font-weight:600}[hidden]{display:none!important}.hr-zeile{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;padding:8px 0;border-top:1px solid var(--mint);font-size:13.5px}.hr-kasten>h2+.hr-zeile,.hr-zeile:first-child{border-top:0}.hr-zeile>span:first-child{color:var(--textgrau)}.hr-zeile>b{font-weight:600;text-align:right;overflow-wrap:anywhere}.hr-zeile .detail-hint{flex-basis:100%}a.hr-zeile{color:inherit;text-decoration:none}a.hr-zeile:hover b{text-decoration:underline}.hr-wartet .hr-zeile>div>span{color:var(--textgrau)}.hr-reiter{display:flex;flex-wrap:wrap;gap:4px;max-width:760px;margin:0 0 14px;padding:4px;border-radius:8px;background:var(--surface-muted)}.hr-reiter a{min-height:36px;display:inline-flex;align-items:center;padding:0 12px;border-radius:6px;color:var(--muted);font-size:13px;font-weight:780;text-decoration:none}.hr-reiter a.aktiv{color:var(--text);background:#ffffff;box-shadow:0 1px 2px rgba(23,32,38,.08)}.quick-form>label{align-content:start}.quick-form label>.detail-hint{font-weight:500}.hr-knopf,.hr-knopf2{text-align:center}.quick-form fieldset{min-width:0;margin:0;padding:0;border:0}.quick-form legend{margin:0 0 6px;padding:0;color:var(--muted);font-size:12px;font-weight:800}.hr-tage{display:flex;flex-wrap:wrap;gap:6px 14px}.quick-form .hr-tage label,.quick-form label.hr-kaestchen{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-size:13.5px;font-weight:600}.quick-form input[type=checkbox]{width:18px;height:18px;min-height:0;flex:0 0 auto;padding:0}@media (max-width:820px){.system-banner{font-size:11.5px;padding:5px 10px}.hr-app{display:block}.hr-band{display:none}.hr-handy-kopf{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#ffffff;border-bottom:1px solid var(--linie-hell);color:var(--petrol);text-decoration:none}.hr-handy-kopf .hr-zeichen{width:34px;height:34px;font-size:12px}.hr-handy-kopf strong{font-size:15px}.hr-flaeche{padding:16px 14px 18px}.hr-kopf h1{font-size:22px}.hr-zurueck{display:inline-block;margin:0 0 10px;font-size:13px;font-weight:700;text-decoration:none}.hr-kacheln,.hr-kacheln.schmal{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hr-kachel{min-height:104px;padding:12px 6px 10px;gap:5px}.hr-abmelden,.hr-kachel .name{font-size:13px}.hr-abmelden{display:block;width:100%;min-height:46px;margin-top:12px;border:1px solid #f0c9c3;border-radius:11px;background:#ffffff;color:var(--red);font-weight:700}.quick-form{grid-template-columns:1fr}.expense-row{flex-wrap:wrap}.hr-kasten{padding:12px 10px}.user-card{padding:10px 8px}.rechte-tabelle{font-size:12.5px}.rechte-tabelle td,.rechte-tabelle th{padding:6px 2px}.rechte-tabelle td.modul{-webkit-hyphens:manual;hyphens:manual;overflow-wrap:anywhere}.rechte-tabelle td.stufe,.rechte-tabelle th.stufe{width:15%}.rechte-tabelle th{font-size:10px;letter-spacing:0;text-transform:none;-webkit-hyphens:manual;hyphens:manual}.rechte-tabelle tr.rechte-gruppe td{font-size:11px;letter-spacing:0}.compact-button,.hr-knopf,.hr-knopf2,.secondary-button,button,input,select{min-height:44px}}