/* =========  DASHBOARD SKIN  ========= */
@import url("../css/unified.css");

.dashboard-main{
  padding:calc(100px + var(--space-xl)) 0 var(--space-3xl); /* room for fixed header */
}

/* ---- Welcome ---- */
.welcome-bar{ margin-bottom:var(--space-xl); }
.welcome-bar h1{ font-size:clamp(1.8rem,4vw,2.5rem); }
.welcome-bar p{ color:var(--text-secondary); }

/* ---- Stats Grid ---- */
.stats-grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:var(--space-lg); margin-bottom:var(--space-3xl);
}
.stat-card{
  background:var(--bg-card); border:1px solid rgba(255,42,42,.1);
  border-radius:var(--border-radius-lg); padding:var(--space-lg);
  display:flex; align-items:center; gap:var(--space-md);
  transition:var(--transition-normal);
}
.stat-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-lg); border-color:var(--primary); }
.stat-card i{ font-size:1.75rem; color:var(--primary); }
.stat-num{ font-size:2rem; font-weight:700; font-family:var(--font-display); line-height:1; }
.stat-label{ font-size:.85rem; color:var(--text-secondary); text-transform:uppercase; letter-spacing:1px; }

/* ---- Two-Column Layout ---- */
.dash-columns{ display:grid; grid-template-columns:2fr 1fr; gap:var(--space-3xl); }
@media (max-width:992px){ .dash-columns{ grid-template-columns:1fr; } }

/* ---- Projects List ---- */
.dash-projects{ background:var(--bg-glass); border:1px solid rgba(255,42,42,.1);
  border-radius:var(--border-radius-lg); padding:var(--space-xl); }
.project-list{ list-style:none; padding:0; margin:0 0 var(--space-md); }
.project-item{
  background:var(--bg-card); border:1px solid rgba(255,42,42,.1);
  border-radius:var(--border-radius); padding:var(--space-md);
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:var(--space-md); transition:var(--transition-fast);
}
.project-item:hover{ border-color:var(--primary); transform:translateX(4px); }
.project-info h5{ margin:0 0 var(--space-xs); font-size:1rem; }
.project-info p{ margin:0; font-size:.85rem; color:var(--text-muted); }
.project-status{ font-size:.75rem; padding:var(--space-xs) var(--space-sm); border-radius:var(--border-radius-sm); text-transform:uppercase; letter-spacing:1px; }
.status-active{ background:rgba(76,175,80,.15); color:var(--success); }
.status-pending{ background:rgba(255,152,0,.15); color:var(--warning); }

/* ---- Side Cards ---- */
.dash-side{ display:flex; flex-direction:column; gap:var(--space-xl); }

.profile-card{
  background:var(--bg-card); border:1px solid rgba(255,42,42,.1);
  border-radius:var(--border-radius-lg); padding:var(--space-xl);
  text-align:center; display:flex; flex-direction:column; align-items:center; gap:var(--space-md);
}
.profile-card img{ width:80px; height:80px; border-radius:50%; object-fit:cover; border:2px solid var(--primary); }
.profile-name{ font-weight:600; font-size:1.1rem; margin:0; }
.profile-role{ font-size:.9rem; color:var(--text-muted); margin:0; }

.activity-card{
  background:var(--bg-card); border:1px solid rgba(255,42,42,.1);
  border-radius:var(--border-radius-lg); padding:var(--space-xl);
}
.activity-card h4{ margin-bottom:var(--space-md); }
.activity-list{ list-style:none; padding:0; margin:0; }
.activity-item{
  display:flex; align-items:flex-start; gap:var(--space-sm);
  padding:var(--space-sm) 0; border-bottom:1px solid rgba(255,42,42,.1);
}
.activity-item:last-child{ border-bottom:none; }
.activity-item i{ color:var(--primary); margin-top:3px; }
.activity-item div{ flex:1; }
.activity-item p{ margin:0; font-size:.9rem; line-height:1.4; }
.activity-time{ font-size:.75rem; color:var(--text-muted); margin-top:var(--space-xs); }

/* ---- Animations ---- */
.animate-on-scroll{ opacity:0; transform:translateY(30px); transition:var(--transition-slow); }
.animate-on-scroll.animate-in{ opacity:1; transform:translateY(0); }