body { background: #f7f8fa; }
.table th { white-space: nowrap; }
.card-stat { border: 0; box-shadow: 0 0.3rem 1rem rgba(0,0,0,.08); }
.form-label { font-weight: 600; }
.hero { background: linear-gradient(135deg, #198754, #0d6efd); color: white; }
.search-card{
    background:#ffffff;
    border-radius:22px;
    box-shadow:0 12px 32px rgba(0,0,0,.08);
    overflow:hidden;
    border:1px solid #dfe9e3;
    margin-bottom:26px;
}

.search-head{
    background:linear-gradient(135deg,#0f6b3c 0%, #0a4f2c 100%);
    color:#fff;
    padding:22px 24px;
    border-bottom:4px solid #f4c542;
}

.search-head h4{
    margin:0;
    font-size:30px;
    font-weight:900;
    letter-spacing:.2px;
}

.search-head p{
    margin:8px 0 0;
    font-size:15px;
    opacity:.96;
}

.search-body{
    padding:24px;
    background:linear-gradient(180deg,#ffffff 0%, #f7fbf8 100%);
}

.search-highlight{
    display:inline-block;
    background:#c82333;
    color:#fff;
    font-size:14px;
    font-weight:900;
    padding:8px 14px;
    border-radius:999px;
    margin-bottom:12px;
    box-shadow:0 6px 14px rgba(200,35,51,.22);
}

.filter-group{
    background:#fff;
    border:1px solid #e4ece7;
    border-radius:18px;
    padding:18px;
    margin-bottom:18px;
    box-shadow:0 4px 14px rgba(0,0,0,.04);
}

.filter-group-title{
    margin:0 0 16px;
    font-size:18px;
    font-weight:900;
    color:#0f5d36;
    border-left:5px solid #198754;
    padding-left:10px;
    line-height:1.2;
}

.form-label{
    font-weight:800;
    color:#173826;
    margin-bottom:7px;
    font-size:15px;
}

.form-control,
.form-select{
    min-height:50px;
    border-radius:14px;
    border:1px solid #cfdad4;
    font-size:15px;
    background:#fff;
}

.form-control:focus,
.form-select:focus{
    border-color:#198754;
    box-shadow:0 0 0 .2rem rgba(25,135,84,.12);
}

.action-box{
    background:#f1f7f3;
    border:1px dashed #b7d3c0;
    border-radius:16px;
    padding:16px;
    margin-top:4px;
}

.btn-search{
    background:linear-gradient(135deg,#0f6b3c 0%, #0a4f2c 100%);
    color:#fff;
    font-weight:900;
    border:none;
    min-height:50px;
    border-radius:14px;
    padding:0 28px;
    box-shadow:0 8px 18px rgba(13,110,60,.18);
}

.btn-search:hover{
    background:linear-gradient(135deg,#0d5d35 0%, #084526 100%);
    color:#fff;
}

.btn-reset{
    background:#6c757d;
    color:#fff;
    font-weight:900;
    border:none;
    min-height:50px;
    border-radius:14px;
    padding:0 24px;
}

.btn-reset:hover{
    background:#5c636a;
    color:#fff;
}

.search-note{
    font-size:14px;
    color:#556b60;
    margin-top:10px;
    font-weight:600;
}

@media (max-width: 768px){
    .search-head h4{
        font-size:24px;
    }
    .filter-group-title{
        font-size:16px;
    }
}