:root{
  --brand-navy:#0f2e4d;
  --brand-teal:#2ec4b6;
  --brand-surface:#f1f5f9;
  --bs-primary:var(--brand-navy);
  --bs-primary-rgb:15,46,77;
  --bs-info:var(--brand-teal);
  --bs-info-rgb:46,196,182;
  --bs-link-color:var(--brand-navy);
}
body{
  background:var(--brand-surface);
}
body a{color:var(--bs-link-color)}
.navbar-brand .brand-logo{height:32px}
@media (max-width:576px){.navbar-brand .brand-logo{height:28px}}
.navbar-brand .brand-logo{height:64px}
@media (max-width:576px){.navbar-brand .brand-logo{height:56px}}
.navbar-modern .navbar-brand{
  background:#ffffff;
  border-radius:9999px;
  padding:6px 18px;
  box-shadow:0 2px 6px rgba(15,23,42,.35);
}
.text-teal{color:var(--brand-teal)!important}
.text-gold{color:#fde047!important;text-shadow:0 0 4px rgba(250,204,21,.9),0 0 8px rgba(250,204,21,.75)}
.navbar-modern .navbar-brand .brand-text .fw-bold{
  color:var(--brand-navy)!important;
  text-shadow:0 0 2px rgba(15,23,42,.25);
  font-size:1.8rem;
}
.navbar-modern .navbar-brand .brand-text small{
  color:var(--brand-teal)!important;
}
@media (max-width:576px){
  .navbar-modern .navbar-brand .brand-text .fw-bold{font-size:1.3rem}
  .navbar-modern .navbar-brand .brand-text small{font-size:.75rem;display:block}
}
body.dark{background:#020617;color:#e0e0e0}
body.dark .navbar{background:#1f1f1f!important}
.card{
  border-radius:18px;
  border:0;
  box-shadow:0 6px 18px rgba(15,23,42,.12);
}
.card .card-header{
  border-bottom:0;
  font-weight:600;
}
.btn-primary{
  border-radius:9999px;
  box-shadow:0 4px 12px rgba(15,23,42,.25);
}
.btn-primary:active{
  box-shadow:0 2px 6px rgba(15,23,42,.35);
}
.form-control,.form-select{
  border-radius:9999px;
}
.table-responsive{overflow-x:auto}
.badge-status{font-size:.75rem}
.form-floating>.form-control:focus~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
.toast-container{position:fixed;top:1rem;right:1rem;z-index:1080}
@media (max-width:576px){.dt-search,.dt-length{display:none}}
.navbar-modern{border-top:3px solid var(--brand-teal);border-bottom:1px solid #e9ecef;background:linear-gradient(90deg,#0f2e4d,#1b3a73,#2ec4b6)}
.navbar-modern .navbar-nav{flex:0 0 auto}
@media (min-width:768px){
  .navbar-modern .navbar-nav .nav-item{
    flex:0 0 130px;
  }
  .navbar-modern .navbar-nav .nav-item .nav-link{
    display:block;
    text-align:center;
    width:100%;
  }
}
.navbar-modern .nav-link{
  color:#111827;
  padding:.36rem .9rem;
  border-radius:9999px;
  border:0;
  background:linear-gradient(145deg,#e5e7eb,#ffffff);
  box-shadow:0 6px 18px rgba(15,23,42,.18);
  transition:background .25s,color .25s,box-shadow .25s,transform .25s;
  font-size:.9rem;
  font-weight:600;
}
.navbar-modern .navbar-nav .nav-item .nav-link{
  background:linear-gradient(145deg,#e5e7eb,#ffffff);
}
.navbar-modern .nav-link:hover,.navbar-modern .nav-link:focus{
  box-shadow:0 10px 24px rgba(15,23,42,.25);
  transform:translateY(-2px) scale(1.02);
  animation:navGlow .45s ease-out forwards;
  color:#111827;
}
.navbar-modern .nav-link:active{
  box-shadow:0 3px 10px rgba(15,23,42,.3);
}
.navbar-modern .nav-link.active{
  background:linear-gradient(145deg,#d1d5db,#ffffff);
  color:#111827;
}
.navbar-modern .navbar-brand .brand-text .text-primary{color:#ffffff!important}
.navbar-modern .btn,.navbar-modern .form-select{border-radius:9999px}
.navbar-modern .btn.btn-primary{
  color:#111827;
  background:linear-gradient(145deg,#e5e7eb,#ffffff);
  border:0;
  box-shadow:0 6px 18px rgba(15,23,42,.18);
  transition:background .25s,color .25s,box-shadow .25s,transform .25s;
  padding:.36rem .9rem;
  font-size:.9rem;
}
.navbar-modern .btn.btn-primary:hover,
.navbar-modern .btn.btn-primary:focus{
  box-shadow:0 10px 24px rgba(15,23,42,.25);
  transform:translateY(-2px) scale(1.02);
  animation:navGlow .45s ease-out forwards;
  color:#111827;
}
.navbar-modern .btn-outline-primary{--bs-btn-color:#0f2e4d;--bs-btn-border-color:#0f2e4d;--bs-btn-hover-bg:#0f2e4d;--bs-btn-hover-border-color:#0f2e4d}
body.dark .navbar-modern{border-top-color:var(--brand-teal);border-bottom-color:#2b2b2b}
body.dark .navbar-modern{background:linear-gradient(90deg,#020617,#0f172a,#134e4a)}
body.dark .navbar-modern .nav-link{
  color:#e5e7eb;
  background:linear-gradient(145deg,#4c1d95,#1d4ed8);
  box-shadow:0 6px 18px rgba(0,0,0,.8);
}
body.dark .navbar-modern .nav-link:hover{
  box-shadow:0 14px 28px rgba(0,0,0,.95);
  transform:translateY(-2px) scale(1.02);
  animation:navGlow .45s ease-out forwards;
  color:#f9fafb;
}
body.dark .navbar-modern .nav-link.active{
  background:linear-gradient(145deg,#7c3aed,#2563eb);
  color:#ecfdf5;
}
@keyframes navGlow{
  0%{box-shadow:0 6px 18px rgba(15,23,42,.2);}
  60%{box-shadow:0 18px 32px rgba(15,23,42,.4);}
  100%{box-shadow:0 10px 24px rgba(15,23,42,.25);}
}
body.dark .navbar-modern .btn-outline-primary{--bs-btn-color:#e5e7eb;--bs-btn-border-color:#e5e7eb;--bs-btn-hover-bg:#e5e7eb;--bs-btn-hover-border-color:#e5e7eb;--bs-btn-hover-color:#1f2937}
.mobile-bottom-nav{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:1030;
  display:flex;
  justify-content:space-around;
  border-top:1px solid rgba(148,163,184,.4);
  background:linear-gradient(90deg,#0f172a,#020617);
  backdrop-filter:blur(10px);
}
.mobile-bottom-nav .mobile-nav-item{
  flex:1;
  padding:.35rem 0 .4rem;
  text-align:center;
  text-decoration:none;
  color:#e5e7eb;
  font-size:.7rem;
}
.mobile-bottom-nav .mobile-nav-item i{
  display:block;
  font-size:1.1rem;
  margin-bottom:.1rem;
}
.mobile-bottom-nav .mobile-nav-item.active{
  color:#facc15;
}
.hero-clock-time{
  font-variant-numeric:tabular-nums;
  letter-spacing:.03em;
  animation:heroClockPulse 1s ease-in-out infinite;
}
@keyframes heroClockPulse{
  0%{transform:translateY(0);opacity:1;}
  50%{transform:translateY(-1px);opacity:.85;}
  100%{transform:translateY(0);opacity:1;}
}
@media (max-width:767.98px){
  body{padding-bottom:52px}
}