body{
    background: linear-gradient(135deg,#0f2027,#203a43,#2c5364);
    color:#fff;
    font-family: 'Segoe UI', sans-serif;
}

.card{
    border-radius:15px;
    transition:.3s;
    background:#1e2a38;
}

.card:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,.6);
}

.btn{
    border-radius:30px;
}

.table{
    border-radius:10px;
    overflow:hidden;
}

.badge{
    font-size:14px;
}
h1,h2,h3,h4{
    font-weight:600;
}

.card h4{
    margin-bottom:10px;
}

a{
    text-decoration:none;
}

.navbar a{
    margin-left:15px;
}

.btn:hover{
    opacity:0.9;
    transform:scale(1.03);
}
input, select{
    border-radius:10px !important;
    padding:10px;
}

input:focus, select:focus{
    border-color:#00c6ff;
    box-shadow:0 0 5px rgba(0,198,255,.5);
}
.btn-success {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #50db29 !important;
    --bs-btn-border-color: #50db29 !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #50db29 !important;
    --bs-btn-hover-border-color: #50db29 !important;
    --bs-btn-focus-shadow-rgb: 60, 153, 110 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #50db29 !important;
    --bs-btn-active-border-color: #50db29 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: #92d77f !important;
    --bs-btn-disabled-border-color: #50db29 !important;
}