/* === Colors from Screenshot === */
:root {
    --sidebar-bg: #FFFFFF;
    --text-normal: #6B6B6B;
    --icon-normal: #8A8A8A;
    --hover-bg: rgba(99,102,241,0.06);
    --hover-text: #2B2B2B;
    --hover-icon: #6B6BF0;
    --section-title: #A6A6A6;
    --divider: #F0F0F0;
    --brand-text: #1E1E1E;
    --meta-text: #9A9A9A;
}

/* Your existing CSS */
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.1.0/sweetalert2.min.css');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");

body {
    background-color: whitesmoke;
    font-family: 'Poppins', sans-serif !important;
}

.container {
    max-width: 1140px;
}

.btn-default {
    background-color: #1b6ec2;
    color: white;
}

.btn-default:hover {
    background-color: dodgerblue;
    color: whitesmoke;
}

.key-sensi {
    filter: blur(3px);
}