body {
            font-family: Arial, sans-serif;
            background: #0f172a;
            color: #e2e8f0;
            margin: 0;
            padding: 20px;
        }
        h1 { margin: 0 0 10px 0; }
        .container { max-width: 1400px; margin: auto; }

        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
            background: #1e293b;
            border-radius: 6px;
            overflow: hidden;
        }
        th, td {
            padding: 10px;
            border-bottom: 1px solid #334155;
            font-size: 14px;
        }
        th {
            background: #0f172a;
        }
        th a {
            color: #e2e8f0;
            text-decoration: none;
        }
        th a:hover {
            text-decoration: underline;
        }
        tr:hover {
            background: #334155;
        }

        .badge {
            padding: 3px 6px;
            border-radius: 4px;
            font-size: 11px;
            font-weight: bold;
        }
        .badge { padding:3px 7px; border-radius:6px; font-size:12px; }
        .badge.bot { background:#c0392b; color:white; }
        .badge.human { background:#27ae60; color:white; }
        .badge.attached { background:#4a90e2; color:white; }
        .human { background: #22c55e33; color: #4ade80; }
        .bot { background: #ef444433; color: #f87171; }

        .filters {
            display: flex;
            gap: 10px;
            margin-bottom: 10px;
            flex-wrap: wrap;
        }
        select, input {
            padding: 6px;
            background: #1e293b;
            border: 1px solid #334155;
            color: #e2e8f0;
            border-radius: 4px;
        }
        .uuid {
            cursor: pointer;
            color: #ebd409;
        }
        .uuid:hover {
            text-decoration: underline;
        }

        .pagination {
            margin-top: 20px;
            display: flex;
            gap: 8px;
            justify-content: center;
        }
        .pagination a {
            padding: 6px 12px;
            background: #1e293b;
            color: #e2e8f0;
            border: 1px solid #334155;
            border-radius: 4px;
            text-decoration: none;
        }
        .pagination a:hover {
            background: #334155;
        }
        .pagination .active {
            background: #475569;
            font-weight: bold;
        }
        .pagination .disabled {
            opacity: 0.4;
            pointer-events: none;
        }
        a.button {
            padding:6px 10px;
            background:#334155;
            color:#e2e8f0;
            text-decoration:none;
            border-radius:4px;
        }
        a.button:hover { background:#475569; }

        #loadMoreBtn {
            padding: 10px 20px;
            background: #334155;
            color: #e2e8f0;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }

        #loadMoreBtn:hover {
            background: #475569;
        }

        #endMessage {
            color: #64748b;
            font-style: italic;
        }
        .online { color:#22c55e; font-weight:bold; }
        .offline { color:#ef4444; font-weight:bold; }
        input, select { padding:6px; width:300px; background:#1e293b; border:1px solid #334155; color:#e2e8f0; }
        /* Counter Table */
        #rowCounter {
            margin-bottom: 10px;
            font-size: 16px;
            color: #93c5fd;
        }

        .counter-table {
            width: auto;
            border-collapse: collapse;
        }

        .counter-table td {
            padding: 6px 12px;
            border-right: 1px solid #1e3a8a;
            white-space: nowrap;
        }

        .counter-table td:last-child {
            border-right: none;
        }

        .counter-table strong {
            color: #bfdbfe;
        }
        #userTable {
            width: 50%;
            margin: 0 auto; /* zentriert die Tabelle */
        }
.badge.attached {
    background: #4a90e2;
    color: white;
    padding: 3px 7px;
    border-radius: 6px;
    font-size: 12px;
}

.navbtn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #2c3e50;
    color: white;
    padding: 8px 14px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 15px;
    margin-right: 8px;
    transition: background 0.2s;
}

.navbtn:hover {
    background: #34495e;
}

.navbtn .icon {
    font-size: 18px;
}
.profile-container {
    max-width: 600px;
    margin: 20px auto;
    padding: 20px;
    background: #222;
    color: #fff;
    border-radius: 10px;
}
.profile-img {
    width: 128px;
    height: 128px;
    border-radius: 25%;
    object-fit: cover;
}
.profile-row {
    margin: 10px 0;
}
.profile-label {
    font-weight: bold;
    color: #aaa;
}