.group-card{background:linear-gradient(150deg, color-mix(in srgb, var(--card-color) 78%, #000) 0%, var(--card-color) 55%, color-mix(in srgb, var(--card-color) 62%, #fff) 100%);color:#fff;box-shadow:0 2px 8px #00000014, 0 8px 32px color-mix(in srgb, var(--card-color) 28%, transparent);border-radius:20px;flex-direction:column;gap:16px;min-height:148px;padding:24px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.group-card:before{content:"";pointer-events:none;background:#ffffff12;border-radius:50%;width:180px;height:180px;position:absolute;top:-50px;right:-30px}.group-card:after{content:"";pointer-events:none;background:#ffffff0a;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-70px;right:10px}.group-card:hover{box-shadow:0 4px 16px #0000001a, 0 16px 48px color-mix(in srgb, var(--card-color) 40%, transparent);transform:translateY(-5px)}.card-top{align-items:center;gap:16px;display:flex}.card-icon-bg{background:#ffffff2e;border:1px solid #ffffff40;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.card-icon{font-size:1.75rem;display:block}.card-title-area{flex:1;min-width:0}.group-card h2{letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700;line-height:1.1}.card-subtitle{opacity:.72;letter-spacing:.01em;margin:5px 0 0;font-size:.8rem;font-weight:400}.card-details{border-top:1px solid #ffffff38;flex-direction:column;gap:5px;padding-top:12px;display:flex}.group-card .staff-names{opacity:.92;margin:0;font-size:.875rem;font-weight:400;line-height:1.4}.group-card .topic-text{opacity:.76;margin:0;font-size:.825rem;font-style:italic;line-height:1.4}.card-date{white-space:nowrap;align-self:flex-start;margin:0;font-size:1rem;font-weight:500}:root{--color-bg:#f0f2f5;--color-surface:#fff;--color-border:#e5e7eb;--color-text:#111827;--color-text-muted:#6b7280;--color-accent:#2563eb;--season-winter:#eef2fb;--season-spring:#f0fdf4;--season-summer:#fffbeb;--season-autumn:#fff7ed;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 12px #00000014;--radius:8px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--header-height:64px;--filters-height:52px + 1rem}body{background-color:var(--color-bg);font-family:var(--font);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}.header-bar{height:var(--header-height);background-color:var(--color-surface);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--color-border);align-items:center;gap:.5rem;padding:0 1.25rem;display:flex}.header-bar--sticky{z-index:200;position:sticky;top:0}.header-title{text-align:center;color:var(--color-text);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;flex-grow:1;margin:0;font-size:1.5rem;font-weight:600;overflow:hidden}.header-spacer{flex-shrink:0;width:2.25rem}.header-home-btn{color:var(--color-text-muted);border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;padding:.5rem;text-decoration:none;transition:color .15s,background-color .15s;display:flex}.header-home-btn:hover{color:var(--color-text);background-color:var(--color-bg)}.icon-btn{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem;line-height:1;transition:color .15s,background-color .15s;display:flex}.icon-btn:hover{color:var(--color-accent);background-color:#eff6ff}.filters{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);top:var(--header-height);z-index:100;justify-content:center;align-items:stretch;gap:1rem;padding:.5rem 1.25rem;display:flex;position:sticky}.filters-heading{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-right:1px solid var(--color-border);white-space:nowrap;align-self:center;align-items:center;gap:.35rem;padding-right:.75rem;font-size:.75rem;font-weight:600;display:flex}.filter-group{flex-direction:column;gap:.15rem;display:flex}.filter-group .checkbox-label{flex:1}.filter-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:600}.mitarbeiter-select{border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-surface);font-family:var(--font);color:var(--color-text);cursor:pointer;max-width:50vw;padding:.375rem .625rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.mitarbeiter-select:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #2563eb1f}.mitarbeiter-select option:disabled{color:var(--color-border)}.checkbox-label{color:var(--color-text-muted);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;font-size:.875rem;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;accent-color:var(--color-accent);width:1rem;height:1rem}.option-divider{background-color:#f5f5f5}.plan-list{max-width:800px;margin:0 auto;padding:.75rem 1rem 1.5rem}.month-section{margin-top:1.25rem}.month-section:first-child{margin-top:0}.month-title{top:calc(var(--header-height) + var(--filters-height));z-index:50;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);border-radius:var(--radius);align-items:center;gap:.4rem;margin:0 0 .375rem;padding:.4rem .875rem;font-size:.75rem;font-weight:700;display:flex;position:sticky}.month-title--winter{background-color:var(--season-winter);color:#1e40af}.month-title--spring{background-color:var(--season-spring);color:#15803d}.month-title--summer{background-color:var(--season-summer);color:#b45309}.month-title--autumn{background-color:var(--season-autumn);color:#c2410c}.season-icon{flex-shrink:0;align-items:center;font-size:.875rem;display:flex}.month-title--winter .season-icon{color:#3b82f6}.month-title--spring .season-icon{color:#22c55e}.month-title--summer .season-icon{color:#f59e0b}.month-title--autumn .season-icon{color:#f97316}.planItem{background-color:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid #0000;border-radius:12px;gap:1rem;margin-bottom:5px;padding:.75rem 1rem .75rem .875rem;line-height:1.6;transition:box-shadow .18s,transform .18s;display:flex;position:relative}.planItem:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.planItem a{color:var(--color-accent);text-decoration:none}.planItem a:hover{text-decoration:underline}.planItem.isOld{opacity:.5}.planItem.isOld:hover{opacity:1;transition:opacity .15s,box-shadow .15s}.currentWeek{border-left:3px solid var(--color-accent);background:linear-gradient(135deg, #eff6ff 0%, var(--color-surface) 65%)}.currentWeek .plan-date-day{color:var(--color-accent)}.noTopic{background-color:var(--color-bg)}.noMitarbeiter{background:linear-gradient(135deg, #fff5f5 0%, var(--color-surface) 65%);border-left:3px solid #ef4444}.noMitarbeiter .plan-date-day{color:#ef4444}.plan-date-col{border-right:1px solid #0000000f;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:1px;min-width:3rem;padding-right:.875rem;display:flex}.plan-date-weekday{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-size:.625rem;font-weight:700;line-height:1}.plan-date-day{color:var(--color-text);font-size:1.5rem;font-weight:700;line-height:1.05}.plan-date-month{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:.625rem;line-height:1}.plan-date-col .icon-btn{margin-top:.3rem}.plan-content{flex:1;min-width:0}.plan-mitarbeiter{margin-bottom:.2rem}.plan-details{color:var(--color-text-muted);font-size:.875rem}.plan-theme-text{color:var(--color-text-muted)}.loading-skeleton{padding:.25rem 0}.skeleton-item{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/400% 100%;border-radius:12px;height:72px;margin-bottom:5px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.empty-state{text-align:center;color:var(--color-text-muted);padding:3rem 1rem;font-size:.9375rem}.header-bar--home{position:relative}.header-bar--home:after{content:"";background:linear-gradient(90deg,#4caf50 0%,#2196f3 50%,#9c27b0 100%);height:3px;position:absolute;bottom:0;left:0;right:0}.home-intro{text-align:center;padding:1.5rem 0 .25rem}.home-date{color:var(--color-text-muted);letter-spacing:.03em;text-transform:capitalize;margin:0;font-size:.8125rem;font-weight:500}.app-content{max-width:940px;margin:0 auto;padding:0 1.25rem 2rem}.group-cards{grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:16px;margin-top:1.25rem;display:grid}.group-card{margin:0}.buttonLink{color:var(--color-accent);font-family:var(--font);cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:.2s ease-out both page-in}@media (width<=480px){.plan-date-col{min-width:3.25rem;padding-right:.625rem;font-size:.75rem}.header-title{font-size:1.5rem}.plan-list{padding:.5rem .625rem 1.5rem}.filters{padding:.5rem .75rem}.filters-heading{display:none}}