.port-table {
            font-size: 0.9rem;
        }
        .port-table th {
            background-color: var(--light-gray);
            position: sticky;
            top: 0;
            z-index: 10;
        }
        .badge-tcp {
            background-color: #0d6efd;
            color: white;
            padding: 2px 6px;
            border-radius: 4px;
            font-size: 0.7rem;
            font-weight: 500;
        }
        .badge-udp {
            background-color: #198754;
            color: white;
            padding: 2px 6px;
            border-radius: 4px;
            font-size: 0.7rem;
            font-weight: 500;
        }
        .badge-both {
            background-color: #6f42c1;
            color: white;
            padding: 2px 6px;
            border-radius: 4px;
            font-size: 0.7rem;
            font-weight: 500;
        }
        .port-category-header {
            background-color: rgba(70, 130, 180, 0.1);
            font-weight: 600;
            border-left: 4px solid var(--primary-color);
        }
        .search-box {
            max-width: 400px;
            margin-bottom: 1.5rem;
        }
        .warning-note a {
            color: #856404;
            text-decoration: underline;
        }
        .table-responsive {
            max-height: 600px;
            overflow-y: auto;
            border: 1px solid var(--border-color);
            border-radius: 8px;
        }
        .command-line {
            background: #1e1e1e;
            color: #d4d4d4;
            padding: 0.8rem;
            border-radius: 6px;
            font-family: 'Courier New', monospace;
            font-size: 0.9rem;
        }
        .updated-badge {
            background-color: #28a745;
            color: white;
            padding: 0.2rem 0.5rem;
            border-radius: 12px;
            font-size: 0.7rem;
            font-weight: 600;
        }