*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg);background-image:radial-gradient(circle at top left,rgba(107,217,207,.14),transparent 34%),radial-gradient(circle at top right,rgba(55,182,190,.08),transparent 28%);color:var(--text-primary);line-height:1.5;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100dvh;display:flex;flex-direction:column}:root{--bg: #F5F5F7;--bg-elevated: #FFFFFF;--bg-grouped: #F2F2F7;--surface: #FFFFFF;--surface-2: #FAFCFC;--text-primary: #1C1C1E;--text-secondary: #6C6C70;--text-tertiary: #AEAEB2;--text-inverted: #FFFFFF;--card-bg: #FFFFFF;--card-shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);--card-shadow-hover: 0 2px 8px rgba(0,0,0,.08), 0 8px 24px rgba(0,0,0,.06);--card-radius: 14px;--card-radius-sm: 10px;--border: rgba(0,0,0,.08);--border-strong: rgba(0,0,0,.14);--blue: #007AFF;--blue-light: #007AFF18;--green: #34C759;--green-light: #34C75915;--red: #FF453A;--red-light: #FF453A15;--orange: #FF9F0A;--orange-light: #FF9F0A18;--purple: #5E5CE6;--purple-light: #5E5CE615;--teal: #5AC8FA;--brand-teal: #6BD9CF;--brand-teal-deep: #37B6BE;--brand-slate: #565B61;--brand-ink: #0B0D0E;--senior-color: #FF9F0A;--senior-bg: #FF9F0A18;--junior-color: #007AFF;--junior-bg: #007AFF12;--newcomer-color: #34C759;--newcomer-bg: #34C75915;--shift-24h: #FF453A;--shift-24h-bg: #FF453A12;--shift-tag: #FF9F0A;--shift-tag-bg: #FF9F0A12;--shift-nacht: #5E5CE6;--shift-nacht-bg: #5E5CE612;--shift-zusatz: #34C759;--shift-zusatz-bg: #34C75912;--pref-want: #34C759;--pref-want-bg: #34C75920;--pref-ok: #007AFF;--pref-ok-bg: #007AFF18;--pref-no: #FF453A;--pref-no-bg: #FF453A18;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--header-height: 56px;--tab-height: 56px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}h1{font-size:28px;font-weight:700;letter-spacing:-.5px}h2{font-size:22px;font-weight:700;letter-spacing:-.3px}h3{font-size:17px;font-weight:600}h4{font-size:15px;font-weight:600}p{font-size:15px;color:var(--text-secondary)}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-lg{font-size:17px}.text-xl{font-size:20px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.brand-lockup{display:inline-flex;align-items:center;gap:16px;max-width:100%}.brand-center{justify-content:center;text-align:center}.brand-mark{display:block;width:72px;height:auto;flex-shrink:0;filter:drop-shadow(0 12px 28px rgba(107,217,207,.18))}.brand-copy{display:flex;flex-direction:column;min-width:0}.brand-heading{display:flex;flex-direction:column;gap:4px;min-width:0}.brand-title{color:var(--brand-slate);font-weight:800;line-height:.92;letter-spacing:-.06em}.brand-byline{display:flex;align-items:flex-end;gap:10px;line-height:.88}.brand-by{color:var(--brand-ink);font-weight:800;letter-spacing:-.05em}.brand-klaro{color:var(--brand-ink);font-weight:800;letter-spacing:-.08em;text-transform:lowercase}.brand-hero .brand-mark{width:96px;filter:none}.brand-hero .brand-heading{display:inline-flex;flex-direction:column;align-items:stretch;gap:2px}.brand-hero .brand-title{font-size:clamp(32px,6vw,58px)}.brand-hero .brand-by{font-size:clamp(10px,1.4vw,12px)}.brand-hero .brand-klaro{font-size:clamp(13px,1.8vw,18px);letter-spacing:-.04em}.brand-hero .brand-byline{width:100%;justify-content:flex-end;gap:4px}.brand-compact{gap:10px}.brand-compact .brand-mark{width:36px;filter:drop-shadow(0 8px 18px rgba(107,217,207,.16))}.brand-compact .brand-copy{gap:0}.brand-compact .brand-heading{gap:2px}.brand-compact .brand-title{font-size:18px;letter-spacing:-.04em}.brand-compact .brand-byline{gap:6px}.brand-compact .brand-by{font-size:11px}.brand-compact .brand-klaro{font-size:15px}.brand-icon{display:inline-flex}.brand-icon .brand-mark{width:32px;filter:drop-shadow(0 8px 18px rgba(107,217,207,.16))}.card{background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--space-md);transition:box-shadow .2s ease,transform .15s ease}.card-sm{border-radius:var(--card-radius-sm);padding:12px var(--space-md)}.card-hover:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:100px;font-size:12px;font-weight:600;white-space:nowrap}.badge-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.badge-senior{background:var(--senior-bg);color:var(--senior-color)}.badge-junior{background:var(--junior-bg);color:var(--junior-color)}.badge-newcomer{background:var(--newcomer-bg);color:var(--newcomer-color)}.badge-admin{background:var(--blue-light);color:var(--blue)}.badge-24h{background:var(--shift-24h-bg);color:var(--shift-24h)}.badge-tag12{background:var(--shift-tag-bg);color:var(--shift-tag)}.badge-nacht12{background:var(--shift-nacht-bg);color:var(--shift-nacht)}.badge-zusatz{background:var(--shift-zusatz-bg);color:var(--shift-zusatz)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:100px;font-family:inherit;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:all .15s ease;min-height:44px;text-decoration:none;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover:not(:disabled){background:#0066d6}.btn-success{background:var(--green);color:#fff}.btn-success:hover:not(:disabled){filter:brightness(.92)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.92)}.btn-ghost{background:transparent;color:var(--blue);padding:10px 16px}.btn-ghost:hover:not(:disabled){background:var(--blue-light)}.btn-secondary{background:var(--bg-grouped);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#e5e5ea}.btn-sm{font-size:13px;padding:7px 14px;min-height:36px}.btn-icon{padding:10px;border-radius:50%;width:44px;height:44px}.seg-control{display:flex;background:#7676801f;border-radius:10px;padding:2px;gap:2px}.seg-btn{flex:1;padding:6px 12px;border:none;background:transparent;border-radius:8px;font-family:inherit;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:32px}.seg-btn.active{background:var(--card-bg);color:var(--text-primary);font-weight:600;box-shadow:0 1px 3px #0000001f}.glass-header{position:sticky;top:0;z-index:100;background:#f7fafae0;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border);padding:0 var(--space-md);height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#f5f5f7eb;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid var(--border);display:flex;align-items:stretch;padding-bottom:var(--safe-bottom);height:calc(var(--tab-height) + var(--safe-bottom))}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:transparent;cursor:pointer;font-family:inherit;padding:8px 4px;position:relative;color:var(--text-tertiary);transition:color .15s ease;-webkit-tap-highlight-color:transparent}.tab-item.active{color:var(--blue)}.tab-icon{font-size:22px;line-height:1}.tab-label{font-size:10px;font-weight:500;letter-spacing:.2px}.tab-badge{position:absolute;top:6px;right:calc(50% - 16px);background:var(--red);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.screen{flex:1;padding:var(--space-md);padding-bottom:calc(var(--tab-height) + var(--safe-bottom) + var(--space-md));max-width:768px;margin:0 auto;width:100%}.avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:14px;color:#fff;flex-shrink:0}.avatar-sm{width:32px;height:32px;font-size:11px}.avatar-md{width:40px;height:40px;font-size:14px}.avatar-lg{width:52px;height:52px;font-size:18px}.avatar-xl{width:64px;height:64px;font-size:22px}.avatar-senior{background:var(--senior-color)}.avatar-junior{background:var(--junior-color)}.avatar-newcomer{background:var(--newcomer-color)}.avatar-active{box-shadow:0 0 0 2.5px var(--surface),0 0 0 4.5px var(--text-secondary);transform:scale(1.06)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.cal-header-cell{text-align:center;font-size:11px;font-weight:600;color:var(--text-tertiary);padding:6px 2px;letter-spacing:.4px;text-transform:uppercase}.cal-cell{background:var(--card-bg);border-radius:8px;padding:5px;min-height:70px;position:relative;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;overflow:hidden}.cal-cell:active{transform:scale(.97)}.cal-cell.empty{background:transparent;cursor:default}.cal-cell.weekend,.cal-cell.holiday{background:#fff5e6}.cal-cell.today .cal-day-num{background:var(--blue);color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.cal-day-num{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:3px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.cal-cell.weekend .cal-day-num,.cal-cell.holiday .cal-day-num{color:var(--orange)}.cal-cell-chips{display:flex;flex-direction:column;gap:2px}.cal-chip{display:flex;align-items:center;gap:3px;font-size:10px;font-weight:600;padding:2px 5px;border-radius:4px;line-height:1.3;overflow:hidden}.pref-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .15s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.pref-cell:active{transform:scale(.93)}.pref-cell.none{background:var(--card-bg);color:var(--text-secondary)}.pref-cell.want{background:var(--pref-want-bg);color:var(--pref-want)}.pref-cell.ok{background:var(--pref-ok-bg);color:var(--pref-ok)}.pref-cell.no{background:var(--pref-no-bg);color:var(--pref-no)}.pref-cell.weekend.none{background:#fff5e6}.pref-icon{font-size:16px;line-height:1}.pref-day{font-size:11px;font-weight:700}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.form-input{width:100%;padding:12px 14px;border:1.5px solid var(--border-strong);border-radius:var(--card-radius-sm);font-family:inherit;font-size:16px;color:var(--text-primary);background:var(--card-bg);outline:none;transition:border-color .15s ease}.form-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #007aff26}.form-input::placeholder{color:var(--text-tertiary)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%2386868B' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-error{font-size:13px;color:var(--red);margin-top:4px}.sep{height:1px;background:var(--border);margin:var(--space-md) 0}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}.pts-bar-track{height:6px;background:var(--bg-grouped);border-radius:100px;overflow:hidden;flex:1}.pts-bar-fill{height:100%;border-radius:100px;transition:width .5s ease}.skeleton{background:linear-gradient(90deg,#e5e5ea 25%,#f2f2f7,#e5e5ea 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.anim-fade-up{animation:fadeUp .3s ease forwards}.anim-fade-in{animation:fadeIn .25s ease forwards}.anim-scale-in{animation:scaleIn .25s ease forwards}.anim-children>*:nth-child(1){animation-delay:0ms}.anim-children>*:nth-child(2){animation-delay:50ms}.anim-children>*:nth-child(3){animation-delay:.1s}.anim-children>*:nth-child(4){animation-delay:.15s}.anim-children>*:nth-child(5){animation-delay:.2s}.anim-children>*:nth-child(6){animation-delay:.25s}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:200;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-md);animation:fadeIn .2s ease}@media (min-width: 480px){.modal-overlay{align-items:center}}.modal{background:var(--card-bg);border-radius:20px;padding:var(--space-lg);width:100%;max-width:440px;animation:scaleIn .25s ease;max-height:90dvh;overflow-y:auto}.modal-title{font-size:20px;font-weight:700;margin-bottom:var(--space-md)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-2xl) var(--space-lg);text-align:center;color:var(--text-tertiary)}.empty-icon{font-size:40px;opacity:.4}.empty-title{font-size:17px;font-weight:600;color:var(--text-secondary)}.empty-desc{font-size:14px;color:var(--text-tertiary);max-width:260px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.section-title{font-size:17px;font-weight:700;color:var(--text-primary)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;padding:8px 12px;font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border)}.table td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle}.table tr:last-child td{border-bottom:none}.toggle-wrap{display:flex;align-items:center;gap:8px}.toggle{position:relative;width:44px;height:26px;cursor:pointer}.toggle input{opacity:0;width:0;height:0}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:#e0e0e0;border-radius:100px;transition:background .2s}.toggle input:checked+.toggle-track{background:var(--green)}.toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s}.toggle input:checked~.toggle-thumb{transform:translate(18px)}.info-banner{background:var(--blue-light);border:1px solid rgba(0,122,255,.2);border-radius:var(--card-radius-sm);padding:12px var(--space-md);font-size:13px;color:var(--blue);display:flex;gap:8px;align-items:flex-start}.info-banner.warning{background:var(--orange-light);border-color:#ff9f0a33;color:#995c00}.info-banner.success{background:var(--green-light);border-color:#34c75933;color:#1a7a34}.info-banner.error{background:var(--red-light);border-color:#ff453a33;color:#c0392b}@media (max-width: 480px){.brand-hero{flex-direction:column;gap:14px;text-align:center}.brand-hero .brand-copy{align-items:center}.brand-hero .brand-heading{align-items:stretch;gap:6px}.brand-hero .brand-byline{justify-content:flex-end}.cal-cell{min-height:56px;padding:3px}.cal-chip{font-size:9px;padding:1px 3px;gap:2px}.cal-day-num{font-size:11px;width:20px;height:20px}.pref-cell{font-size:11px}.card{padding:14px}.modal{padding:var(--space-md)}.screen{padding:12px;padding-bottom:calc(var(--tab-height) + var(--safe-bottom) + 12px)}}@media (max-width: 360px){.cal-chip{font-size:9px;padding:1px 3px}.cal-cell{min-height:50px;padding:3px}.screen{padding:10px}}@media (min-width: 768px){.screen{padding:var(--space-lg)}.cal-cell{min-height:90px;padding:8px}}.scroll-x-wrap{position:relative}.scroll-x-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;width:28px;background:linear-gradient(to right,transparent,var(--card-bg));pointer-events:none;border-radius:0 var(--card-radius) var(--card-radius) 0}.scroll-hint-label{display:none;font-size:11px;color:var(--text-tertiary);text-align:center;margin-top:6px;letter-spacing:.2px}@media (max-width: 600px){.scroll-hint-label{display:block}.table th,.table td{padding:6px 8px;font-size:12px}}@media print{.tab-bar,.glass-header{display:none!important}.screen{padding:0}body{background:#fff}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.flex-1{flex:1}.w-full{width:100%}.text-center{text-align:center}.overflow-hidden{overflow:hidden}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}