/* Use the modern 'Inter' font */
html {
    font-size: 14px;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: #f8f9fa; /* A slightly off-white background */
}

/* Card styling for that "billion dollar" feel */
.card {
    border: none; /* Remove default border */
    border-radius: 0.75rem; /* Softer corners */
    transition: all 0.2s ease-in-out;
}

    .card .card-body {
        padding: 2rem;
    }

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
}

/* Nicer looking form controls */
.form-control, .form-select {
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
}

.form-floating > .form-control,
.form-floating > .form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25;
}

.form-floating > label {
    padding: 1rem 1rem;
}


/* Table styling */
.table {
    border-collapse: separate;
    border-spacing: 0;
}

    .table thead th {
        border-bottom-width: 1px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-size: 0.75rem;
        color: #6c757d;
    }

    .table tbody tr:last-child td {
        border-bottom: none;
    }

.table-hover tbody tr:hover {
    background-color: #f8f9fa;
    box-shadow: 0 0 15px rgba(0,0,0,0.05);
    transform: scale(1.01);
    transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
    z-index: 10;
    position: relative;
}

/* Button styling */
.btn {
    border-radius: 0.5rem;
    font-weight: 600;
}

.btn-lg {
    padding: 0.75rem 1.5rem;
}