* {
   font-family: 'Inter', system-ui, -apple-system, sans-serif;
 }

 body {
   background-color: #f8fafc;
 }

 /* custom card styles */
 .stat-card {
   background: white;
   border: 1px solid #e2e8f0;
   border-radius: 1rem;
   padding: 1.5rem;
   transition: box-shadow 0.2s;
 }

 .stat-card:hover {
   box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
 }

 .icon-gradient-blue {
   background: linear-gradient(135deg, #2563eb, #1d4ed8);
 }

 .icon-gradient-purple {
   background: linear-gradient(135deg, #9333ea, #7e22ce);
 }

 .icon-gradient-green {
   background: linear-gradient(135deg, #22c55e, #16a34a);
 }

 .icon-gradient-orange {
   background: linear-gradient(135deg, #f97316, #ea580c);
 }

 .project-card {
   background: white;
   border-bottom: 1px solid #e2e8f0;
   padding: 1.5rem;
   transition: background 0.1s;
   text-decoration: none;
   display: block;
   color: inherit;
 }

 .project-card:hover {
   background: #f8fafc;
 }

 .progress-bar-custom {
   height: 0.5rem;
   background: #e2e8f0;
   border-radius: 999px;
   overflow: hidden;
 }

 .progress-fill {
   background: linear-gradient(90deg, #2563eb, #9333ea);
   height: 100%;
   border-radius: 999px;
 }

 .team-avatar {
   width: 2rem;
   height: 2rem;
   border-radius: 50%;
   background: linear-gradient(145deg, #2563eb, #9333ea);
   color: white;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 0.7rem;
   font-weight: 600;
   border: 2px solid white;
   margin-left: -0.4rem;
 }

 .team-avatar:first-child {
   margin-left: 0;
 }

 .badge-on-track {
   background: #dcfce7;
   color: #166534;
 }

 .badge-at-risk {
   background: #fff3cd;
   color: #997404;
 }

 .recommendation-card {
   background: linear-gradient(145deg, #f8fafc, #eff6ff);
   border: 1px solid #e2e8f0;
   border-radius: 0.75rem;
   padding: 1rem;
 }

 .activity-icon {
   width: 2rem;
   height: 2rem;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .bg-green-soft {
   background: #dcfce7;
   color: #166534;
 }

 .bg-blue-soft {
   background: #dbeafe;
   color: #1e40af;
 }

 .bg-purple-soft {
   background: #f3e8ff;
   color: #6b21a8;
 }

 .bg-orange-soft {
   background: #ffedd5;
   color: #9a3412;
 }

 .deadline-item {
   border-radius: 0.5rem;
   padding: 0.75rem;
 }

 .deadline-urgent {
   background: #fee2e2;
   border: 1px solid #fecaca;
 }

 .deadline-normal {
   background: #f8fafc;
   border: 1px solid #e2e8f0;
 }

 .quick-action-card {
   background: linear-gradient(145deg, #2563eb, #9333ea);
   border-radius: 1rem;
   padding: 1.5rem;
   color: white;
 }

 /* navbar custom (matching previous request) */
 .profile-circle {
   width: 40px;
   height: 40px; 
   background: #2563eb;
   color: white;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 600;
   font-size: 1rem;
   cursor: default;
 }

@media (max-width: 991.98px) {
    .nav-link {
        padding: 10px 0;
        margin-top: 10px ;
        border-bottom: 1px solid #f8f9fa;
        text-align: end;
    }
}