body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f4f4f4;
}

header {
    /* background: #35424a;
    color: #ffffff; */
    padding: 10px 0;
    text-align: center;
}

h1 {
    margin: 0;
}

.container {
    width: 80%;
    margin: auto;
    overflow: hidden;
}

form {
    background: #ffffff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="number"] {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}

input[type="submit"] {
    background: #35424a;
    color: #ffffff;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 5px;
}

input[type="submit"]:hover {
    background: #45a049;
}

.table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.table th,
.table td {
    border: 1px solid #ddd;
    padding: 8px;
}

.table th {
    background-color: #35424a !important;
    color: white;
}

.table tr:nth-child(even) {
    background-color: #f2f2f2;
}

.table tr:hover {
    background-color: #ddd;
}

/* Status indicators */
        .status-up { color: #4CAF50; }
        .status-down { color: #f44336; }
        .status-unknown { color: #ff9800; }
        /* .status-change-table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
        }
        .status-change-table th,
        .status-change-table td {
            border: 1px solid #ddd;
            padding: 8px;
            text-align: left;
        }
        .status-change-table th {
            background-color: #35424a;
            color: white;
        }
        .status-change-table tr:nth-child(even) {
            background-color: #f2f2f2;
        } */
        .filter-section {
            background: #ffffff;
            padding: 15px;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            margin-bottom: 20px;
        }
        .filter-section label {
            font-weight: bold;
            margin-right: 10px;
        }
        .filter-section select {
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 4px;
            background: white;
        }
        .results-summary {
            background: #f8f9fa;
            padding: 10px;
            border-left: 4px solid #35424a;
            margin-bottom: 20px;
        }

        /* Dashboard specific styles */
                .status-up { color: #4CAF50; font-weight: bold; }
        .status-down { color: #f44336; font-weight: bold; }
        .status-unknown { color: #ff9800; font-weight: bold; }