/* =====================================================
   STATISTICS SECTION
===================================================== */

.stats-dashboard{
    position:relative;
    margin-top:-90px;
    z-index:10;
}

.stat-card{
    background:white;
    padding:35px;
    border-radius:12px;
    box-shadow:0 10px 30px rgba(0,0,0,0.15);
    transition:all .3s ease;
    animation:fadeUp 0.8s ease;
}

.stat-card:hover{
    transform:translateY(-6px);
}

.stat-card h2{
    font-size:46px;
    font-weight:700;
    margin-bottom:5px;
}

.icon-circle{
    width:70px;
    height:70px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    margin-bottom:15px;
    font-size:28px;
    color:white;
    animation:pulse 3s infinite;
}

/* =====================================================
   GENERAL CARD COMPONENT
===================================================== */

.info-card{
    background:white;
    padding:30px;
    border-radius:12px;
    box-shadow:0 6px 18px rgba(0,0,0,0.08);
    transition:all .3s ease;
    height:100%;
}

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

.info-card h5{
    font-weight:600;
    margin-bottom:15px;
}


/* =====================================================
   CARD VARIANTS
===================================================== */

.help-card{
    border-top:4px solid #17a2b8;
}

.links-card{
    border-top:4px solid #2f3e52;
}

.downloads-card{
    border-top:4px solid #218838;
}

.help-card h5{
    color:#17a2b8;
}

.links-card h5{
    color:#2f3e52;
}

.downloads-card h5{
    color:#218838;
}

/* glow hover */

.help-card:hover{
    box-shadow:0 10px 30px rgba(23,162,184,0.35);
}

.links-card:hover{
    box-shadow:0 10px 30px rgba(52,73,94,0.35);
}

.downloads-card:hover{
    box-shadow:0 10px 30px rgba(40,167,69,0.35);
}

.info-card:hover h5 i{
    transform:scale(1.2);
    transition:0.3s;
}


/* =====================================================
   LINK LISTS
===================================================== */

.info-links{
    list-style:none;
    padding:0;
    margin:0;
}

.info-links li{
    border-bottom:1px solid #f1f1f1;
    padding:6px 0;
}

.info-links a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:6px 0;

    text-decoration:none;
    color:#0d6efd;
    transition:0.2s;
}

.info-links a:hover{
    color:#c40000;
    transform:translateX(4px);
}

.info-links i{
    font-size:20px;
    margin-right:8px;
}

.profile-card{
max-width:320px;
margin:auto;
}

.profile-img-wrapper{
width:140px;
height:140px;
margin:auto;
border-radius:50%;
padding:5px;
background:#f1f1f1;
box-shadow:0 3px 10px rgba(0,0,0,0.15);
}

.profile-img{
width:100%;
height:100%;
object-fit:cover;
border-radius:50%;
border:4px solid white;
}
.profile-img-sm{
width:60px;
height:60px;
object-fit:cover;
}

.card{
border-radius:12px;
}

.card-header{
font-weight:600;
}


/* Compose Panel 
.compose-panel {
  position: fixed;
  top: 0;
  right: -400px;
  width: 400px;
  height: 100%;
  background: #fff;
  box-shadow: -2px 0 10px rgba(0,0,0,0.1);
  transition: 0.3s;
  z-index: 1050;
  display: flex;
  flex-direction: column;
}

.compose-panel.open { right: 0; }

.compose-header {
  padding: 15px;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
}

.compose-body {
  padding: 15px;
  overflow-y: auto;
}*/

.card-dashboard {
    border-radius: 12px;
    
     cursor: pointer;
    transition: 0.2s;
}
.card-dashboard:hover {
    transform: translateY(-4px);
}
.card-dashboard.active {
    border: 2px solid #ffc107;
}
.emp-row {
    transition: 0.2s;
}
.emp-row:hover {
    background: #f8f9fa;
}
.emp-row.active {
    background: #0d6efd;
    color: white;
}

.section-title {
    font-weight: 600;
    color: #dc3545;
    margin-top: 20px;
    margin-bottom: 8px;
    border-left: 4px solid #dc3545;
    padding-left: 10px;
}
.form-actions {
    position: sticky;
    bottom: 10px;
}