body {
        font-family: 'Segoe UI', sans-serif;
        background-color: #f6f8fb;
        color: #2c3e50;
    }

    .card {
        background: #ffffff;
        border-radius: 12px;
        border: none;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .card:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    }

    label {
        font-weight: 600;
        font-size: 14px;
        color: #34495e;
    }

    select.form-control,
    input.form-control {
        border-radius: 8px;
        border: 1px solid #ced6e0;
        font-size: 14px;
        padding: 6px 12px;
    }

    .select2-container--default .select2-selection--single {
        border-radius: 8px;
        border: 1px solid #ced6e0;
        height: 38px;
        padding: 5px 10px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 26px;
        color: #2c3e50;
    }

    .table th {
        background-color: #f1f5f9;
        font-weight: 600;
        color: #2c3e50;
    }

    .table td {
        color: #34495e;
        font-size: 13px;
    }