:root {
  --font-primary: "HK Grotesk", "hkgrotesk", sans-serif;
  --font-secondary: "Poppins", sans-serif;
  --acad-sphere-primary: #03A141;
  --acad-sphere-secondary: #FC0F18;
  --acad-sphere-accent: #FFCA00;
  --acad-sphere-dark: #333333;
  --acad-sphere-light: #f8f9fa;
  --acad-sphere-background: #f3f3f9;
  --acad-sphere-white: #FFFFFF;
}

.custom-navbar { position: sticky; top: 0; z-index: 1030; background-color: white; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
header { position: sticky; top: 0; z-index: 1030; background-color: white; }
.custom-navbar .nav-link { color: var(--acad-sphere-dark) !important; font-weight: 500; }
.custom-navbar .nav-link:hover { color: var(--acad-sphere-primary) !important; }

html { font-size: 14px; position: relative; min-height: 100%; }
@media (min-width: 768px) { html { font-size: 16px; } }
body { font-family: var(--font-primary); display: flex; flex-direction: column; min-height: 100vh; margin: 0; padding: 0; background-color: var(--acad-sphere-background); }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-secondary); }
main { flex: 1; }
footer { margin-top: auto; }

.form-control { border: 1.5px solid #000 !important; border-radius: 2px; }
.form-control:focus { border-color: var(--acad-sphere-primary); box-shadow: 0 0 0 0.15rem rgba(3, 161, 65, 0.15); }
.btn-primary { background-color: var(--acad-sphere-primary); border-color: var(--acad-sphere-primary); color: white; }
.btn-primary:hover { background-color: #028A35; border-color: #028A35; color: white; }
.btn-danger { background-color: var(--acad-sphere-secondary); border-color: var(--acad-sphere-secondary); color: white; }
.btn-danger:hover { background-color: #E00E17; border-color: #E00E17; color: white; }

.login-container { background: var(--acad-sphere-white); border-radius: 10px; box-shadow: 0 10px 40px rgba(0,0,0,0.2); padding: 40px; max-width: 400px; width: 100%; }
.login-header { text-align: center; margin-bottom: 30px; }
.login-header h2 { color: var(--acad-sphere-primary); font-weight: 600; }
.btn-login { background-color: var(--acad-sphere-primary); border: none; width: 100%; padding: 12px; font-weight: 600; border-radius: 5px; color: var(--acad-sphere-white); }
.btn-login:hover { background-color: #028A35; color: var(--acad-sphere-white); }

.navbar .nav-link img,
.navbar form button.nav-link img { margin-right: 0.5rem; transition: filter 0.3s ease; }
.navbar .nav-link:hover img,
.navbar .nav-link.active img,
.navbar form button.nav-link:hover img,
.navbar form button.nav-link.active img { filter: brightness(0) saturate(100%) invert(100%); }

.status-card { background-color: white; border: 2px solid #000; border-radius: 3px; padding: 1.5rem; transition: all 0.3s ease; height: 100%; }
.status-card:hover { border-color: var(--acad-sphere-primary); transform: translateY(-2px); }