/* CSS Document */

        body { font-family: Arial, sans-serif; background: #f4f4f4; margin: 0; }
        h1 { text-align: center; padding: 20px; background: #007bff; color: white; margin: 0; }
        .tabs { display: flex; justify-content: center; background: #ddd; }
        .tabs button { padding: 14px 20px; border: none; background: #ddd; cursor: pointer; font-size: 16px; }
        .tabs button.active { background: #007bff; color: white; }
        .tabcontent { display: none; padding: 20px; }
        table { width: 100%; border-collapse: collapse; background: white; margin-top: 10px; }
        th, td { padding: 10px; border: 1px solid #ccc; text-align: left; }
        th { background: #007bff; color: white; }
        a, button { padding: 6px 12px; background: #007bff; color: white; text-decoration: none; border-radius: 4px; }
        a:hover, button:hover { background: #0056b3; }
        .actions a { margin-right: 5px; }