body {
    background-color: #f5f5f5;
    margin: 0 1rem;
}

.card {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border: none;
}

.logo {
    width: 80px;
    margin-bottom: 20px;
}

.table {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.form-control {
    border-radius: 20px;
}

.btn-primary {
    border-radius: 20px;
    padding: 10px 0;
    font-weight: bold;
}

.container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

.numbered {
    counter-reset: section;
}

.numbered>li {
    counter-increment: section;
    list-style-type: none;
}

.numbered>li::before {
    content: counter(section) ". ";
    font-weight: bold;
}

.numbered li ol {
    counter-reset: subsection;
}

.numbered li ol>li {
    counter-increment: subsection;
    list-style-type: none;
}

.numbered li ol>li::before {
    content: counter(section) "." counter(subsection) " ";
    font-weight: bold;
}

.numbered li {
    margin-bottom: 1em;
}

.red {
    color: red;
}

.green {
    color: green;
}

.gray {
    color: gray;
}