*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}:root{--bg:#f4f7f6;--bg-subtle:#eef2f1;--surface:#fff;--surface-alt:#f8fafc;--border:#e5e7eb;--border-strong:#d1d5db;--text:#0f172a;--text-muted:#64748b;--text-soft:#94a3b8;--primary:#4f46e5;--primary-hover:#4338ca;--primary-soft:#eef2ff;--primary-ring:#4f46e52e;--success:#10b981;--success-hover:#059669;--success-soft:#ecfdf5;--danger:#e11d48;--danger-hover:#be123c;--danger-soft:#fff1f2;--neutral:#475569;--neutral-hover:#334155;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 4px 12px #0f172a0f, 0 1px 3px #0f172a0a;--shadow-lg:0 12px 32px #0f172a14, 0 2px 6px #0f172a0a;--shadow-xl:0 24px 60px #0f172a24;--font:"Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;min-height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11", "ss01";margin:0;padding:0}.app-shell{justify-content:center;min-height:100vh;padding:32px 20px 60px;display:flex}.app-container{width:100%;max-width:720px}.auth-shell{background:radial-gradient(1200px 600px at 80% -10%, #4f46e514, transparent 60%), radial-gradient(900px 500px at -10% 110%, #10b9810f, transparent 60%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:36px 32px}.auth-logo{color:#fff;letter-spacing:-.02em;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 20px;font-size:20px;font-weight:700;display:flex;box-shadow:0 8px 20px #4f46e559}.auth-title{text-align:center;letter-spacing:-.02em;margin:0 0 6px;font-size:22px;font-weight:700}.auth-subtitle{text-align:center;color:var(--text-muted);margin:0 0 28px;font-size:14px}h1,h2,h3{color:var(--text);letter-spacing:-.02em}.page-title{letter-spacing:-.025em;margin:4px 0 24px;font-size:26px;font-weight:700}.page-subtitle{color:var(--text-muted);margin:-18px 0 24px;font-size:14px}.section-title{color:var(--text);align-items:center;gap:8px;margin:0 0 14px;font-size:15px;font-weight:600;display:flex}.header{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-bottom:24px;padding:14px 18px;display:flex}.header-user{color:var(--text-muted);align-items:center;gap:12px;font-size:14px;display:flex}.avatar{color:#fff;letter-spacing:-.01em;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.header-user strong{color:var(--text);font-size:14px;font-weight:600;display:block}.header-actions{gap:6px;display:flex}.icon-btn{cursor:pointer;width:36px;height:36px;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;font-size:16px;transition:background .15s,border-color .15s,transform .1s;display:flex}.icon-btn:hover{background:var(--bg-subtle);border-color:var(--border)}.icon-btn.danger:hover{background:var(--danger-soft);color:var(--danger);border-color:#fecdd3}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:16px;padding:24px}.card-tinted{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:16px;padding:22px}.card-primary-tint{background:linear-gradient(#f5f3ff 0%,#fff 100%);border-color:#e0e7ff}.btn{border-radius:var(--radius-md);cursor:pointer;width:100%;font-size:14.5px;font-weight:600;font-family:var(--font);letter-spacing:-.005em;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 16px;transition:transform .12s,box-shadow .15s,background .15s,color .15s;display:inline-flex}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 2px #4f46e540,0 4px 10px #4f46e526}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 4px #4f46e54d,0 8px 18px #4f46e538}.btn-success{background:var(--success);color:#fff;box-shadow:0 1px 2px #10b98140,0 4px 10px #10b98126}.btn-success:hover{background:var(--success-hover);transform:translateY(-1px);box-shadow:0 2px 4px #10b9814d,0 8px 18px #10b98138}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 1px 2px #e11d4840,0 4px 10px #e11d4826}.btn-danger:hover{background:var(--danger-hover);transform:translateY(-1px);box-shadow:0 2px 4px #e11d484d,0 8px 18px #e11d4838}.btn-neutral{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-neutral:hover{background:var(--bg-subtle);border-color:var(--border-strong);transform:translateY(-1px)}.btn-ghost{color:var(--text-muted);background:0 0;font-weight:500}.btn-ghost:hover{color:var(--text);background:var(--bg-subtle)}.btn-link{width:100%;color:var(--primary);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font);background:0 0;border:none;border-radius:8px;margin-top:14px;padding:8px;text-decoration:none;transition:background .15s}.btn-link:hover{background:var(--primary-soft);text-decoration:underline}.btn+.btn{margin-top:10px}.btn-icon-small{width:auto;padding:10px 14px;font-size:18px;font-weight:500;line-height:1}.input{border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);font-size:14.5px;font-family:var(--font);outline:none;padding:12px 14px;transition:border-color .15s,box-shadow .15s,background .15s}.input::placeholder{color:var(--text-soft)}.input:hover{border-color:#b4bbc5}.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-ring);background:#fefefe}.input-stack>*+*{margin-top:10px}.input-row{gap:10px;display:flex}.input-row .input{flex:1}.input-group{margin-bottom:16px}.input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.input-code{text-align:center;letter-spacing:10px;font-variant-numeric:tabular-nums;padding:14px 10px;font-size:24px;font-weight:600}.label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.menu-grid{gap:14px;margin-top:8px;display:grid}.menu-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;font-family:var(--font);box-shadow:var(--shadow-sm);align-items:center;gap:18px;padding:22px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.menu-card:hover{box-shadow:var(--shadow-lg);border-color:#cbd5e1;transform:translateY(-2px)}.menu-card-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.menu-card-icon.indigo{background:var(--primary-soft);color:var(--primary)}.menu-card-icon.emerald{background:var(--success-soft);color:var(--success)}.menu-card-icon.amber{color:#d97706;background:#fffbeb}.menu-card-icon.rose{color:#e11d48;background:#fff1f2}.menu-card-icon.pink{color:#db2777;background:#fdf2f8}.menu-card-text h3{color:var(--text);letter-spacing:-.01em;margin:0 0 2px;font-size:15.5px;font-weight:600}.menu-card-text p{color:var(--text-muted);margin:0;font-size:13.5px}.menu-card-arrow{color:var(--text-soft);margin-left:auto;font-size:20px;transition:transform .15s,color .15s}.menu-card:hover .menu-card-arrow{color:var(--primary);transform:translate(3px)}.stat-hero{text-align:center;background:linear-gradient(180deg, var(--primary-soft) 0%, #fff 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid #e0e7ff;margin-bottom:18px;padding:40px 20px 32px}.stat-hero .eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;margin:0 0 10px;font-size:12px;font-weight:600}.stat-hero .stat-value{color:var(--text);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:10px 0 4px;font-size:56px;font-weight:700;line-height:1}.stat-hero .stat-caption{color:var(--text-muted);margin:8px 0 0;font-size:13.5px}.calendar-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.calendar-title{letter-spacing:-.02em;text-transform:capitalize;margin:0;font-size:20px;font-weight:700}.calendar-nav{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:16px;display:flex}.calendar-weekdays{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;grid-template-columns:26px repeat(7,1fr) 52px;gap:6px;margin-bottom:10px;font-size:11px;font-weight:600;display:grid}.calendar-body{flex-direction:column;gap:6px;display:flex}.cal-week{grid-template-columns:26px repeat(7,1fr) 52px;grid-auto-rows:minmax(64px,1fr);gap:6px;display:grid}.cal-week-kw{color:var(--text-muted);justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex}.cal-week-sum{color:var(--primary);background:var(--primary-soft);text-align:center;font-variant-numeric:tabular-nums;border-radius:10px;justify-content:center;align-items:center;padding:2px;font-size:11px;font-weight:700;display:flex}.calendar-weekdays.cal-5,.cal-week.cal-5{grid-template-columns:26px repeat(5,1fr) 52px}@media (width<=520px){.calendar-weekdays,.cal-week{grid-template-columns:20px repeat(7,1fr) 42px;gap:3px}.calendar-weekdays.cal-5,.cal-week.cal-5{grid-template-columns:20px repeat(5,1fr) 42px}}.cal-cell{border:1px solid var(--border);background:var(--surface);box-sizing:border-box;border-radius:10px;flex-direction:column;height:100%;padding:6px 8px;font-size:12px;transition:all .15s;display:flex;overflow:hidden}.cal-cell.has-entry{background:var(--primary-soft);cursor:pointer;border-color:#c7d2fe}.cal-cell.has-entry:hover{box-shadow:var(--shadow-sm);background:#e0e7ff;transform:translateY(-1px)}.cal-cell .day-num{color:var(--text);font-size:13px;font-weight:600}.cal-cell.has-entry .day-num{color:var(--primary)}.cal-cell .day-val{color:var(--primary);font-variant-numeric:tabular-nums;margin-top:auto;font-size:11.5px;font-weight:700}.cal-cell.other-month .day-num{color:var(--text-muted);font-weight:500}.cal-cell.other-month.has-entry{opacity:.55}.modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-xl);border:1px solid var(--border);padding:32px;animation:.2s slideUp}.modal-title{text-align:center;letter-spacing:-.02em;margin:0 0 6px;font-size:20px;font-weight:700}.modal-title.danger{color:var(--danger)}.modal-title.primary{color:var(--primary)}.modal-subtitle{text-align:center;color:var(--text-muted);margin:0 0 20px;font-size:13.5px}.modal-divider{background:var(--border);border:none;height:1px;margin:16px 0}.modal-detail{text-align:left;color:var(--text);margin:8px 0 18px;font-size:14.5px}.modal-detail p{background:var(--surface-alt);border-radius:10px;align-items:center;gap:10px;margin:10px 0;padding:10px 12px;display:flex}.modal-detail p strong{color:var(--text-muted);margin-right:4px;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.status-pill{background:var(--success-soft);color:var(--success-hover);border:1px solid #a7f3d0;border-radius:999px;align-items:center;gap:6px;margin-bottom:14px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.status-pill .dot{background:var(--success);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #10b98133}.qr-setup{background:var(--surface);border-radius:var(--radius-md);text-align:center;border:1px dashed #a7f3d0;padding:24px}.qr-setup img{border:1px solid var(--border);background:#fff;border-radius:12px;margin:16px auto;padding:12px;display:block}.time-group{background:var(--surface-alt);border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:16px;padding:18px}.time-group-label{color:var(--text-muted);align-items:center;gap:8px;margin:0 0 12px;font-size:13px;font-weight:600;display:flex}.mt-24{margin-top:24px}.text-muted{color:var(--text-muted)}.space-y>*+*{margin-top:10px}.info-card{border-radius:var(--radius-lg);background:linear-gradient(#eef2ff 0%,#fff 100%);border:1px solid #e0e7ff;margin-bottom:18px;padding:22px}.info-card p{color:var(--text);margin:0 0 16px;font-size:14px;line-height:1.55}@media (width<=520px){.app-shell{padding:20px 14px 40px}.card{padding:20px}.stat-hero .stat-value{font-size:44px}.modal{padding:24px}}.modal{position:relative}.modal-delete-btn{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--danger);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:background .15s,border-color .15s,transform .12s,box-shadow .15s;display:inline-flex;position:absolute;top:16px;right:16px}.modal-delete-btn:hover{background:var(--danger-soft);color:var(--danger-hover);border-color:#fecdd3;transform:translateY(-1px);box-shadow:0 4px 10px #e11d4826}.modal-delete-btn:active{transform:translateY(0)}.dashboard-actions-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;display:grid}@media (width<=520px){.dashboard-actions-row{grid-template-columns:1fr 1fr}}.action-card{text-align:center;flex-direction:column;align-items:center;padding:24px 16px;display:flex}.soll-grid{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:10px;display:grid}.soll-tag{flex-direction:column;gap:4px;display:flex}.soll-tag label{color:var(--text-muted);text-align:center;font-size:12px;font-weight:600}.soll-tag .input{text-align:center;padding:8px 4px}.input-group label.radio-row{text-transform:none;letter-spacing:normal;color:var(--text);cursor:pointer;align-items:center;gap:10px;margin-bottom:4px;font-size:14px;font-weight:500;display:flex}.radio-row input[type=radio]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.cal-cell.has-urlaub{background:#fffbeb;border-color:#fde68a}.cal-cell.has-urlaub .day-num,.cal-cell.has-urlaub .day-val{color:#d97706}.cal-cell.has-krank{background:#fdf2f8;border-color:#fbcfe8}.cal-cell.has-krank .day-num,.cal-cell.has-krank .day-val{color:#db2777}input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;filter:invert(.4)}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;filter:invert(.4)}input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s}.chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;display:grid}@media (width<=520px){.stat-grid{grid-template-columns:1fr 1fr}}.stat-kachel{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:6px;padding:16px;display:flex}.stat-kachel-label{color:var(--text-muted);font-size:12px;font-weight:600}.stat-kachel-wert{color:var(--primary);font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.seg-toggle{background:#f1f5f9;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s}.seg-aktiv{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.balken-scroll{align-items:flex-end;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.balken-spalte{flex-direction:column;flex:none;align-items:center;gap:4px;display:flex}.balken-track{align-items:flex-end;width:100%;height:140px;display:flex}.balken{background:linear-gradient(#818cf8 0%,#6366f1 100%);border-radius:4px 4px 0 0;width:100%;transition:height .3s}.balken-urlaub{background:linear-gradient(#fdba74 0%,#fb923c 100%)}.balken-krank{background:linear-gradient(#f9a8d4 0%,#f472b6 100%)}.balken-label{color:var(--text-muted);white-space:nowrap;font-size:9px}.motivation-card{border-radius:var(--radius-lg);background:linear-gradient(120deg,#f5f3ff,#eef2ff 70%,#f0fdf4);border:1px solid #ddd6fe;align-items:flex-start;gap:14px;margin:0 0 20px;padding:20px 22px;animation:.45s both sanft-erscheinen;display:flex}.motivation-funke{color:#8b5cf6;font-size:27px;line-height:1.2}.motivation-label{color:#6d5aa0;letter-spacing:.05em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:700}.motivation-spruch{color:#373061;margin:0;font-size:16px;font-weight:600;line-height:1.5}.speicher-erfolg{border-radius:var(--radius-md);background:var(--success-soft);color:#047857;border:1px solid #a7f3d0;padding:12px 16px;font-size:14px;font-weight:600;animation:.38s both erfolg-erscheinen}.ziel-erreicht{animation:.9s both ziel-freude;position:relative}.ziel-erreicht:after{content:"✦ ✧ ✦";color:#d97706;letter-spacing:5px;pointer-events:none;font-size:22px;animation:1.2s ease-out both ziel-funken;position:absolute;top:12px;right:18px}@keyframes sanft-erscheinen{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes erfolg-erscheinen{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ziel-freude{0%,to{box-shadow:var(--shadow-md)}45%{box-shadow:0 0 0 7px #10b98121, var(--shadow-lg)}}@keyframes ziel-funken{0%{opacity:0;transform:translateY(10px)scale(.7)}35%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-12px)scale(1.12)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.dashboard-quick-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:20px;display:grid}.dashboard-quick-actions .btn{margin-top:0;padding:11px 10px;font-size:13px}.dashboard-calendar{margin-bottom:24px}.dashboard-week .stat-hero{padding:24px 20px}.dashboard-week .stat-hero .stat-value{font-size:40px}.page-back-nav{z-index:20;border-radius:var(--radius-md);width:fit-content;max-width:100%;box-shadow:var(--shadow-md);margin:-8px 0 24px;position:sticky;top:12px}.page-back-nav .btn{padding:11px 16px}.kalender-ansicht .calendar-nav{margin-top:0}.kalender-ansicht .calendar-weekdays,.kalender-ansicht .cal-week{grid-template-columns:26px repeat(7,minmax(0,1fr)) 52px}.kalender-ansicht .calendar-weekdays.cal-5,.kalender-ansicht .cal-week.cal-5{grid-template-columns:26px repeat(5,minmax(0,1fr)) 52px}.kalender-ansicht .cal-cell{min-width:0}@media (width<=520px){.dashboard-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}.kalender-ansicht .card{padding:16px 12px}.kalender-ansicht .calendar-title{font-size:18px}.kalender-ansicht .calendar-weekdays,.kalender-ansicht .cal-week{grid-template-columns:18px repeat(7,minmax(0,1fr)) 36px}.kalender-ansicht .calendar-weekdays.cal-5,.kalender-ansicht .cal-week.cal-5{grid-template-columns:18px repeat(5,minmax(0,1fr)) 36px}.kalender-ansicht .cal-cell{padding:6px 2px}.kalender-ansicht .cal-cell .day-num{font-size:12px}.kalender-ansicht .cal-cell .day-val{overflow-wrap:anywhere;font-size:10px;line-height:1.25}.kalender-ansicht .cal-week-sum{font-size:10px}}.krovo-header{grid-template-columns:auto 1fr auto;grid-template-areas:"logo nav aktionen";align-items:center;gap:14px;display:grid}.krovo-logo{letter-spacing:-.03em;background:linear-gradient(135deg, var(--primary), #7c3aed);color:#0000;border-radius:var(--radius-sm);-webkit-background-clip:text;background-clip:text;grid-area:logo;padding:2px 4px;font-size:22px;font-weight:800;text-decoration:none}.krovo-logo:focus-visible,.bereich-nav-link:focus-visible,.bereich-kachel:focus-visible{outline:3px solid var(--primary-ring);outline-offset:2px}.krovo-header .header-actions{grid-area:aktionen;align-items:center}.krovo-header .avatar{width:32px;height:32px;margin-right:4px;font-size:13px}.bereich-nav{background:var(--bg-subtle);border:1px solid var(--border);border-radius:999px;grid-area:nav;justify-self:center;gap:4px;padding:4px;display:inline-flex}.bereich-nav-link{color:var(--text-muted);border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.bereich-nav-link:hover{color:var(--text)}.bereich-nav-link[aria-current=page]{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm);font-weight:600}@media (width<=560px){.krovo-header{grid-template-columns:1fr auto;grid-template-areas:"logo aktionen""nav nav";row-gap:12px}.bereich-nav{justify-self:stretch}.bereich-nav-link{flex:1;justify-content:center}}.bereich-kacheln{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:20px;display:grid}.bereich-kachel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:var(--text);flex-direction:column;gap:6px;padding:24px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.bereich-kachel:hover{box-shadow:var(--shadow-lg);border-color:#c7d2fe;transform:translateY(-2px)}.bereich-kachel:active{transform:translateY(0)}.bereich-kachel-icon{border-radius:var(--radius-md);background:var(--primary-soft);place-items:center;width:52px;height:52px;margin-bottom:8px;font-size:26px;display:grid}.bereich-kachel-titel{letter-spacing:-.02em;font-size:21px;font-weight:700}.bereich-kachel-text{color:var(--text-muted);font-size:14px}.bereich-kachel-info{color:var(--primary);background:var(--primary-soft);border-radius:999px;align-self:flex-start;margin-top:12px;padding:5px 10px;font-size:13px;font-weight:600}.bereich-kachel-info:empty{display:none}.bereich-kachel-bald{box-shadow:none;background:var(--surface-alt);border-style:dashed}.bereich-kachel-bald .bereich-kachel-icon{background:var(--bg-subtle);filter:grayscale(.4)}.bereich-kachel-bald .bereich-kachel-info{color:var(--neutral);background:var(--bg-subtle)}.krovo-bald-karte{align-items:center;gap:16px;display:flex}.krovo-bald-karte p{color:var(--text-muted);margin:0}.krovo-bald-icon{font-size:34px}@media (prefers-reduced-motion:reduce){.bereich-kachel,.bereich-nav-link{transition:none}.bereich-kachel:hover{transform:none}}.wochenplan-kopf{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.wochenplan-kopf .section-title{margin:0 0 6px}.wochenplan-kopf p{color:var(--text-muted);margin:0;font-size:12px}.wochenplan-ziel{color:var(--primary);background:var(--primary-soft);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.wochenplan-hinweis,.wochenplan-fussnote{color:var(--text-muted);font-size:13px;line-height:1.5}.wochenplan-tabelle{overflow-x:auto}.wochenplan .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wochenplan table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.wochenplan th,.wochenplan td{border-bottom:1px solid var(--border);text-align:right;white-space:nowrap;padding:11px 7px}.wochenplan th:first-child{text-align:left}.wochenplan thead th{color:var(--text-muted);font-size:11px;font-weight:600}.wochenplan-angepasst{color:var(--primary);background:var(--primary-soft);font-weight:700}.wochenplan-abwesenheit{color:var(--text-muted);margin-top:4px;font-size:10px;font-weight:400;display:block}.wochenplan-offen{color:#92400e;border-radius:var(--radius-sm);background:#fffbeb;padding:10px 12px;font-size:13px;line-height:1.5}.wochenplan-plus{color:#047857;font-size:13px;font-weight:600}.wochenplan-fussnote{margin:14px 0 0;font-size:12px}@media (width<=420px){.wochenplan th,.wochenplan td{padding:10px 4px;font-size:11px}.wochenplan thead th{font-size:10px}}.wochenparty{text-align:center;color:#fff;border-radius:var(--radius-xl);background:radial-gradient(at 0 0,#db2777,#0000 65%),linear-gradient(125deg,#7c3aed,#4f46e5 65%,#0891b2);margin:0 0 24px;padding:30px 22px;animation:.65s ease-out both wochenparty-auftritt;position:relative;overflow:hidden;box-shadow:0 12px 36px #7c3aed40}.wochenparty-emojis{letter-spacing:9px;margin-bottom:12px;font-size:42px}.wochenparty-label{text-transform:uppercase;letter-spacing:.16em;color:#fef3c7;margin:0;font-size:11px;font-weight:800}.wochenparty h2{letter-spacing:-.04em;margin:10px 0 14px;font-size:clamp(28px,5vw,42px);line-height:1.1}.wochenparty-spruch{color:#f5f3ff;max-width:440px;margin:0 auto 22px;font-size:15px;line-height:1.6}.wochenparty-button{font:inherit;color:#5b21b6;cursor:pointer;background:#fff;border:1px solid #ffffff70;border-radius:999px;padding:11px 20px;font-size:13px;font-weight:700}.wochenparty-button:hover{background:#fef3c7}.wochenparty-button:focus-visible{outline-offset:4px;outline:3px solid #fde047}.wochenparty-konfetti{pointer-events:none;z-index:10000;position:fixed;inset:0;overflow:hidden}.wochenparty-konfetti i{top:-24px;left:var(--konfetti-x);background:var(--konfetti-farbe);opacity:0;width:10px;height:17px;animation:wochenparty-regen var(--konfetti-dauer) var(--konfetti-delay) cubic-bezier(.16, .5, .5, 1) both;border-radius:2px;position:absolute}.wochenparty-konfetti i:nth-child(3n){border-radius:50%;width:13px;height:13px}.wochenparty-konfetti i:nth-child(4n){width:7px;height:22px}.wochenparty-toast{text-align:center;color:#fff;background:#5b21b6;border:2px solid #fde047;border-radius:20px;width:max-content;max-width:calc(100% - 36px);padding:20px 26px;font-size:clamp(18px,4vw,30px);font-weight:800;animation:4s both wochenparty-toast;position:absolute;top:25%;left:50%;box-shadow:0 14px 50px #4c1d9560}@keyframes wochenparty-regen{0%{opacity:0;transform:translateY(-3vh)rotate(0)}8%,88%{opacity:1}to{opacity:0;transform:translate3d(var(--konfetti-drift), 110vh, 0) rotate(var(--konfetti-drehung))}}@keyframes wochenparty-auftritt{0%{opacity:0;transform:translateY(10px)scale(.94)}65%{opacity:1;transform:translateY(0)scale(1.02)}to{transform:scale(1)}}@keyframes wochenparty-toast{0%{opacity:0;transform:translate(-50%)scale(.5)rotate(-6deg)}12%,75%{opacity:1;transform:translate(-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%)translateY(-15px)scale(.98)}}@media (prefers-reduced-motion:reduce){.wochenparty{animation:none}.wochenparty-konfetti{display:none}}.modal-backdrop.zeitkonflikt-backdrop{background:#4108169e;padding:20px}.modal.zeitkonflikt-dialog{border:2px solid var(--danger,#e11d48);background:#fff7f8;flex-direction:column;width:100%;max-width:620px;max-height:calc(100dvh - 40px);display:flex;overflow:hidden;box-shadow:0 24px 80px #4b06184d}.zeitkonflikt-dialog .zeitkonflikt-label{color:var(--danger,#e11d48);letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;margin:0 0 8px;font-size:12px;font-weight:800}.zeitkonflikt-dialog h2{color:#9f1239;flex-shrink:0;margin:0 0 14px;font-size:24px;line-height:1.25}.zeitkonflikt-dialog p,.zeitkonflikt-dialog li{overflow-wrap:anywhere;line-height:1.5}.zeitkonflikt-dialog ul{padding-left:22px}.zeitkonflikt-dialog li+li{margin-top:8px}.zeitkonflikt-dialog summary{cursor:pointer}.zeitkonflikt-inhalt{overscroll-behavior:contain;min-height:0;overflow-y:auto}.zeitkonflikt-aktionen{flex-wrap:wrap;flex-shrink:0;gap:10px;margin-top:22px;display:flex}.zeitkonflikt-aktionen .btn{flex:180px}.bericht-gesamt{background:linear-gradient(120deg,#eef2ff,#f8fafc);border:1px solid #c7d2fe}.bericht-gesamt-wert{color:var(--primary);margin:8px 0;font-size:clamp(26px,5vw,40px);font-weight:800;line-height:1.2;display:block}.bericht-hinweis{color:var(--text-muted);font-size:13px;line-height:1.5}.bericht-aufteilung{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0 0;display:grid}.bericht-aufteilung dt{color:var(--text-muted);margin-bottom:6px;font-size:12px}.bericht-aufteilung dd{color:var(--text);margin:0;font-size:16px;font-weight:700}.bericht-listensumme{border-top:1px solid var(--border);padding:12px 0;font-size:14px;font-weight:700}.bericht-plan summary{cursor:pointer;color:var(--primary);font-weight:700}.bericht-tabelle-scroll{margin-top:16px;overflow-x:auto}.bericht-tabelle{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}.bericht-tabelle th,.bericht-tabelle td{border-bottom:1px solid var(--border);text-align:right;padding:10px 12px}.bericht-tabelle th:first-child,.bericht-tabelle td:first-child{text-align:left;padding-left:0}.bericht-tabelle caption{text-align:left;margin-bottom:12px;font-size:14px;font-weight:700}@media (width<=420px){.bericht-aufteilung{gap:10px}.bericht-aufteilung dd{font-size:14px}}.monat-pdf-download{margin-top:16px}.monat-pdf-download .section-title{margin-top:0;margin-bottom:8px}.monat-pdf-hinweis{color:var(--text-muted);margin:0 0 16px;font-size:14px}.monat-pdf-formular{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.monat-pdf-formular .input-group{flex:180px;margin-bottom:0}.monat-pdf-formular .btn{flex:220px;width:auto}.monat-pdf-fehler{color:var(--danger,#b91c1c);margin-bottom:0;font-size:14px}.einstellungen-kategorie.card{padding:0;overflow:clip}.einstellungen-kategorie-kopf{cursor:pointer;align-items:center;gap:16px;min-height:92px;padding:22px 24px;list-style:none;display:flex}.einstellungen-kategorie-kopf::-webkit-details-marker{display:none}.einstellungen-kategorie-kopf:hover{background:var(--primary-soft,#eef2ff)}.einstellungen-kategorie-kopf:focus-visible{outline:3px solid var(--primary);outline-offset:-4px}.einstellungen-kategorie-icon{background:#eef2ff;border-radius:14px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.einstellungen-kategorie-text{flex:1;min-width:0}.einstellungen-kategorie-titel{color:var(--text-main,#0f172a);font-size:17px;font-weight:750;display:block}.einstellungen-kategorie-beschreibung{color:var(--text-muted);margin-top:4px;font-size:13px;line-height:1.5;display:block}.einstellungen-kategorie-pfeil{border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);flex:0 0 9px;width:9px;height:9px;margin:0 4px 4px 6px;transform:rotate(45deg)}.einstellungen-kategorie[open]>summary{border-bottom:1px solid var(--border)}.einstellungen-kategorie[open] .einstellungen-kategorie-pfeil{margin-bottom:-4px;transform:rotate(225deg)}.einstellungen-kategorie-inhalt{padding:20px}.einstellungen-kategorie-inhalt>.konto-form,.einstellungen-kategorie-inhalt>.card:first-child{margin-top:0!important}.einstellungen-kategorie-inhalt>.card:last-child{margin-bottom:0}.einstellungen-app-inhalt p{font-size:14px;line-height:1.6}@media (width<=600px){.einstellungen-kategorie-kopf{gap:12px;padding:18px 16px}.einstellungen-kategorie-titel{font-size:16px}.einstellungen-kategorie-inhalt{padding:14px}.einstellungen-kategorie-inhalt>.card{padding:18px}}.konto-form{margin:20px 0}.konto-form fieldset{border:0;border-top:1px solid var(--border);min-width:0;margin:24px 0 0;padding:24px 0 0}.konto-form legend{padding:0 10px 0 0;font-weight:700}.konto-input-row{flex-wrap:wrap;gap:16px;display:flex}.konto-input-row .input-group{flex:1;min-width:min(210px,100%)}.konto-checks{flex-direction:column;gap:14px;margin-bottom:16px;font-size:14px;display:flex}.konto-checks input{accent-color:var(--primary);margin-right:8px}.konto-hinweis,.konto-form>p{color:var(--text-muted);font-size:14px;line-height:1.6}.konto-fehler{color:var(--danger)}.konten-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px;display:grid}.konto-karte{margin:0}.konto-karte h2{color:var(--text-muted);margin:0 0 12px;font-size:16px}.konto-zahl{letter-spacing:-1px;color:var(--primary);font-size:clamp(26px,4vw,40px);font-weight:800;display:block}.konto-karte p{color:var(--text-muted);font-size:13px;line-height:1.6}.konto-karte label{flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:inline-flex}.konto-karte .input{width:auto;max-width:100%;padding:8px;font-size:13px}.konto-einrichtung{background:#eef2ff;border:1px solid #c7d2fe;border-radius:20px;margin-bottom:24px;padding:24px}.konto-einrichtung h2{margin:0 0 8px;font-size:20px}.konto-einrichtung p{margin:0 0 16px;line-height:1.6}.cal-feiertag{background:#f3e8ff;border-color:#c4b5fd}.day-feiertag{color:#6d28d9;overflow-wrap:anywhere;font-size:10px;line-height:1.25;display:block}@media (width<=620px){.konten-grid{grid-template-columns:1fr}.konto-input-row{flex-direction:column}}.stempeluhr{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:28px}.stempeluhr .page-title{margin-top:0;margin-bottom:12px}.stempel-einleitung,.stempel-start,.stempel-hinweis{color:var(--text-muted);font-size:14px;line-height:1.6}.stempel-einleitung{margin:0 0 24px}.stempel-zustand{color:var(--success-hover);align-items:center;gap:8px;margin-bottom:4px;font-weight:650;display:flex}.stempel-punkt{background:currentColor;border-radius:50%;width:9px;height:9px}.stempel-pausiert{color:#a16207}.stempel-start{margin-top:4px}.stempel-zeiten{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:end;gap:18px;margin:28px 0;display:grid}.stempel-beschriftung{color:var(--text-muted);margin-bottom:8px;font-size:12px;display:block}.stempel-uhr,.stempel-pausenzeit{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-weight:750;line-height:1.2;display:block}.stempel-uhr{font-size:clamp(32px,7vw,54px)}.stempel-pausenzeit{color:var(--text-muted);font-size:clamp(22px,4.5vw,32px)}.stempel-aktionen{flex-wrap:wrap;gap:10px;display:flex}.stempel-aktionen .btn{flex:1;min-width:140px;margin-top:0}.stempel-verwerfen,.stempel-aktualisieren{font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:8px 0;font-size:13px;text-decoration:underline}.stempel-verwerfen{color:var(--danger)}.stempel-aktualisieren{color:var(--text-muted)}.stempel-verwerfen:disabled,.stempel-aktualisieren:disabled{opacity:.5;cursor:default}.stempel-navigation{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;display:flex}.stempel-navigation .btn{width:auto;margin-top:0}.stempel-bereit{text-align:center;padding:12px 0 22px}.stempel-bereit p{color:var(--text-muted);margin-bottom:20px}.stempel-bereit .btn{max-width:340px;margin-top:0}.stempel-offline{color:#92400e;border-radius:var(--radius-sm);background:#fffbeb;border:1px solid #fde68a;padding:12px;font-size:14px}@media (width<=420px){.stempeluhr{padding:20px 16px}.stempel-zeiten{grid-template-columns:1fr;gap:20px}.stempel-aktionen{flex-direction:column}}.stempeluhr .message{border-radius:var(--radius-sm);border:1px solid;padding:12px 14px;font-size:14px;line-height:1.6}.stempeluhr .message-error{color:var(--danger-hover);background:var(--danger-soft);border-color:#fecdd3}.stempeluhr .message-success{color:var(--success-hover);background:var(--success-soft);border-color:#a7f3d0}