/* SPIC layout adjustments */
:root{
  --spic-navy:#0B1F3A;
  --spic-blue:#1E63FF;
  --spic-soft:#F3F7FF;
}
.spic-topbar{ background: var(--spic-navy); }
.spic-card{ border:1px solid #E7EEF8; box-shadow: 0 1px 0 rgba(15,23,42,.02); }
.spic-kpi{ border-radius:14px; }
.spic-kpi .icon{ width:34px; height:34px; border-radius:999px; display:flex; align-items:center; justify-content:center; }
.spic-kpi.yellow{ background:#FFF7E6; }
.spic-kpi.pink{ background:#FFE9F0; }
.spic-kpi.blue{ background:#EAF2FF; }
.spic-kpi.gray{ background:#EEF2FF; }
.spic-btn{ border-radius:12px; }
.spic-login-wrap{
  min-height:100vh;
  background: linear-gradient(90deg, #0D3B8E 0%, #1B64D8 55%, #3D7CFF 100%);
}
.spic-login-hero{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
}
.spic-login-bg{
  position: relative;
  overflow:hidden;
}
/* logo fit */
.spic-login-bg img{ filter: drop-shadow(0 8px 16px rgba(0,0,0,.08)); }

.spic-login-right{ background: linear-gradient(90deg, #0D3B8E 0%, #1B64D8 55%, #3D7CFF 100%); }

/* mobile nav scroll */
.no-scrollbar::-webkit-scrollbar{display:none;}
.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none;}

/* Charts (layout like screenshot) */
.spic-bar{width:34px;border-radius:10px 10px 6px 6px;box-shadow:0 6px 14px rgba(15,23,42,.08);}
.spic-bar-orange{background:linear-gradient(180deg,#FFD69A 0%, #F59E0B 100%);}
.spic-bar-blue{background:linear-gradient(180deg,#8CCBFF 0%, #2563EB 100%);}
@media (max-width: 768px){.spic-bar{width:26px;}}