/* =========================================================
   AMRITA FINAL — supplied screenshot reference
   ========================================================= */
:root{
  --am-bg:#f4f8fb;
  --am-green:#006c58;
  --am-green2:#0b8f70;
  --am-text:#10233b;
  --am-muted:#71849a;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--am-bg)!important;color:var(--am-text)!important}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important}

.topbar{
  height:72px!important;
  padding:0 22px!important;
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
  background:linear-gradient(105deg,#24108e 0%,#1719a2 38%,#111e83 72%,#27118e 100%)!important;
  border:0!important;
  box-shadow:0 5px 20px rgba(25,19,115,.22)!important;
  color:#fff!important;
  position:sticky!important;
  top:0!important;
  z-index:100!important;
}
.top-brand{width:215px;flex:0 0 215px;line-height:1}
.top-logo{font-size:22px;font-weight:950;letter-spacing:-.7px;color:#fff}
.top-logo span{color:#00e39b;font-size:29px;margin-left:2px}
.top-logo-sub{font-size:8px;letter-spacing:2px;color:#b7b9ff;font-weight:800;margin-top:2px}
.topbar-spacer{display:none!important}
.developer-credit{
  margin:0!important;
  flex:1!important;
  justify-content:center!important;
  gap:10px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:18px!important;
  font-style:italic!important;
  color:#fff!important;
  white-space:nowrap!important;
}
.developer-credit span{
  background:linear-gradient(90deg,#ff75e8,#fff)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
  font-weight:800!important;
}
.developer-credit strong{
  font-size:25px!important;
  font-weight:950!important;
  letter-spacing:.5px!important;
  font-family:Inter,Arial,sans-serif!important;
  font-style:normal!important;
  background:linear-gradient(90deg,#ff65c9,#67c8ff,#5b8cff)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
.developer-credit a{
  border:0!important;padding:0!important;
  font-size:18px!important;
  background:linear-gradient(90deg,#fff,#47ffcf,#42ffac)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
  font-weight:850!important;
}
.top-actions{gap:8px!important}
.top-actions select{
  height:42px!important;min-width:138px!important;
  padding:0 12px!important;border-radius:11px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.30)!important;
  color:#fff!important;
}
.top-actions select option{background:#171d6f;color:#fff}
.refresh-btn{
  height:42px!important;padding:0 17px!important;border-radius:11px!important;
  background:linear-gradient(135deg,#16b98b,#12a979)!important;
  color:#fff!important;border:0!important;
  box-shadow:0 6px 16px rgba(0,0,0,.16)!important;
}
.logout-btn{
  width:42px!important;height:42px!important;border-radius:11px!important;
  background:rgba(255,255,255,.08)!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.30)!important;
}
.app-shell{min-height:calc(100vh - 72px)!important}
.sidebar{
  width:218px!important;flex:0 0 218px!important;
  min-height:calc(100vh - 72px)!important;
  padding:0!important;
  background:linear-gradient(180deg,#00614e,#005444 65%,#004c40)!important;
  border:0!important;color:#fff!important;
}
.side-brand{
  height:72px!important;padding:18px 16px 10px!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}
.side-logo{font-size:20px!important;color:#fff!important}
.side-logo span{color:#00df9b!important}
.side-subtitle{color:#9ed8ca!important}
.nav-item{
  min-height:50px!important;padding:0 18px!important;
  color:#e1f7f1!important;background:transparent!important;
  border:0!important;border-radius:11px!important;
  font-size:13px!important;font-weight:700!important;
}
.nav-item:hover{background:rgba(255,255,255,.10)!important;color:#fff!important}
.nav-item.active{
  margin:9px 8px 6px!important;width:calc(100% - 16px)!important;
  min-height:50px!important;padding-left:14px!important;
  background:linear-gradient(90deg,rgba(72,220,180,.28),rgba(255,255,255,.08))!important;
  border-left:3px solid #21d49e!important;
  box-shadow:0 7px 18px rgba(0,0,0,.10)!important;
}
.nav-icon{color:#b8eee1!important;font-size:16px!important}
.nav-label{padding:18px 13px 7px!important;color:#83c9ba!important;font-size:9px!important;letter-spacing:1.4px!important}
.sidebar-bottom{padding:13px 16px!important;border-top:1px solid rgba(255,255,255,.10)!important}
.side-user strong{color:#fff!important}
.side-user small{color:#9ed1c5!important}
.avatar{background:#f5faf9!important;color:#08745e!important}

.content{
  padding:22px 36px 42px!important;
  background:
    radial-gradient(700px 400px at 30% 0%,rgba(0,188,150,.06),transparent 65%),
    linear-gradient(135deg,#f6fafc,#f1f7fb)!important;
}
.page{max-width:1400px!important}
.welcome-head{
  padding-bottom:8px!important;margin-bottom:22px!important;
  border-bottom:1px solid #dbe7ed!important;
}
.welcome-head h1{
  margin:0!important;font-size:24px!important;font-weight:850!important;
  background:linear-gradient(90deg,#10233b 0%,#28d8aa 38%,#b04ef1 70%,#2563eb 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
.welcome-head h1 span{
  background:linear-gradient(90deg,#38d9ad,#9b59ff,#3b82f6)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
.welcome-head p{
  color:#72869b!important;font-size:12px!important;font-weight:500!important;
  background:none!important;-webkit-text-fill-color:initial!important;
}
.head-line{height:3px!important;width:46px!important;background:#11b889!important}
.status{
  margin-top:0!important;padding:7px 12px!important;border-radius:20px!important;
  background:#ebfaf5!important;border:1px solid #cdeee1!important;color:#128566!important;
  font-weight:700!important
}

.summary-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:15px!important;margin-bottom:20px!important
}
.summary-card{
  min-height:194px!important;
  padding:17px 19px 15px!important;
  border-radius:14px!important;
  border:1px solid #e0eaf0!important;
  background:#fff!important;
  box-shadow:0 7px 22px rgba(35,65,80,.065)!important;
  overflow:hidden!important;
}
.summary-card.mint{border-color:#bdeee0!important;background:linear-gradient(145deg,#fff,#f2fffb)!important}
.summary-card.sky{border-color:#cddcff!important;background:linear-gradient(145deg,#fff,#f5f8ff)!important}
.summary-card.violet{border-color:#e2cffd!important;background:linear-gradient(145deg,#fff,#fbf6ff)!important}
.summary-card.pink{border-color:#f6c9e8!important;background:linear-gradient(145deg,#fff,#fff7fc)!important}
.summary-card.gold{border-color:#f5dfad!important;background:linear-gradient(145deg,#fff,#fffaf0)!important}
.card-top{grid-template-columns:48px 1fr auto!important;gap:10px!important}
.card-top>span:nth-child(2){color:#29405d!important;font-size:12px!important;font-weight:750!important}
.card-top strong{font-size:27px!important;color:#0d223d!important}
.summary-icon{
  width:45px!important;height:45px!important;border-radius:11px!important;
  color:#fff!important;box-shadow:0 7px 17px rgba(0,0,0,.12)!important;
  font-size:20px!important;
}
.mint .summary-icon{background:linear-gradient(135deg,#10b981,#20c997)!important}
.sky .summary-icon{background:linear-gradient(135deg,#4f62f4,#8668ff)!important}
.violet .summary-icon{background:linear-gradient(135deg,#8c3ee8,#9d4edd)!important}
.pink .summary-icon{background:linear-gradient(135deg,#f82b9c,#f13b64)!important}
.gold .summary-icon{background:linear-gradient(135deg,#ffb52c,#ffae16)!important}
.card-bottom{margin-top:18px!important;align-items:flex-start!important}
.card-bottom small{color:#7b8da0!important;font-size:10px!important;line-height:1.35!important}
.card-bottom em{color:#0cab72!important;font-size:10px!important;font-style:normal!important;font-weight:800!important}
.card-bottom em.neutral{color:#708196!important}
.sparkline{
  height:42px!important;margin-top:13px!important;
  border-bottom:3px solid currentColor!important;
  border-radius:50% 50% 8px 8px!important;
  opacity:.95!important;
  position:relative!important;
}
.sparkline:after{
  content:"";position:absolute;inset:7px 0 0;
  border-top:3px solid currentColor;
  border-radius:55% 25% 50% 20%;
  transform:skewY(-5deg);
}
.mint-spark{color:#11c88b;background:linear-gradient(180deg,rgba(17,200,139,.17),transparent)!important}
.sky-spark{color:#2177ff;background:linear-gradient(180deg,rgba(33,119,255,.14),transparent)!important}
.violet-spark{color:#a238f2;background:linear-gradient(180deg,rgba(162,56,242,.13),transparent)!important}
.pink-spark{color:#ec2cad;background:linear-gradient(180deg,rgba(236,44,173,.13),transparent)!important}
.gold-spark{color:#f5a900;background:linear-gradient(180deg,rgba(245,169,0,.14),transparent)!important}

.double-row{
  grid-template-columns:1.55fr 1fr!important;gap:16px!important;margin-bottom:18px!important
}
.wide-card,.quick-links-card{
  border-radius:15px!important;border:1px solid #e0e9ef!important;
  box-shadow:0 7px 22px rgba(35,65,80,.055)!important;background:#fff!important;
}
.wide-head{
  height:57px!important;padding:0 18px!important;
  border-bottom:1px solid #edf1f4!important;color:#10233b!important;
}
.wide-head strong{font-size:13px!important}
.wide-icon{font-size:17px!important}
.green-icon{color:#10a977!important}.blue-icon{color:#285dff!important}
.wide-head .pill{
  margin-left:auto!important;background:#ecfaf6!important;color:#168e6d!important;
  border-radius:15px!important;padding:5px 10px!important;font-size:9px!important;font-weight:850!important
}
.chart-wrap{height:285px!important;padding:10px 15px 14px!important}
.chart-legend{
  height:30px;display:flex;justify-content:center;align-items:center;gap:18px;
  color:#5d6e81;font-size:10px;font-weight:600
}
.chart-legend span{display:flex;align-items:center;gap:6px}
.legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%}
.revenue-dot{background:#08a85f}.impression-dot{background:#13c878}
.impression-card .chart-wrap{height:285px!important;padding:18px 18px 12px!important}

.quick-links-card{margin-bottom:0!important}
.quick-links-head{
  min-height:61px;padding:0 18px;display:flex;align-items:center;gap:10px;
  border-bottom:1px solid #edf1f4
}
.quick-links-head strong{font-size:13px;color:#10233b}
.quick-links-head small{display:block;color:#8a99aa;font-size:10px;margin-top:3px}
.quick-links{
  grid-template-columns:repeat(4,1fr)!important;gap:9px!important;padding:13px 14px!important
}
.quick-links button{
  height:54px!important;border-radius:10px!important;
  border:1px solid #e2e9ef!important;background:#fff!important;
  color:#29405d!important;font-size:11px!important;font-weight:750!important;
  box-shadow:none!important
}
.quick-links button:hover{background:#f5fbf9!important;border-color:#9ddcc6!important}
.quick-links button span{color:#119a70!important}

.page-head h1{color:#10233b!important}
.panel{border-radius:15px!important}
.primary-btn{background:linear-gradient(135deg,#087b60,#12a97f)!important}
@media(max-width:1250px){
  .top-brand{width:160px;flex-basis:160px}
  .developer-credit{font-size:14px!important}
  .developer-credit strong{font-size:20px!important}
  .developer-credit a{font-size:14px!important}
  .summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:1000px){
  .content{padding:20px!important}
  .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .double-row{grid-template-columns:1fr!important}
}
@media(max-width:720px){
  .topbar{height:64px!important;padding:0 12px!important}
  .top-brand{display:none!important}
  .developer-credit{display:none!important}
  .sidebar{top:64px!important;min-height:calc(100vh - 64px)!important}
  .content{padding:18px 13px 30px!important}
  .summary-grid{grid-template-columns:1fr!important}
  .quick-links{grid-template-columns:1fr 1fr!important}
}
@media(max-width:430px){
  .quick-links{grid-template-columns:1fr!important}
}

/* ---- Card footer redesign ---- */
.summary-card{
  min-height:190px!important;
  position:relative!important;
  padding-bottom:15px!important;
}
.summary-card .sparkline{display:none!important}
.summary-card .card-footer{
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:0!important;
  height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border-top:1px solid rgba(130,150,165,.13)!important;
  font-size:9px!important;
  color:#8a99aa!important;
}
.summary-card .card-footer:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:-2px!important;
  width:32px!important;
  height:2px!important;
  border-radius:3px!important;
}
.summary-card.mint .card-footer:before{background:#11c88b!important}
.summary-card.sky .card-footer:before{background:#2878ff!important}
.summary-card.violet .card-footer:before{background:#9a4df3!important}
.summary-card.pink .card-footer:before{background:#ec2cad!important}
.summary-card.gold .card-footer:before{background:#f3aa10!important}
.summary-card .card-footer b{
  font-size:9px!important;
  font-weight:800!important;
  color:#0ca978!important;
}
.summary-card.gold .card-footer b{color:#e7a008!important}
.summary-card .card-bottom{margin-top:16px!important}