:root{--bg:#f5f4f0;--surface:#fff;--surface-2:#efede8;--border:#e0ddd6;--border-dark:#c8c4bc;--ink:#1a1916;--ink-2:#5c5a54;--ink-3:#9a9891;--accent:#1f4e79;--accent-light:#e6eff7;--accent-mid:#2d6ca8;--green:#1a6344;--green-light:#e3f2ec;--amber:#92530a;--amber-light:#fef3e2;--red:#8b1a1a;--red-light:#fdeaea;--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--font-mono:"DM Mono", monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 3px #1a19160f, 0 1px 2px #1a19160a;--shadow-md:0 4px 12px #1a191614, 0 2px 4px #1a19160a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:15px}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);min-height:100vh;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.2}h1{font-size:1.75rem}h2{font-size:1.25rem}h3{font-size:1rem}.mono{font-family:var(--font-mono)}.muted{color:var(--ink-2)}.text-sm{font-size:.8rem}.badge{font-size:.72rem;font-weight:500;font-family:var(--font-body);letter-spacing:.02em;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:2px 9px;display:inline-flex}.badge-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge.offen{background:var(--amber-light);color:var(--amber)}.badge.offen .badge-dot{background:var(--amber)}.badge.in_bearbeitung{background:var(--accent-light);color:var(--accent)}.badge.in_bearbeitung .badge-dot{background:var(--accent-mid)}.badge.warte_rueckmeldung{color:#6b3a9e;background:#f0eaf8}.badge.warte_rueckmeldung .badge-dot{background:#9b59d0}.badge.erledigt{background:var(--green-light);color:var(--green)}.badge.erledigt .badge-dot{background:var(--green)}.badge.abgelehnt{background:var(--red-light);color:var(--red)}.badge.abgelehnt .badge-dot{background:var(--red)}.badge.normal{background:var(--surface-2);color:var(--ink-2)}.badge.dringend{background:var(--amber-light);color:var(--amber)}.badge.notfall{background:var(--red-light);color:var(--red)}.btn{border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--ink);white-space:nowrap;align-items:center;gap:6px;padding:7px 16px;font-size:.85rem;font-weight:500;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:var(--border-dark)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-mid);border-color:var(--accent-mid)}.btn-sm{padding:4px 11px;font-size:.78rem}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-2);border-color:var(--border)}.input,.select,.textarea{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;font-family:var(--font-body);color:var(--ink);background:var(--surface);outline:none;padding:8px 12px;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent-mid);box-shadow:0 0 0 3px #2d6ca81f}.textarea{resize:vertical;min-height:90px;line-height:1.6}.label{color:var(--ink-2);letter-spacing:.02em;margin-bottom:5px;font-size:.78rem;font-weight:500;display:block}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.table{border-collapse:collapse;width:100%}.table th{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 16px;font-size:.72rem;font-weight:600}.table td{border-bottom:1px solid var(--border);color:var(--ink);vertical-align:middle;padding:12px 16px;font-size:.875rem}.table tbody tr{cursor:pointer;transition:background .1s}.table tbody tr:hover{background:var(--accent-light)}.table tbody tr:last-child td{border-bottom:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:3px}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active{transition:all .25s}.slide-up-enter-from{opacity:0;transform:translateY(10px)}
