/* Android-like buttons */
    .btn {
        border-radius: 2px;
        font-weight: 500;
        text-transform: uppercase;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
        transition: box-shadow 0.3s;
    }

    .btn:hover {
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
    }

    .btn-primary {
        background-color: #3f51b5;
        border-color: #3f51b5;
    }

    .btn-primary:hover {
        background-color: #303f9f;
        border-color: #303f9f;
    }

    /* Android-like input fields */
    .form-control {
        border: none;
        border-bottom: 1px solid #ccc;
        border-radius: 0;
        box-shadow: none;
        transition: border-color 0.3s;
    }

    .form-control:focus {
        border-color: #3f51b5;
        box-shadow: none;
    }

    /* Android-like cards */
    .card {
        border-radius: 2px;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
        transition: box-shadow 0.3s;
    }

    .card:hover {
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    }

    /* Android-like navbar */
    .navbar {
        border-bottom: 1px solid #e0e0e0;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    }

    .navbar .navbar-brand {
        font-weight: 500;
        text-transform: uppercase;
    }

    /* Android-like footer */
    .footer {
        padding: 1rem;
        background-color: #f5f5f5;
        border-top: 1px solid #e0e0e0;
        box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.1);
    }

    /* Android-like list group */
    .list-group-item {
        border: none;
        border-bottom: 1px solid #e0e0e0;
    }

    .list-group-item:last-child {
        border-bottom: none;
    }

    /* Android-like modal */
    .modal-content {
        border-radius: 2px;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    }

    /* Android-like table */
    .table {
        border-collapse: separate;
        border-spacing: 0 15px;
    }

    .table th {
        border-bottom: 2px solid #e0e0e0;
    }

    .table td {
        border-top: none;
        border-bottom: 1px solid #e0e0e0;
    }


    .flash-message {
        position: fixed;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        padding: 10px 20px;
        border-radius: 5px;
        font-size: 16px;
        z-index: 1000;
        transition: opacity 0.3s ease-in-out;
    }
    
    .success {
        background-color: #4CAF50;
        color: white;
    }
    
    .error {
        background-color: #f44336;
        color: white;
    }