:root{--slate-900: #20282f;--slate-800: #2c3740;--slate-700: #3d4d59;--slate-500: #607080;--slate-300: #9fb1bd;--slate-100: #e4eaee;--paper: #f5f3ee;--paper-raised: #ffffff;--tan: #d4a373;--tan-deep: #b8854f;--line: #e0ddd4;--ok: #4f7a52;--ok-bg: #e8f0e6;--warn: #b8854f;--warn-bg: #f6ecdd;--open: #8a98a3;--open-bg: #eef1f3;--danger: #a8503f;--font-display: "Fraunces", Georgia, serif;--font-body: "Spline Sans", system-ui, sans-serif;--radius: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 2px rgba(31, 42, 51, .06), 0 1px 3px rgba(31, 42, 51, .04);--shadow-md: 0 4px 16px rgba(31, 42, 51, .08), 0 1px 4px rgba(31, 42, 51, .05);--shadow-lg: 0 12px 40px rgba(31, 42, 51, .14)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--paper);color:var(--slate-900);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}h1,h2,h3{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}input,textarea,select{font-family:var(--font-body);font-size:14px}a{color:inherit;text-decoration:none}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--radius-sm);font-weight:500;font-size:14px;transition:all .15s ease;border:1px solid transparent}.btn-primary{background:var(--slate-800);color:#fff}.btn-primary:hover{background:var(--slate-900)}.btn-tan{background:var(--tan);color:var(--slate-900)}.btn-tan:hover{background:var(--tan-deep);color:#fff}.btn-ghost{background:transparent;color:var(--slate-700);border-color:var(--line)}.btn-ghost:hover{background:var(--slate-100)}.btn-sm{padding:6px 12px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:500;color:var(--slate-700)}.input,.textarea,.select{padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-raised);color:var(--slate-900);width:100%;transition:border-color .15s ease}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--tan);box-shadow:0 0 0 3px #d4a3732e}.textarea{resize:vertical;min-height:72px}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:500}.pill-ok{background:var(--ok-bg);color:var(--ok)}.pill-warn{background:var(--warn-bg);color:var(--warn)}.pill-open{background:var(--open-bg);color:var(--open)}.pill-actor-kanzlei{background:var(--slate-100);color:var(--slate-700)}.pill-actor-client{background:var(--warn-bg);color:var(--tan-deep)}.muted{color:var(--slate-500)}.spinner{width:18px;height:18px;border:2px solid var(--slate-300);border-top-color:var(--slate-800);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .4s ease both}