/* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&display=swap');

:root{

--primary:#0f766e;
--secondary:#14b8a6;

--success:#22c55e;
--warning:#f59e0b;
--danger:#ef4444;

--dark:#0f172a;

--bg:#f8fafc;
--card:#ffffff;

}

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Hind Siliguri',sans-serif;
}

body{
background:var(--bg);
color:var(--dark);
}

/* Header */

.page-title{
font-size:28px;
font-weight:700;
}

.page-subtitle{
color:#64748b;
}

/* Cards */

.dashboard-card{
border:none;
border-radius:22px;
overflow:hidden;
color:#fff;
box-shadow:0 10px 25px rgba(0,0,0,.08);
transition:.3s;
}

.dashboard-card:hover{
transform:translateY(-4px);
}

.dashboard-card .card-body{
padding:22px;
}

.dashboard-card h6{
font-size:15px;
opacity:.9;
}

.dashboard-amount{
font-size:32px;
font-weight:700;
margin-top:8px;
}

/* Card Colors */

.fund-card{
background:linear-gradient(
135deg,
#16a34a,
#4ade80
);
}

.donation-card{
background:linear-gradient(
135deg,
#f59e0b,
#fbbf24
);
}

.balance-card{
background:linear-gradient(
135deg,
#dc2626,
#fb7185
);
}

.report-card{
background:linear-gradient(
135deg,
#2563eb,
#60a5fa
);
}

/* Buttons */

.btn-main{
background:var(--primary);
border:none;
color:white;
border-radius:12px;
padding:10px 18px;
}

.btn-main:hover{
background:#115e59;
color:white;
}

.btn-soft{
border-radius:12px;
}

/* Table */

.card-box{
background:#fff;
border:none;
border-radius:20px;
box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.table th{
font-weight:600;
}

/* Mobile Bottom Navigation */

.bottom-nav{

position:fixed;

bottom:0;
left:0;

width:100%;

background:white;

padding:12px 0;

display:flex;

justify-content:space-around;

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

z-index:999;
}

.bottom-nav a{

text-decoration:none;

font-size:22px;

color:#334155;
}

/* Floating Button */

.float-btn{

position:fixed;

right:20px;
bottom:80px;

width:60px;
height:60px;

border-radius:50%;

display:flex;

align-items:center;
justify-content:center;

font-size:30px;

text-decoration:none;

background:var(--primary);

color:white;

box-shadow:0 10px 20px rgba(0,0,0,.2);

}

/* Responsive */

@media(min-width:992px){

.bottom-nav{
display:none;
}

.float-btn{
display:none;
}

}


.pagination .page-link{
    border-radius:10px;
    margin:0 2px;
}

.pagination .active .page-link{
    font-weight:bold;
}