/* =========================================================
   GLOW UI V5
   Home visual redesign only.
   Sidebar navigation removed; Quick Links remain the
   navigation entry points. Existing JS/API functionality
   is preserved.
   ========================================================= */

:root{
  --g-bg:#f4f8f7;
  --g-card:rgba(255,255,255,.92);
  --g-line:rgba(20,110,83,.12);
  --g-green:#0f8b68;
  --g-green2:#22b889;
  --g-dark:#142235;
  --g-muted:#738195;
}

/* Remove left navigation: Quick Links are the navigation */
.app-shell{
  display:block!important;
  min-height:calc(100vh - 58px)!important;
}

.sidebar{
  display:none!important;
}

.brand-mobile,
.mobile-menu{
  display:none!important;
}

.content{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:32px 42px 48px!important;
  background:
    radial-gradient(650px 300px at 8% 0%,rgba(34,184,137,.12),transparent 65%),
    radial-gradient(700px 360px at 92% 6%,rgba(89,124,255,.07),transparent 68%),
    linear-gradient(135deg,#f7faf9 0%,#f3f7fb 100%)!important;
}

/* Topbar glow */
.topbar{
  height:58px!important;
  background:linear-gradient(105deg,#123c62 0%,#17476f 55%,#12395c 100%)!important;
  border-bottom:1px solid rgba(75,220,176,.18)!important;
  box-shadow:
    0 5px 28px rgba(18,71,105,.20),
    0 1px 0 rgba(255,255,255,.08) inset!important;
}

.developer-credit{
  color:#b9cce0!important;
}

.developer-credit strong{
  color:#65e0bb!important;
  text-shadow:0 0 14px rgba(72,224,180,.28)!important;
}

.developer-credit a{
  color:#5bd8f0!important;
}

.top-actions select{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:0 0 18px rgba(77,205,255,.07)!important;
}

.refresh-btn{
  background:linear-gradient(135deg,#14b8a6,#08aeea)!important;
  border:0!important;
  box-shadow:
    0 7px 22px rgba(15,184,166,.25),
    0 0 22px rgba(15,184,166,.14)!important;
}

.logout-btn{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.20)!important;
}

/* Main heading */
.welcome-head{
  margin-bottom:24px!important;
}

.welcome-head h1{
  font-size:31px!important;
  color:#142235!important;
  text-shadow:0 5px 24px rgba(22,42,61,.07)!important;
}

.welcome-head h1 span{
  color:#087d5e!important;
  text-shadow:0 0 18px rgba(15,139,104,.16)!important;
}

.welcome-head p{
  color:#748196!important;
}

.status{
  background:rgba(237,252,247,.92)!important;
  border-color:rgba(25,166,122,.20)!important;
  box-shadow:
    0 8px 24px rgba(19,128,94,.08),
    0 0 18px rgba(34,184,137,.07)!important;
}

/* Summary cards: glass + glow */
.summary-grid{
  gap:17px!important;
}

.summary-card{
  min-height:154px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(248,252,251,.91))!important;
  border:1px solid rgba(125,148,166,.17)!important;
  box-shadow:
    0 14px 34px rgba(26,53,70,.08),
    0 0 0 1px rgba(255,255,255,.55) inset!important;
  backdrop-filter:blur(12px)!important;
}

.summary-card:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(24,158,119,.26)!important;
  box-shadow:
    0 20px 45px rgba(20,60,72,.12),
    0 0 28px rgba(34,184,137,.12),
    0 0 0 1px rgba(255,255,255,.72) inset!important;
}

.summary-card::after{
  opacity:.08!important;
  filter:blur(2px)!important;
}

.summary-icon{
  box-shadow:
    0 8px 18px rgba(20,50,65,.12),
    0 0 18px currentColor!important;
  filter:saturate(1.05)!important;
}

.card-top strong{
  color:#152235!important;
}

.accent-line{
  height:3px!important;
  box-shadow:
    0 0 9px currentColor,
    0 0 18px currentColor!important;
  opacity:.85!important;
}

/* Analytics and overview panels */
.double-row{
  gap:18px!important;
}

.wide-card,
.quick-links-card{
  background:rgba(255,255,255,.90)!important;
  border:1px solid rgba(122,147,163,.17)!important;
  box-shadow:
    0 16px 40px rgba(26,53,70,.075),
    0 0 30px rgba(34,184,137,.045),
    0 0 0 1px rgba(255,255,255,.65) inset!important;
  backdrop-filter:blur(13px)!important;
}

.wide-card:hover,
.quick-links-card:hover{
  border-color:rgba(25,157,119,.20)!important;
  box-shadow:
    0 18px 45px rgba(26,53,70,.10),
    0 0 32px rgba(34,184,137,.08),
    0 0 0 1px rgba(255,255,255,.75) inset!important;
}

.wide-icon{
  box-shadow:0 0 20px rgba(34,184,137,.12)!important;
}

.pill{
  background:rgba(248,251,252,.86)!important;
  box-shadow:0 0 16px rgba(34,184,137,.05)!important;
}

/* Quick links become the primary navigation */
.quick-links-card{
  margin-top:2px!important;
}

.quick-links{
  gap:13px!important;
}

.quick-links button{
  min-height:58px!important;
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(18,126,96,.16)!important;
  background:linear-gradient(135deg,#ffffff,#f5faf8)!important;
  color:#314155!important;
  box-shadow:
    0 7px 20px rgba(27,67,76,.055),
    0 0 0 1px rgba(255,255,255,.7) inset!important;
}

.quick-links button::before{
  content:"";
  position:absolute;
  left:-35%;
  top:-80%;
  width:55%;
  height:250%;
  transform:rotate(24deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);
  transition:left .45s ease;
}

.quick-links button:hover::before{
  left:110%;
}

.quick-links button:hover{
  transform:translateY(-4px)!important;
  background:linear-gradient(135deg,#f8fffc,#edf9f4)!important;
  border-color:rgba(17,145,108,.35)!important;
  color:#0b7658!important;
  box-shadow:
    0 13px 28px rgba(22,91,76,.10),
    0 0 25px rgba(34,184,137,.14),
    0 0 0 1px rgba(255,255,255,.9) inset!important;
}

.quick-links button span{
  text-shadow:0 0 12px rgba(15,139,104,.45)!important;
}

/* Tables/panels on other pages retain functionality but get the
   same glow language when opened through Quick Links. */
.panel{
  border-color:rgba(20,110,83,.13)!important;
  box-shadow:
    0 14px 36px rgba(26,53,70,.075),
    0 0 26px rgba(34,184,137,.045)!important;
}

/* Mobile */
@media (max-width:900px){
  .content{
    padding:24px 20px 38px!important;
  }
}

@media (max-width:600px){
  .content{
    padding:18px 13px 30px!important;
  }

  .topbar{
    padding:0 12px!important;
  }

  .developer-credit{
    display:none!important;
  }

  .welcome-head h1{
    font-size:25px!important;
  }

  .summary-grid{
    grid-template-columns:1fr!important;
  }

  .quick-links{
    grid-template-columns:1fr!important;
  }
}