/* Shared User Styles - matches user dashboard context */
:root {
  --bg-cream:#FAF8F3;
  --bg-ivory:#FFFBF7;
  --beige-sand:#F5F1E8;
  --peach:#FFE5D0;
  --sage-green:#A8B5A8;
  --olive-green:#8B9B7E;
  --charcoal:#2D2D2D;
  --light-gray:#9CA3AF;
  --card-radius:16px;
  --max-width:1200px;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Segoe UI',system-ui,sans-serif;color:var(--charcoal);background:linear-gradient(135deg,var(--bg-cream) 0%,var(--bg-ivory) 100%);min-height:100vh;}
.container{width:100%;max-width:var(--max-width);padding:20px;margin:0 auto;}
a{color:inherit;text-decoration:none;}

/* Topbar & Avatar Menu */
.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;height:70px;background:rgba(255,251,247,0.95);backdrop-filter:blur(10px);position:sticky;top:0;z-index:50;border-radius:16px;box-shadow:0 2px 12px rgba(45,45,45,0.08);border:1px solid rgba(168,181,168,0.15);}
.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:20px;color:var(--charcoal);}
.menu-actions{display:flex;align-items:center;gap:16px;position:relative;}
.avatar{width:44px;height:44px;border-radius:12px;overflow:hidden;border:2px solid var(--sage-green);cursor:pointer;transition:all 0.2s ease;position:relative;}
.avatar:hover{border-color:var(--olive-green);transform:scale(1.05);}
.avatar img{width:100%;height:100%;object-fit:cover;}
.avatar .renewal-badge{position:absolute;top:-6px;right:-6px;background:#E67E22;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border:2px solid #FFFBF7;box-shadow:0 2px 6px rgba(0,0,0,0.2);}
.avatar-dropdown{display:none;position:absolute;right:0;top:60px;width:200px;background:#FFFBF7;border-radius:12px;box-shadow:0 8px 24px rgba(45,45,45,0.15);padding:8px;z-index:1000;border:1px solid rgba(168,181,168,0.2);}
.avatar-dropdown.show{display:block;}
.avatar-dropdown a{display:flex;align-items:center;gap:10px;padding:12px 14px;color:var(--charcoal);font-size:15px;font-weight:500;border-radius:10px;transition:all 0.2s ease;}
.avatar-dropdown a:hover{background:var(--peach);} 
.avatar-dropdown a i{font-size:18px;color:var(--sage-green);} 

/* Buttons */
.btn-primary{background:linear-gradient(135deg,var(--olive-green) 0%,var(--sage-green) 100%);color:#fff;padding:12px 20px;border-radius:12px;border:none;font-weight:600;cursor:pointer;font-size:15px;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(139,155,126,0.3);} 
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(139,155,126,0.4);} 
.btn-outline{background:transparent;border:2px solid var(--sage-green);padding:10px 18px;border-radius:12px;color:var(--charcoal);cursor:pointer;font-size:15px;font-weight:600;transition:all 0.2s ease;} 
.btn-outline:hover{background:var(--sage-green);color:#fff;} 

/* Cards & Grids */
.card{border-radius:var(--card-radius);padding:16px;background:#FFFBF7;border:1px solid rgba(168,181,168,0.15);box-shadow:0 4px 16px rgba(45,45,45,0.06);transition:all 0.3s ease;} 
.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(45,45,45,0.12);} 
.card img.thumb{width:100%;height:160px;object-fit:cover;border-radius:12px;margin-bottom:12px;} 
.program-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;} 

/* Status Pills & Badges */
.status-pill{padding:8px 14px;border-radius:20px;font-weight:600;background:var(--peach);color:var(--charcoal);font-size:13px;} 
.status-badge{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;display:inline-flex;align-items:center;gap:6px;} 
.status-badge.pending{background:rgba(255,184,77,0.15);color:#D97706;border:2px solid rgba(255,184,77,0.3);} 
.status-badge.review{background:rgba(96,165,250,0.15);color:#2563EB;border:2px solid rgba(96,165,250,0.3);} 
.status-badge.approved{background:rgba(168,181,168,0.15);color:var(--olive-green);border:2px solid rgba(168,181,168,0.3);} 
.status-badge.rejected{background:rgba(248,113,113,0.15);color:#DC2626;border:2px solid rgba(248,113,113,0.3);} 

/* Sections */
.page-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:20px 24px;border-radius:var(--card-radius);background:linear-gradient(135deg,var(--beige-sand) 0%,var(--bg-ivory) 100%);border:1px solid rgba(168,181,168,0.2);box-shadow:0 4px 16px rgba(45,45,45,0.06);} 
.page-header h1{font-size:28px;color:var(--charcoal);font-weight:700;display:flex;align-items:center;gap:12px;} 
.page-header h1 i{color:var(--sage-green);} 
.page-header p{color:var(--light-gray);font-size:15px;margin-top:6px;} 

/* Responsive */
@media (max-width:768px){
  .program-grid{grid-template-columns:1fr;}
}