@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap');
html{box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit;margin:0;padding:0}

body{
    margin:0;
    min-width:320px;
    font-family:'Nunito',sans-serif;
    line-height:1.4;
    color:#212529;
    font-weight:600;
    overflow-x:hidden;
    background:#fff;
}

.table-gray th,
.table-gray td{background:#ecf0f1!important;color:#2c3e50!important;border-color:#dee2e6!important}
.table-gray th{font-weight:700}
.table-gray>:not(caption)>*>*{background:#f8f9fa}

header.navbar{
    position:fixed;
    top:0;left:0;right:0;
    height:56px;
    z-index:1050;
}

#content-wrapper{
    margin-top:56px;
    margin-left:0;
    padding:0 1rem 1rem;
    transition:margin-left .3s ease-in-out;
}
body.sidebar-open #content-wrapper{margin-left:250px}

.btn-accent{--bs-btn-color:#2c3e50;--bs-btn-border-color:#2c3e50;--bs-btn-hover-color:#fff;
    --bs-btn-hover-bg:#2c3e50;--bs-btn-hover-border-color:#8c8c8c;--bs-btn-active-bg:#2c3e50;
    --bs-btn-active-border-color:#2c3e50;--bs-btn-focus-shadow-rgb:255,184,77}

input:focus,textarea:focus,select:focus,button:focus,
.form-control:focus,.form-select:focus,.btn:focus,.form-check-input:focus{
    outline:none!important;box-shadow:none!important;border-color:#8c8c8c!important
}
input::-webkit-focus-ring-color,select::-webkit-focus-ring-color,
textarea::-webkit-focus-ring-color,button::-webkit-focus-ring-color{outline:none}
input::placeholder,textarea::placeholder{color:#8c8c8c;opacity:1}
input[type="checkbox"],input[type="radio"],input[type="range"]{accent-color:#8c8c8c}
select option:checked,select option:hover{background:#8c8c8c;color:#fff}

.navbar {
    min-height: 64px;
}

.display-3 {
    letter-spacing: 0.1em;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
}

@media (max-width: 768px) {
    .display-3 {
        font-size: 2rem;
    }
}