/* =========================================
   ADMIN DASHBOARD PREMIUM CSS
   ========================================= */

body {
   background-color: #f7f9fc;
}

.admin-dashboard {
   padding: 4rem 2rem;
   min-height: calc(100vh - 70px);
}

.admin-dashboard__container {
   max-width: var(--max-w);
   margin: 0 auto;
}

.admin-dashboard__header {
   margin-bottom: 3rem;
}

.admin-dashboard__header h1 {
   font-family: var(--font-heading);
   font-size: 2.2rem;
   color: var(--color-primary);
   margin-bottom: 0.5rem;
}

.admin-dashboard__header p {
   color: #6b7280;
   font-size: 1.05rem;
}

.admin-dashboard__grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
   gap: 2rem;
}

.admin-dashboard__card {
   background: var(--color-white);
   border-radius: 16px;
   padding: 2rem;
   display: flex;
   align-items: flex-start;
   gap: 1.5rem;
   text-decoration: none;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   border: 1px solid rgba(0,0,0,0.02);
   position: relative;
   overflow: hidden;
}

.admin-dashboard__card::before {
   content: '';
   position: absolute;
   top: 0; left: 0; width: 4px; height: 100%;
   background: var(--color-gold);
   transform: scaleY(0);
   transition: transform 0.3s ease;
   transform-origin: top;
}

.admin-dashboard__card:hover {
   transform: translateY(-5px);
   box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}

.admin-dashboard__card:hover::before {
   transform: scaleY(1);
}

.card-icon {
   width: 55px; height: 55px;
   background: rgba(196, 161, 99, 0.1);
   border-radius: 12px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
}

.card-icon svg {
   width: 24px; height: 24px;
   fill: var(--color-gold);
}

.card-content h3 {
   color: var(--color-primary);
   font-size: 1.25rem;
   margin-bottom: 0.5rem;
   font-family: var(--font-heading);
}

.card-content p {
   color: #6b7280;
   font-size: 0.95rem;
   line-height: 1.5;
}