@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Hanken+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font-display:"Bricolage Grotesque","Hanken Grotesk",system-ui,sans-serif;--font-sans:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:38px;--text-5xl:48px;--text-6xl:60px;--text-7xl:76px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--leading-none:1;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tighter:-.03em;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.02em;--tracking-caps:.06em}:root{--teal-50:#f0fdfa;--teal-100:#ccfbf1;--teal-200:#99f6e4;--teal-300:#5eead4;--teal-400:#2dd4bf;--teal-500:#14b8a6;--teal-600:#0d9488;--teal-700:#0f766e;--teal-800:#115e58;--teal-900:#134e4a;--teal-950:#042f2e;--neutral-0:#ffffff;--neutral-25:#fafcfc;--neutral-50:#f5f8f7;--neutral-100:#ecf1f0;--neutral-200:#dee6e5;--neutral-300:#c7d2d1;--neutral-400:#9baaa9;--neutral-500:#71817f;--neutral-600:#586766;--neutral-700:#414f4e;--neutral-800:#2b3736;--neutral-900:#16211f;--neutral-950:#0b1413;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-500:#f59e0b;--amber-600:#d97706;--amber-700:#b45309;--red-50:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--violet-50:#f5f3ff;--violet-100:#ede9fe;--violet-200:#ddd6fe;--violet-500:#8b5cf6;--violet-600:#7c3aed;--violet-700:#6d28d9;--color-brand:var(--teal-600);--color-brand-strong:var(--teal-700);--color-brand-subtle:var(--teal-100);--color-brand-surface:var(--teal-50);--color-primary:var(--teal-700);--color-primary-hover:var(--teal-800);--color-primary-active:var(--teal-900);--color-on-primary:#ffffff;--text-strong:var(--neutral-900);--text-body:var(--neutral-800);--text-muted:var(--neutral-600);--text-subtle:var(--neutral-500);--text-faint:var(--neutral-400);--text-inverse:#ffffff;--text-link:var(--teal-700);--text-link-hover:var(--teal-800);--surface-page:var(--neutral-50);--surface-card:var(--neutral-0);--surface-sunken:var(--neutral-100);--surface-hover:var(--neutral-50);--surface-active:var(--neutral-100);--surface-inverse:var(--neutral-900);--surface-overlay:rgba(11,20,19,.44);--border-subtle:var(--neutral-100);--border-default:var(--neutral-200);--border-strong:var(--neutral-300);--border-focus:var(--teal-600);--color-info:var(--blue-600);--color-info-surface:var(--blue-50);--color-info-subtle:var(--blue-100);--color-info-border:var(--blue-200);--color-on-info:#ffffff;--color-success:var(--green-600);--color-success-surface:var(--green-50);--color-success-subtle:var(--green-100);--color-success-border:var(--green-200);--color-on-success:#ffffff;--color-warning:var(--amber-600);--color-warning-surface:var(--amber-50);--color-warning-subtle:var(--amber-100);--color-warning-border:var(--amber-200);--color-on-warning:#ffffff;--color-danger:var(--red-600);--color-danger-surface:var(--red-50);--color-danger-subtle:var(--red-100);--color-danger-border:var(--red-200);--color-on-danger:#ffffff;--color-accent:var(--violet-600);--color-accent-surface:var(--violet-50);--color-accent-subtle:var(--violet-100);--color-accent-border:var(--violet-200);--color-on-accent:#ffffff;--status-planned-fg:var(--neutral-700);--status-planned-bg:var(--neutral-100);--status-planned-dot:var(--neutral-400);--status-active-fg:var(--blue-700);--status-active-bg:var(--blue-50);--status-active-dot:var(--blue-500);--status-done-fg:var(--green-700);--status-done-bg:var(--green-50);--status-done-dot:var(--green-500);--status-warning-fg:var(--amber-700);--status-warning-bg:var(--amber-50);--status-warning-dot:var(--amber-500);--status-absent-fg:var(--red-700);--status-absent-bg:var(--red-50);--status-absent-dot:var(--red-500);--status-recurring-fg:var(--violet-700);--status-recurring-bg:var(--violet-50);--status-recurring-dot:var(--violet-500)}:root{--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-3-5:14px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--control-sm:32px;--control-md:40px;--control-lg:48px;--container-max:1200px;--sidebar-w:260px}:root{--shadow-xs:0 1px 2px rgba(16,33,31,.05);--shadow-sm:0 1px 2px rgba(16,33,31,.06),0 1px 3px rgba(16,33,31,.08);--shadow-md:0 2px 6px -2px rgba(16,33,31,.06),0 6px 16px -4px rgba(16,33,31,.1);--shadow-lg:0 12px 32px -8px rgba(16,33,31,.16),0 4px 10px -4px rgba(16,33,31,.08);--shadow-xl:0 24px 56px -12px rgba(16,33,31,.22);--ring-focus:0 0 0 3px rgba(13,148,136,.32);--ring-danger:0 0 0 3px rgba(220,38,38,.26);--dur-fast:.12s;--dur:.18s;--dur-slow:.26s;--ease-standard:cubic-bezier(.2,0,0,1);--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--z-base:1;--z-dropdown:1000;--z-sticky:1100;--z-overlay:1200;--z-modal:1300;--z-toast:1400;--z-tooltip:1500}:root{--color-brand: var(--teal-600);--color-brand-strong: var(--teal-700);--color-brand-subtle: var(--teal-100);--color-brand-surface: var(--teal-50);--color-primary: var(--teal-700);--color-primary-hover: var(--teal-800);--color-primary-active: var(--teal-900);--color-on-primary: #ffffff;--ring-focus: 0 0 0 3px rgba(13, 148, 136, .32);--brand-name: "Einsatzplanung"}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font-sans);background:var(--surface-page);color:var(--text-body);-webkit-font-smoothing:antialiased}#root{height:100vh}a{color:var(--text-link)}a:hover{color:var(--text-link-hover)}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh;overflow:hidden}.sidebar{background:var(--surface-card);border-right:1px solid var(--border-default);display:flex;flex-direction:column;padding:16px 12px}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 16px}.brand .mark{width:34px;height:34px;border-radius:10px;background:var(--color-brand);color:var(--color-on-primary);font-family:var(--font-display);font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center}.brand .wm{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.02em;color:var(--text-strong)}.nav{display:flex;flex-direction:column;gap:2px;margin-top:4px}.navitem{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:var(--radius-md);color:var(--text-muted);font-size:14px;font-weight:600;cursor:pointer;border:none;background:none;text-align:left;width:100%;font-family:inherit}.navitem:hover{background:var(--surface-sunken);color:var(--text-strong)}.navitem.active{background:var(--color-brand-surface);color:var(--color-brand-strong)}.navitem .count{margin-left:auto;font-size:12px;font-weight:700;background:var(--surface-sunken);color:var(--text-muted);border-radius:999px;padding:1px 8px}.navitem.active .count{background:var(--teal-100);color:var(--color-brand-strong)}.nav-bottom{margin-top:auto;display:flex;flex-direction:column;gap:2px}.side-user{display:flex;align-items:center;gap:9px;padding:10px;border-top:1px solid var(--border-subtle);margin-top:6px}.su-name{font-size:13px;font-weight:700;color:var(--text-strong)}.su-role{font-size:11px;color:var(--text-muted)}.main{display:flex;flex-direction:column;min-width:0;overflow:hidden}.topbar{display:flex;align-items:center;gap:14px;padding:12px 22px;border-bottom:1px solid var(--border-default);background:var(--surface-card);flex:none}.tb-title h1{font-family:var(--font-display);font-size:22px;font-weight:700;margin:0;color:var(--text-strong);letter-spacing:-.02em}.week-switch{display:flex;align-items:center;gap:2px;margin-left:6px}.week-label{font-size:13px;font-weight:600;color:var(--text-body);white-space:nowrap;min-width:200px;text-align:center;font-family:var(--font-mono)}.tb-spacer{flex:1}.board-wrap{flex:1;overflow:auto;padding:20px 22px}.board{display:grid;min-width:920px;border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-card)}.bcell{border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);padding:8px}.bhead-cell,.bcorner{position:sticky;top:0;z-index:2;background:var(--surface-sunken)}.bcorner{left:0;z-index:3;display:flex;align-items:center;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint)}.bday{display:flex;flex-direction:column}.bday b{font-size:14px;color:var(--text-strong)}.bdate{font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.bemp{position:sticky;left:0;z-index:1;background:var(--surface-card);display:flex;align-items:center;gap:9px}.emp-txt{min-width:0}.emp-n{font-size:13px;font-weight:700;color:var(--text-strong);line-height:1.2;white-space:nowrap}.emp-r{font-size:11px;color:var(--text-muted)}.bslot{display:flex;flex-direction:column;gap:6px;min-height:66px;background:var(--surface-card)}.chip{display:flex;flex-direction:column;gap:2px;text-align:left;border:1px solid transparent;border-radius:8px;padding:6px 8px;cursor:pointer;width:100%;font-family:inherit;transition:filter var(--dur-fast),box-shadow var(--dur-fast)}.chip-top{display:flex;align-items:center;gap:6px}.chip-dot{width:6px;height:6px;border-radius:999px;background:currentColor;flex:none;opacity:.9}.chip-obj{font-size:12.5px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip-rep{margin-left:auto;opacity:.75;display:inline-flex}.chip-time{font-family:var(--font-mono);font-size:11px;opacity:.85;padding-left:12px}.chip:hover{filter:brightness(.98)}.chip.selected{box-shadow:0 0 0 2px var(--color-brand)}.chip[data-status=planned]{background:var(--status-planned-bg);color:var(--status-planned-fg)}.chip[data-status=active]{background:var(--status-active-bg);color:var(--status-active-fg)}.chip[data-status=done]{background:var(--status-done-bg);color:var(--status-done-fg)}.chip[data-status=warning]{background:var(--status-warning-bg);color:var(--status-warning-fg)}.chip[data-status=absent]{background:var(--status-absent-bg);color:var(--status-absent-fg)}.slot-empty{width:100%;min-height:30px;border:1px dashed transparent;border-radius:8px;background:none;cursor:pointer}.bslot:hover .slot-empty{border-color:var(--border-default)}.body{flex:1;display:flex;min-height:0}.detail{width:360px;flex:none;border-left:1px solid var(--border-default);background:var(--surface-card);padding:18px;overflow:auto;display:flex;flex-direction:column;gap:14px}.detail-head{display:flex;align-items:center;justify-content:space-between}.detail-title{font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--text-strong);margin:0;letter-spacing:-.01em}.detail-meta{display:flex;flex-direction:column;gap:9px}.meta-row{display:flex;align-items:center;gap:10px;color:var(--text-body);font-size:14px}.meta-row .esp-icon{color:var(--text-subtle)}.mono{font-family:var(--font-mono)}.detail-emp{display:flex;align-items:center;gap:10px;padding:12px;background:var(--surface-sunken);border-radius:var(--radius-md)}.detail-emp .who{flex:1;min-width:0}.emp-name{font-size:14px;font-weight:700;color:var(--text-strong)}.emp-role{font-size:12px;color:var(--text-muted)}.detail-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:8px}.state-note{padding:24px;color:var(--text-muted);font-size:14px}.list-wrap{flex:1;overflow:auto;padding:20px 22px}.list-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px;max-width:960px}.list-toolbar .grow{flex:1}.list{display:flex;flex-direction:column;gap:8px;max-width:960px}.list-row{display:flex;align-items:center;gap:14px;padding:12px 14px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;font-family:inherit;transition:border-color var(--dur-fast),background var(--dur-fast)}.list-row:hover{border-color:var(--neutral-400);background:var(--surface-hover)}.list-row.inactive{opacity:.6}.lr-main{flex:1;min-width:0}.lr-title{font-size:14px;font-weight:700;color:var(--text-strong)}.lr-sub{font-size:12.5px;color:var(--text-muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lr-meta{font-size:12px;color:var(--text-subtle);font-family:var(--font-mono);white-space:nowrap}.list-empty{color:var(--text-muted);font-size:14px;padding:48px;text-align:center}.inline-switch{display:flex;align-items:center;gap:8px;white-space:nowrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-actions-split{display:flex;justify-content:space-between;align-items:center;width:100%}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(1200px 600px at 50% -10%,var(--teal-50),var(--surface-page))}.login-card{width:100%;max-width:380px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:28px}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:4px}.login-brand .mark{width:36px;height:36px;border-radius:10px;background:var(--color-brand);color:var(--color-on-primary);font-family:var(--font-display);font-weight:800;font-size:21px;display:flex;align-items:center;justify-content:center}.login-brand .wm{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--text-strong);letter-spacing:-.02em}.login-sub{color:var(--text-muted);font-size:14px;margin:10px 0 20px}.login-form{display:flex;flex-direction:column;gap:14px}.login-error{background:var(--color-danger-surface);color:var(--red-700);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);padding:9px 12px;font-size:13px;font-weight:600}.login-hint{margin-top:16px;padding-top:14px;border-top:1px solid var(--border-subtle);font-size:12px;color:var(--text-subtle);line-height:1.6}.login-hint code{font-family:var(--font-mono);color:var(--text-body)}