/* ITNAVERSE_FULL_UI_ICON_SYSTEM_V1021 */
:root{
  --iv21-blue:#4c89ff;
  --iv21-cyan:#25cbea;
  --iv21-violet:#735bff;
  --iv21-admin:#a94d8d;
  --iv21-line:rgba(139,181,237,.18);
  --iv21-nav-h:96px;
}
.iv21-icon{
  width:52px!important;height:52px!important;display:grid!important;place-items:center!important;
  flex:0 0 52px!important;border-radius:16px!important;color:#fff!important;
  background:linear-gradient(135deg,var(--iv21-blue),var(--iv21-violet))!important;
  box-shadow:0 10px 24px rgba(70,105,255,.20)!important;overflow:hidden!important;
}
.iv21-icon svg{width:25px!important;height:25px!important;stroke:currentColor!important;stroke-width:1.9!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.iv21-icon.iv21-social,.iv21-icon.iv21-commerce{background:linear-gradient(135deg,#129fe5,#25c8d3)!important}
.iv21-icon.iv21-admin{background:linear-gradient(135deg,#b14f83,#7545d8)!important}
.iv21-icon.iv21-money{background:linear-gradient(135deg,#2788ff,#715cff)!important}
.iv21-module-card{
  min-width:0!important;border-radius:21px!important;
  border:1px solid rgba(126,160,203,.18)!important;
  box-shadow:0 10px 24px rgba(13,41,77,.06)!important;
}
.iv21-module-card .iv21-title{font-weight:850!important;line-height:1.15!important;overflow-wrap:anywhere!important}
.iv21-module-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.iv21-module-grid .iv21-module-card{
  min-height:150px!important;padding:16px 8px!important;display:flex!important;
  flex-direction:column!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;gap:11px!important;
}
.iv21-module-grid .iv21-title{font-size:14px!important;color:#29374b!important}
.iv21-admin-card{background:linear-gradient(180deg,#fffafb,#fff8fa)!important;border-color:rgba(174,89,117,.18)!important}
.iv21-admin-card .iv21-title{color:#613044!important}
.iv21-launcher-surface{
  background:linear-gradient(180deg,#fafcff,#f3f6fb)!important;
  border:1px solid rgba(197,211,231,.86)!important;border-radius:28px!important;
  box-shadow:0 18px 52px rgba(8,29,57,.16)!important;
}
.iv21-no-inner-scroll{overflow-y:visible!important;overflow-x:visible!important;max-height:none!important;height:auto!important}
html.iv21-authenticated-page body,
html.iv21-authenticated-page main,
html.iv21-authenticated-page .content,
html.iv21-authenticated-page .page-content,
html.iv21-authenticated-page .wrap{
  padding-bottom:max(138px,calc(var(--iv21-nav-h) + 42px + env(safe-area-inset-bottom,0px)))!important;
}
.iv21-bottom-nav{
  background:rgba(6,23,45,.98)!important;border:1px solid var(--iv21-line)!important;
  box-shadow:0 20px 48px rgba(0,0,0,.34)!important;
}
.iv21-detected-header{
  background:radial-gradient(circle at 100% 0%,rgba(49,210,239,.08),transparent 34%),linear-gradient(145deg,#0d2c4e,#081f3b)!important;
  color:#fff!important;border:1px solid var(--iv21-line)!important;box-shadow:0 16px 42px rgba(0,0,0,.23)!important;
}
.iv21-detected-header h1,.iv21-detected-header h2,.iv21-detected-header h3{color:#fff!important}
html.itna-keyboard-open .iv21-bottom-nav{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
@media(min-width:760px){
  .iv21-module-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
  .iv21-module-grid .iv21-module-card{min-height:145px!important}
}
@media(max-width:430px){
  .iv21-module-grid{gap:10px!important}
  .iv21-module-grid .iv21-module-card{min-height:138px!important;border-radius:18px!important;padding:13px 5px!important}
  .iv21-icon{width:47px!important;height:47px!important;flex-basis:47px!important;border-radius:14px!important}
  .iv21-icon svg{width:22px!important;height:22px!important}
  .iv21-module-grid .iv21-title{font-size:13px!important}
}