body { font-family: sans-serif; max-width: 950px; margin: 20px auto; padding: 0 20px; color: #333; }
code { background: #eee; padding: 2px 6px; border-radius: 4px; font-family: monospace; }
.btn-copy { background: #4CAF50; color: white; border: none; padding: 8px 14px; cursor: pointer; border-radius: 4px; font-weight: bold; }
.btn-add { background: #008CBA; color: white; border: none; padding: 8px 16px; cursor: pointer; border-radius: 4px; font-weight: bold; }
.btn-delete { background: none; border: none; color: #dc3545; cursor: pointer; font-size: 16px; padding: 0 5px; }
.alert { padding: 12px; margin: 15px 0; border-radius: 4px; font-size: 14px; }
.alert.success { background: #d1e7dd; color: #0f5132; border: 1px solid #badbcc; }
.alert.error { background: #f8d7da; color: #842029; border: 1px solid #f5c2c7; }
.login-card { max-width: 400px; margin: 80px auto; padding: 24px; border: 1px solid #ddd; border-radius: 8px; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
.login-form { display: flex; flex-direction: column; gap: 12px; }
.login-input { padding: 10px; border: 1px solid #ccc; border-radius: 4px; }
.login-button { background: #008CBA; color: white; border: none; padding: 10px 14px; border-radius: 4px; cursor: pointer; font-weight: bold; }
.logout-link { color: #008CBA; text-decoration: none; font-weight: bold; }

/* Eingabezeile Styling */
.editor-row { background: #f9f9f9; padding: 15px; border-radius: 6px; border: 1px solid #ddd; margin-bottom: 25px; display: flex; gap: 15px; align-items: center; }
.editor-row input[type="text"] { padding: 8px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; }
.input-short { flex: 1; }
.input-target { flex: 3; }

table { width: 100%; border-collapse: collapse; margin-top: 10px; }
th, td { border: 1px solid #ddd; padding: 10px; text-align: left; }
th { background: #f2f2f2; }
h2 { margin-top: 0; font-size: 18px; color: #444; }
.actions-cell { display: flex; gap: 10px; align-items: center; }