:root{--paper: #ffffff;--paper-2: #f5f6f8;--paper-3: #ebedf0;--ink: #0f172a;--ink-2: #475569;--ink-3: #94a3b8;--rule: #e2e8f0;--rule-2: #eef0f3;--brand: #1e40af;--brand-hi: #1e3a8a;--brand-soft: #dbeafe;--ok: #16a34a;--ok-soft: #dcfce7;--warn: #d97706;--warn-soft: #fef3c7;--danger: #dc2626;--danger-soft:#fee2e2;--neutral: #64748b;--neutral-soft:#f1f5f9;--phase-erstkontakt: #64748b;--phase-triage: #0891b2;--phase-warteliste: #7c3aed;--phase-dokumente: #d97706;--phase-zimmer: #0284c7;--phase-aufgenommen: #16a34a;--phase-austrittsplanung: #ea580c;--phase-ausgetreten: #94a3b8;--sidebar-w: 240px;--header-h: 56px;--max: 1480px;--gutter: clamp(1rem, 2.5vw, 1.75rem);--sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-xs: 11px;--fs-sm: 12px;--fs-body: 14px;--fs-md: 15px;--fs-lg: 17px;--fs-xl: 20px;--fs-2xl: 24px;--lh-body: 1.5;--lh-tight: 1.3;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--radius-sm: 3px;--radius: 6px;--radius-lg: 10px;--radius-pill: 999px;--shadow-none: none;--shadow-rule: 0 1px 0 var(--rule);--shadow-pop: 0 4px 12px rgba(15, 23, 42, .08);--easing: cubic-bezier(.4, 0, .2, 1);--dur-fast: .12s;--dur: .18s;--dur-slow: .26s}:root[data-theme=dark]{--paper: #0b1220;--paper-2: #111a2e;--paper-3: #1a2540;--ink: #f1f5f9;--ink-2: #cbd5e1;--ink-3: #64748b;--rule: #1e293b;--rule-2: #172033;--brand: #60a5fa;--brand-hi: #93c5fd;--brand-soft: #1e3a8a;--ok-soft: #052e16;--warn-soft: #451a03;--danger-soft:#450a0a;--neutral-soft:#1e293b;color-scheme:dark}@media(prefers-color-scheme:dark){:root[data-theme=auto]{--paper: #0b1220;--paper-2: #111a2e;--paper-3: #1a2540;--ink: #f1f5f9;--ink-2: #cbd5e1;--ink-3: #64748b;--rule: #1e293b;--rule-2: #172033;--brand: #60a5fa;--brand-hi: #93c5fd;--brand-soft: #1e3a8a;--ok-soft: #052e16;--warn-soft: #451a03;--danger-soft:#450a0a;--neutral-soft:#1e293b;color-scheme:dark}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;text-rendering:optimizeLegibility}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-hi);text-decoration:underline}.num,time,.mono,code{font-family:var(--mono);font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-sm)}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.app-sidebar{background:var(--paper-2);border-right:1px solid var(--rule);padding:var(--space-4) 0;position:sticky;top:0;height:100vh;overflow-y:auto}.app-main-col{display:flex;flex-direction:column;min-width:0}.app-header{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);border-bottom:1px solid var(--rule);background:var(--paper);position:sticky;top:0;z-index:10}.app-main{flex:1;padding:var(--space-6) var(--space-5);max-width:var(--max);width:100%}.brand{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);margin-bottom:var(--space-5);font-family:var(--mono);font-weight:600;font-size:var(--fs-md);letter-spacing:.01em;color:var(--ink)}.brand .dot{width:8px;height:8px;background:var(--brand);border-radius:var(--radius-pill);flex-shrink:0}.nav-section{padding:var(--space-2) var(--space-5) var(--space-1);font-family:var(--mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);color:var(--ink-2);font-size:var(--fs-body);border-left:2px solid transparent;transition:background-color var(--dur) var(--easing),color var(--dur) var(--easing)}.nav-link:hover{background:var(--paper-3);color:var(--ink);text-decoration:none}.nav-link.is-active{background:var(--brand-soft);color:var(--brand-hi);border-left-color:var(--brand);font-weight:500}.nav-link .icon{width:16px;height:16px;flex-shrink:0;opacity:.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--fs-body);font-weight:500;cursor:pointer;transition:background-color var(--dur) var(--easing),border-color var(--dur) var(--easing),color var(--dur) var(--easing)}.btn:hover{background:var(--paper-2);border-color:var(--ink-3)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-hi);border-color:var(--brand-hi);color:#fff}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--paper-2)}.btn-danger{color:var(--danger);border-color:var(--rule)}.btn-danger:hover{background:var(--danger-soft);border-color:var(--danger)}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.field label{font-size:var(--fs-sm);color:var(--ink-2);font-weight:500}.field input,.field select,.field textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--fs-body);width:100%}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);outline:none}.card{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);padding:var(--space-5)}.panel-title{font-size:var(--fs-xl);font-weight:600;margin:0 0 var(--space-4);text-wrap:balance}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:var(--paper-2)}.auth-card{width:100%;max-width:380px;padding:var(--space-7);background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-lg)}.pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:500;font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em}.pill-ok{background:var(--ok-soft);color:var(--ok)}.pill-warn{background:var(--warn-soft);color:var(--warn)}.pill-danger{background:var(--danger-soft);color:var(--danger)}.pill-neutral{background:var(--neutral-soft);color:var(--neutral)}.pill-brand{background:var(--brand-soft);color:var(--brand)}.muted{color:var(--ink-3)}.row{display:flex;align-items:center;gap:var(--space-3)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.divider{height:1px;background:var(--rule);margin:var(--space-4) 0}.hidden{display:none!important}.kanban-board{display:grid;grid-template-columns:repeat(8,minmax(200px,1fr));gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-4);margin:var(--space-4) calc(-1 * var(--space-5)) 0;padding-left:var(--space-5);padding-right:var(--space-5)}.kanban-col{background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--radius);min-height:60vh;display:flex;flex-direction:column;min-width:0;transition:border-color var(--dur) var(--easing),background-color var(--dur) var(--easing)}.kanban-col.is-over{border-color:var(--brand);background:var(--brand-soft)}.kanban-col-head{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2);position:sticky;top:0;background:var(--paper-2);z-index:1}.kanban-col-body{padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto}.kanban-col-empty{padding:var(--space-4);text-align:center;color:var(--ink-3);font-size:var(--fs-sm)}.kanban-card{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-sm);padding:var(--space-3);cursor:grab;display:flex;flex-direction:column;gap:var(--space-2);transition:border-color var(--dur) var(--easing),box-shadow var(--dur) var(--easing)}.kanban-card:hover{border-color:var(--ink-3)}.kanban-card:active{cursor:grabbing}.kanban-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.kanban-card-head strong{font-size:var(--fs-body);line-height:1.3;word-break:break-word}.kanban-card-meta{display:flex;align-items:center;gap:var(--space-1);font-size:var(--fs-xs);flex-wrap:wrap}.kanban-card-indication{font-size:var(--fs-sm);color:var(--ink-2);border-top:1px dashed var(--rule);padding-top:var(--space-1)}.kanban-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-xs);color:var(--ink-3);border-top:1px dashed var(--rule);padding-top:var(--space-1)}.kanban-card-followup.overdue{color:var(--danger);font-weight:600}.app-with-panel{display:grid;grid-template-columns:1fr minmax(360px,480px);gap:var(--space-4);height:calc(100vh - var(--header-h) - var(--space-6) * 2)}.detail-panel{border-left:1px solid var(--rule);background:var(--paper);padding:var(--space-5);overflow-y:auto;position:sticky;top:var(--header-h);max-height:calc(100vh - var(--header-h))}.detail-panel section{margin-bottom:var(--space-5)}.detail-panel section h3{font-family:var(--mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin:0 0 var(--space-2)}.detail-panel .field-row{display:grid;grid-template-columns:110px 1fr;gap:var(--space-2);align-items:baseline;padding:var(--space-1) 0;border-bottom:1px solid var(--rule-2);font-size:var(--fs-sm)}.detail-panel .field-row .label{color:var(--ink-3)}.phase-pills{display:flex;flex-wrap:wrap;gap:var(--space-1)}.phase-pill{padding:2px var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--rule);background:var(--paper);font-size:var(--fs-xs);font-family:var(--mono);cursor:pointer;color:var(--ink-2)}.phase-pill:hover{border-color:var(--ink-3)}.phase-pill.active{background:var(--brand);color:#fff;border-color:var(--brand)}