.countries-page{

    padding:25px;

}

.countries-card{

    background:#FFFFFF;

    border-radius:18px;

    overflow:hidden;

    border:1px solid #E5E7EB;

    box-shadow:0 2px 12px rgba(15,118,110,0.06);

}

.countries-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:22px 28px;

}

.title{

    display:flex;

    align-items:center;

    gap:12px;

}

.number{

    width:34px;

    height:34px;

    background:#D1FAE5;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#0F766E;

    font-weight:600;

}

.title h2{

    color:#1F2937;

    font-size:24px;

}

.header-right{

    display:flex;

    gap:15px;

}

.search-box{

    position:relative;

}

.search-box i{

    position:absolute;

    left:15px;

    top:14px;

    color:#9CA3AF;

}

.search-box input{

    width:270px;

    background:#F5F7F4;

    border:1px solid #E5E7EB;

    border-radius:12px;

    color:#1F2937;

    padding:12px 15px 12px 42px;

    font-family:'Plus Jakarta Sans',sans-serif;

}

.search-box input::placeholder{
    color:#9CA3AF;
}

.search-box input:focus{
    outline:none;
    border-color:#0F766E;
    box-shadow:0 0 0 3px rgba(15,118,110,0.10);
}

.filter-btn{

    background:#0F766E;

    color:white;

    border:none;

    padding:12px 24px;

    border-radius:12px;

    font-family:'Plus Jakarta Sans',sans-serif;
    font-weight:600;
    transition:.2s;
}

.filter-btn:hover{
    background:#065F46;
}

.countries-table{

    width:100%;

    border-collapse:collapse;

}

.countries-table thead{

    background:#F0FDF4;

}

.countries-table th{

    color:#6B7280;

    font-size:12px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:0.05em;

    padding:18px;

    text-align:left;

}

.countries-table td{

    padding:18px;

    border-top:1px solid #E5E7EB;

    color:#374151;

}

.countries-table tr:hover{

    background:#F0FDF4;

}

.badge{

    padding:6px 14px;

    border-radius:20px;

    font-size:13px;

}

.low{

    background:rgba(22,163,74,0.10);

    color:#16A34A;

    border:1px solid rgba(22,163,74,0.20);

}

.view-btn{

    display:inline-block;

    padding:8px 18px;

    background:linear-gradient(135deg,#0F766E,#065F46);

    color:white;

    border-radius:10px;

    text-decoration:none;

    font-weight:600;

    font-size:13px;

    transition:.2s;

}

.view-btn:hover{
    opacity:0.9;
    color:white;
}

.pagination-box{

    padding:25px;

    display:flex;

    justify-content:center;

}
.country-cell{

    display:flex;

    align-items:center;

    gap:12px;

}

.country-flag{

    width:26px;

    height:18px;

    object-fit:cover;

    border-radius:3px;

    box-shadow:0 0 4px rgba(0,0,0,.15);

}