body, .min-h-screen {
  background: #181923 !important;
  color: #f0f2fa !important;
  font-family: 'Inter', 'Segoe UI', Arial, Helvetica, sans-serif;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
}



/* Tooltip "Esqueceu a senha?" */
#forgot-tip{ transform-origin: bottom right; }




/* === Design tokens === */
:root{
  --bg:#0e1424;            /* fundo geral */
  --panel:#151b2d;         /* blocos/seções */
  --card:#19223a;          /* cartões/inputs */
  --border:#243046;
  --txt:#e6eaf0;
  --muted:#9aa4b2;
  --primary:#5b7cfa;
  --primary-600:#4969f3;
  --ring: #5b7cfa66;
}

/* Fundo com leve textura/gradiente */
body{
  background:
    radial-gradient(80% 50% at 0% 0%, #18316355, transparent 60%),
    radial-gradient(70% 50% at 100% 100%, #0d6d7650, transparent 60%),
    linear-gradient(#0b0f1d,#0b0f1d);
  color:var(--txt);
}


/* Botões */
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:.5rem; padding:.6rem 1rem; border-radius:12px; font-weight:700;
  border:1px solid transparent; transition: transform .06s, box-shadow .15s, background .2s;
}
.btn:active{ transform: translateY(1px); }
.btn-primary{ background: linear-gradient(90deg,var(--primary),var(--primary-600)); color:#fff; }
.btn-primary:hover{ filter: brightness(1.07); }
.btn-ghost{ background: transparent; color:#c7d2fe; border-color:#ffffff1a; }
.btn-ghost:hover{ background:#ffffff10; }



.scrollbar-thin::-webkit-scrollbar{ width:6px; height:6px; }
.scrollbar-thin::-webkit-scrollbar-thumb{ background:#2c3756; border-radius:3px; }












dialog::backdrop{ background: rgba(0,0,0,.55); }
#modal-relatorios .grid button,
#modal-relatorio-filtros button {
  transition: transform .06s ease, box-shadow .12s ease;
}
#modal-relatorios .grid button:hover,
#modal-relatorio-filtros button:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
}
#modal-relatorio-filtros select, 
#modal-relatorio-filtros input[type="date"]{
  outline: none;
}


#chart-bar .apexcharts-tooltip,
#chart-donut .apexcharts-tooltip {
  background: #111827 !important;
  color: #e5e7eb !important;
  border: 1px solid #374151 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.35) !important;
}
#chart-bar .apexcharts-tooltip-title,
#chart-donut .apexcharts-tooltip-title {
  background: #1f2937 !important;
  border-bottom-color: #374151 !important;
  color:#cbd5e1 !important;
}
#chart-bar .apexcharts-xaxistooltip,
#chart-donut .apexcharts-xaxistooltip {
  background: #1f2937 !important;
  color: #e5e7eb !important;
  border-color:#374151 !important;
}


body.light #chart-bar .apexcharts-tooltip,
body.light #chart-donut .apexcharts-tooltip,
body.light #chart-bar .apexcharts-xaxistooltip,
body.light #chart-donut .apexcharts-xaxistooltip {
  background:#ffffff !important;
  color:#0f172a !important;
  border-color:#e5e7eb !important;
}
body.light #chart-bar .apexcharts-tooltip-title,
body.light #chart-donut .apexcharts-tooltip-title {
  background:#f3f4f6 !important;
  color:#0f172a !important;
}


:root{
  --gm-bg:
    radial-gradient(1200px 600px at 18% 0%,  rgba(99,102,241,.30), transparent 60%),
    radial-gradient(900px  500px at 82% 12%, rgba(236,72,153,.22), transparent 60%),
    radial-gradient(1000px 600px at 50% 105%, rgba(14,165,233,.12), transparent 65%),
    linear-gradient(180deg, #0b1220 0%, #0b1220 30%, #0f172a 100%);
}


html, body { background: #0b1220; }
body::before{
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: var(--gm-bg);
  filter: saturate(115%) contrast(105%);
}


body.light { background: #eef2ff; }
body.light::before{
  background:
    radial-gradient(1200px 600px at 18% 0%,  rgba(59,130,246,.20), transparent 55%),
    radial-gradient(900px  500px at 82% 12%, rgba(236,72,153,.18), transparent 60%),
    radial-gradient(1000px 600px at 50% 105%, rgba(14,165,233,.10), transparent 65%),
    linear-gradient(180deg, #f3f4f6 0%, #f3f4f6 30%, #e5e7eb 100%);
  filter: saturate(110%) contrast(102%);
}


.perf-lite body::before{ filter:none; }


#btn-logout {
    display: none !important;
    pointer-events: none !important;
    opacity: 0 !important;
}



.calc-box {
  background: rgba(20, 22, 30, 0.55) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 10px !important;
  padding: 16px !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  box-shadow: 0 0 25px rgba(0,0,0,0.25) !important;
}


.calc-box label {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #b3b3c2 !important;
}


.calc-box input[type="date"] {
  background: rgba(15, 17, 22, 0.9) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: #f1f1f5 !important;
  padding: 6px 8px !important;
  border-radius: 6px !important;
  height: 36px !important;
  font-size: 13px !important;
}


.calc-box button {
  height: 36px !important;
  padding: 0 18px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  background: #6366f1 !important;
  transition: 0.15s ease-in-out !important;
}

.calc-box button:hover {
  background: #4f52e8 !important;
}


#hist-consumo-result {
  margin-top: 8px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(255,255,255,0.1) !important;
}

#hist-consumo-result div {
  font-size: 13px !important;
  color: #d7d7df !important;
}

#hist-consumo-result b {
  color: white !important;
  font-weight: 600 !important;
}


/* Ajustar tamanho  */
.calc-box input[type="date"] {
  width: 140px !important;     
  height: 36px !important;
  padding: 4px 8px !important;
  font-size: 13px !important;
  border-radius: 6px !important;
}


.calc-box .flex-1 {
  flex: 0 0 auto !important;
}

/* Alinhar o trio  */
.calc-box .flex-wrap {
  gap: 10px !important;
}

/* Caixa  */
.calc-box {
  padding: 16px !important;
}
/* Ícone do calendário branco */
.calc-box input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1) brightness(2);
  opacity: 0.9;
}
.calc-box input[type="date"]:hover {
  border-color: rgba(255,255,255,0.18) !important;
}

.calc-box input[type="date"]:focus {
  border-color: #6366f1 !important;
  box-shadow: 0 0 0 2px rgba(99,102,241,0.25) !important;
}

#login-modal{
  display: none;
}
#login-modal:not(.hidden){
  display: flex;
}

#forgot-tip{
  transform-origin: bottom right;
  animation: loginTipIn .16s ease;
}

@keyframes loginTipIn{
  from{ opacity:0; transform:translateY(4px) scale(.98); }
  to{ opacity:1; transform:translateY(0) scale(1); }
}

#login-modal .login-rig.shake{
  animation: rigshake .45s ease-in-out 1;
}

#login-modal .text-red-400{
  text-shadow: 0 1px 8px rgba(0,0,0,.3);
}


.login-rig { position: relative; }

#loginCardRig #bear-behind,
#loginCardRig #bear-front {
  position: absolute;
  left: 50%;
  top: -118px;
  transform: translateX(-50%) translateY(var(--rig-y,0)) rotate(var(--rig-rot,0deg));
  will-change: transform;
}

#loginCardRig #bear-behind {
  z-index: 0;
  filter: drop-shadow(0 10px 24px rgba(0,0,0,.25));
}

#loginCardRig #bear-front { z-index: 2; }
#loginCardRig > form { position: relative; z-index: 1; }

#loginCardRig #bear-behind .pupil{
  transform: translate(var(--eye-x,0), var(--eye-y,0)) scaleY(1);
  transform-origin: center;
  transition: transform .12s ease;
  animation: blink 7s infinite;
}

@keyframes blink{
  0%,96%,100% { transform: translate(var(--eye-x,0),var(--eye-y,0)) scaleY(1) }
  98%         { transform: translate(var(--eye-x,0),var(--eye-y,0)) scaleY(0.06) }
}

#loginCardRig #bear-front .arm {
  transform-box: fill-box;
  transform-origin: var(--ox) var(--oy);
  transition: transform .28s ease;
}

#loginCardRig #bear-front { --cover-x: 12px; --cover-y: -62px; }

#loginCardRig #bear-front .armL { transform: translate(-14px, -18px) rotate(-24deg); }
#loginCardRig #bear-front .armR { transform: translate( 14px, -18px) rotate( 24deg); }

#loginCardRig #bear-front.cover .armL {
  transform: translate(var(--cover-x), var(--cover-y)) rotate(12deg);
}

#loginCardRig #bear-front.cover .armR {
  transform: translate(calc(-1 * var(--cover-x)), var(--cover-y)) rotate(-12deg);
}

#loginCardRig.rig-enter #bear-behind,
#loginCardRig.rig-enter #bear-front {
  animation: hangIn 900ms cubic-bezier(.2,.9,.2,1) both;
}

@keyframes hangIn{
  0%   { --rig-y: -64px; --rig-rot:-4deg; }
  60%  { --rig-y:  -8px; --rig-rot: 2deg; }
  100% { --rig-y:   0px; --rig-rot: 0deg; }
}

#loginCardRig.rig-sway #bear-behind,
#loginCardRig.rig-sway #bear-front {
  animation: sway 4.8s ease-in-out 1.1s infinite;
}

@keyframes sway{
  0%,100%{ --rig-rot: 0deg }
  50%{ --rig-rot: 1.1deg }
}

#loginCardRig #bear-front.wave .armR {
  animation: waveR .9s ease-in-out 1;
}

@keyframes waveR{
  0%,100% { transform: translate(calc(-1*var(--cover-x)), var(--cover-y)) rotate(-12deg); }
  50%     { transform: translate(calc(-1*var(--cover-x) - 10px), calc(var(--cover-y) - 16px)) rotate(16deg); }
}

#loginCardRig.shake { animation: rigshake .45s ease-in-out 1; }

@keyframes rigshake{
  10%,90%{ transform: translateX(-1px) }
  20%,80%{ transform: translateX(2px) }
  30%,50%,70%{ transform: translateX(-4px) }
  40%,60%{ transform: translateX(4px) }
}

@media (prefers-reduced-motion: reduce){
  #loginCardRig.rig-enter #bear-behind,
  #loginCardRig.rig-enter #bear-front,
  #loginCardRig.rig-sway #bear-behind,
  #loginCardRig.rig-sway #bear-front {
    animation: none !important;
  }
}



#prodpage-grid article {
  animation: prodCardIn .18s ease-out both;
}

@keyframes prodCardIn {
  from {
    opacity: 0;
    transform: translateY(6px) scale(.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

#prodpage-search,
#prodpage-category,
#prodpage-status,
#prodpage-sort {
  transition: border-color .15s ease, box-shadow .15s ease, transform .12s ease;
}

#prodpage-search:focus,
#prodpage-category:focus,
#prodpage-status:focus,
#prodpage-sort:focus {
  transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
  #prodpage-grid article {
    animation: none !important;
  }
}

/* ===== Modal Relatório Geral PDF - visual premium ===== */

#modal-relatorio-filtros.modal-pdf-report{
  width:min(760px,95vw);
  max-width:min(760px,95vw);
}

#modal-relatorio-filtros .pdf-report-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:20px;
  border-bottom:1px solid rgba(148,163,184,.18);
  background:linear-gradient(135deg,rgba(99,102,241,.16),rgba(14,165,233,.10));
}

#modal-relatorio-filtros .pdf-report-icon{
  width:44px;
  height:44px;
  border-radius:16px;
  display:grid;
  place-items:center;
  color:white;
  background:linear-gradient(135deg,#4f46e5,#06b6d4);
  box-shadow:0 12px 28px rgba(14,165,233,.20);
}

#modal-relatorio-filtros .pdf-report-title{
  font-size:18px;
  font-weight:900;
  color:#f8fafc;
  line-height:1.1;
}

#modal-relatorio-filtros .pdf-report-subtitle{
  margin-top:4px;
  font-size:12px;
  color:#94a3b8;
}

#modal-relatorio-filtros .pdf-report-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 12px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  color:#c7d2fe;
  background:rgba(99,102,241,.14);
  border:1px solid rgba(129,140,248,.24);
}

#modal-relatorio-filtros .pdf-report-body{
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:14px;
  background:linear-gradient(180deg,#0f172a,#0b1220);
}

#modal-relatorio-filtros .pdf-report-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

#modal-relatorio-filtros .pdf-field span{
  display:block;
  margin-bottom:6px;
  font-size:12px;
  font-weight:800;
  color:#cbd5e1;
}

#modal-relatorio-filtros .pdf-field select,
#modal-relatorio-filtros .pdf-field input{
  width:100%;
  height:44px;
  padding:0 12px;
  border-radius:12px;
  background:#1f2937 !important;
  border:1px solid rgba(148,163,184,.24) !important;
  color:#f8fafc !important;
  font-weight:700;
}

#modal-relatorio-filtros .pdf-field select:focus,
#modal-relatorio-filtros .pdf-field input:focus{
  outline:none !important;
  border-color:rgba(34,211,238,.55) !important;
  box-shadow:0 0 0 3px rgba(34,211,238,.14) !important;
}

#modal-relatorio-filtros .pdf-report-note{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:12px;
  border-radius:14px;
  border:1px dashed rgba(148,163,184,.20);
  background:rgba(15,23,42,.72);
  color:#94a3b8;
  font-size:12px;
}

#modal-relatorio-filtros .pdf-report-note i{
  color:#22d3ee;
  margin-top:2px;
}

#modal-relatorio-filtros .pdf-report-actions{
  display:flex;
  justify-content:flex-end;
  padding-top:2px;
}

#modal-relatorio-filtros .pdf-generate-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:11px 16px;
  border-radius:12px;
  background:linear-gradient(135deg,#4f46e5,#06b6d4) !important;
  color:white !important;
  font-weight:900;
  box-shadow:0 12px 26px rgba(79,70,229,.24);
  transition:transform .14s ease, filter .14s ease;
}

#modal-relatorio-filtros .pdf-generate-btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.08);
}

#modal-relatorio-filtros .pdf-report-footer{
  padding:14px 20px;
  border-top:1px solid rgba(148,163,184,.18);
  background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(15,23,42,.96));
  text-align:right;
}

#modal-relatorio-filtros .pdf-close-btn{
  padding:8px 14px;
  border-radius:10px;
  background:#374151 !important;
  color:#e5e7eb !important;
  font-weight:800;
}

#modal-relatorio-filtros .pdf-close-btn:hover{
  background:#475569 !important;
}

body.light #modal-relatorio-filtros .pdf-report-body{
  background:#fff;
}

body.light #modal-relatorio-filtros .pdf-report-title{
  color:#0f172a;
}

body.light #modal-relatorio-filtros .pdf-field span{
  color:#334155;
}

body.light #modal-relatorio-filtros .pdf-field select,
body.light #modal-relatorio-filtros .pdf-field input{
  background:#fff !important;
  color:#0f172a !important;
  border-color:#e5e7eb !important;
}

body.light #modal-relatorio-filtros .pdf-report-note{
  background:#f8fafc;
  color:#64748b;
}

@media(max-width:720px){
  #modal-relatorio-filtros .pdf-report-grid{
    grid-template-columns:1fr;
  }

  #modal-relatorio-filtros .pdf-report-head{
    align-items:flex-start;
  }
}



/* =====================================================
   HUB TOP - UIVERSE MIX
   Botão HUB superior: líquido + foguete animado
   ===================================================== */

#btn-hub-top.hub-uiverse-rocket {
  --hub-bg-1: #4f46e5;
  --hub-bg-2: #2563eb;
  --hub-bg-3: #7c3aed;
  --hub-cyan: #22d3ee;

  position: relative;
  isolation: isolate;
  overflow: hidden;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  height: 42px;
  min-width: 96px;
  padding: 0 18px;

  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 999px;

  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.28), transparent 24%),
    linear-gradient(135deg, var(--hub-bg-1), var(--hub-bg-2) 55%, var(--hub-bg-3));

  color: #fff !important;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;

  box-shadow:
    0 10px 26px rgba(79, 70, 229, .36),
    0 0 0 1px rgba(255,255,255,.06) inset,
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -10px 18px rgba(15,23,42,.26);

  cursor: pointer;
  transform: translateZ(0);
  transition:
    transform .18s ease,
    box-shadow .22s ease,
    filter .22s ease;
}

/* camada líquida mexendo */
#btn-hub-top .hub-uiverse-liquid {
  position: absolute;
  inset: -80%;
  z-index: -3;

  background:
    radial-gradient(circle at 22% 34%, rgba(255,255,255,.40) 0 7%, transparent 8%),
    radial-gradient(circle at 70% 58%, rgba(34,211,238,.46) 0 9%, transparent 10%),
    radial-gradient(circle at 46% 78%, rgba(168,85,247,.46) 0 10%, transparent 11%),
    radial-gradient(circle at 72% 24%, rgba(96,165,250,.35) 0 8%, transparent 9%);

  filter: blur(9px);
  opacity: .95;
  animation: hubLiquidWave 5.4s ease-in-out infinite alternate;
}

/* brilho que cruza no hover */
#btn-hub-top.hub-uiverse-rocket::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;

  background: linear-gradient(
    115deg,
    transparent 0 28%,
    rgba(255,255,255,.44) 43%,
    transparent 59% 100%
  );

  transform: translateX(-135%);
  transition: transform .65s cubic-bezier(.2,.8,.2,1);
}

/* borda viva */
#btn-hub-top.hub-uiverse-rocket::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  border-radius: inherit;
  pointer-events: none;

  background: linear-gradient(
    135deg,
    rgba(255,255,255,.30),
    rgba(34,211,238,.18),
    rgba(124,58,237,.28)
  );

  opacity: .45;
}

/* estrelinhas discretas */
#btn-hub-top .hub-uiverse-stars {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}

#btn-hub-top .hub-uiverse-stars span {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 999px;
  background: rgba(255,255,255,.85);
  box-shadow: 0 0 8px rgba(255,255,255,.7);
  animation: hubStarTwinkle 2.4s ease-in-out infinite;
}

#btn-hub-top .hub-uiverse-stars span:nth-child(1) {
  top: 10px;
  left: 18px;
}

#btn-hub-top .hub-uiverse-stars span:nth-child(2) {
  top: 27px;
  left: 36px;
  animation-delay: .45s;
}

#btn-hub-top .hub-uiverse-stars span:nth-child(3) {
  top: 12px;
  right: 18px;
  animation-delay: .9s;
}

/* foguete */
#btn-hub-top .hub-uiverse-icon {
  position: relative;
  z-index: 2;

  display: inline-grid;
  place-items: center;

  width: 18px;
  height: 18px;
  font-size: 14px;
  color: #fff;

  transform: translateZ(0);
  filter: drop-shadow(0 0 8px rgba(255,255,255,.50));
  animation: hubRocketFloat 2.25s ease-in-out infinite;
}

#btn-hub-top .hub-uiverse-icon i {
  display: block;
  transform: rotate(-45deg);
  transform-origin: center center;
}

#btn-hub-top .hub-uiverse-icon::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 15px;

  width: 7px;
  height: 22px;
  border-radius: 999px;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,.96) 0%,
    rgba(125,211,252,.92) 20%,
    rgba(34,211,238,.80) 48%,
    rgba(167,139,250,.45) 78%,
    transparent 100%
  );

  transform: translateX(-50%);
  transform-origin: top center;
  opacity: .92;
  filter: blur(.35px);
  animation: hubRocketTrail 0.9s ease-in-out infinite;
}

#btn-hub-top .hub-uiverse-text {
  position: relative;
  z-index: 2;
  line-height: 1;
  text-shadow: 0 1px 8px rgba(0,0,0,.40);
}

/* hover */
#btn-hub-top.hub-uiverse-rocket:hover {
  transform: translateY(-2px) scale(1.045);
  filter: brightness(1.08) saturate(1.15);

  box-shadow:
    0 14px 34px rgba(79, 70, 229, .54),
    0 0 32px rgba(34, 211, 238, .24),
    0 0 0 1px rgba(255,255,255,.08) inset,
    inset 0 1px 0 rgba(255,255,255,.36),
    inset 0 -10px 18px rgba(15,23,42,.26);
}

#btn-hub-top.hub-uiverse-rocket:hover::before {
  transform: translateX(135%);
}

#btn-hub-top.hub-uiverse-rocket:hover .hub-uiverse-icon {
  animation: hubRocketTakeoff .78s cubic-bezier(.18,.85,.25,1) forwards;
}
/* clique */
#btn-hub-top.hub-uiverse-rocket:active {
  transform: translateY(0) scale(.96);
}

/* foco */
#btn-hub-top.hub-uiverse-rocket:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 3px rgba(99,102,241,.35),
    0 14px 34px rgba(79, 70, 229, .52);
}

/* tema claro */
body.light #btn-hub-top.hub-uiverse-rocket {
  box-shadow:
    0 8px 20px rgba(79, 70, 229, .28),
    inset 0 1px 0 rgba(255,255,255,.42);
}

/* animações */
@keyframes hubLiquidWave {
  0% {
    transform: translate3d(-5%, -4%, 0) rotate(0deg) scale(1);
  }

  50% {
    transform: translate3d(5%, 4%, 0) rotate(13deg) scale(1.09);
  }

  100% {
    transform: translate3d(-2%, 7%, 0) rotate(-11deg) scale(1.05);
  }
}

@keyframes hubRocketFloat {
  0%, 100% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(0, -2px);
  }
}
@keyframes hubRocketTakeoff {
  0% {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }

  35% {
    opacity: 1;
    transform: translate(0, -8px) scale(1.08);
  }

  70% {
    opacity: .75;
    transform: translate(0, -26px) scale(.92);
  }

  100% {
    opacity: 0;
    transform: translate(0, -54px) scale(.72);
  }
}

@keyframes hubRocketTrail {
  0%, 100% {
    opacity: .45;
    transform: translateX(-50%) scaleY(.72);
  }

  50% {
    opacity: 1;
    transform: translateX(-50%) scaleY(1.22);
  }
}
@keyframes hubStarTwinkle {
  0%, 100% {
    opacity: .25;
    transform: scale(.7);
  }

  50% {
    opacity: 1;
    transform: scale(1.25);
  }
}

/* respeita configuração de reduzir movimento do Windows */
@media (prefers-reduced-motion: reduce) {
  #btn-hub-top .hub-uiverse-liquid,
  #btn-hub-top .hub-uiverse-icon,
  #btn-hub-top .hub-uiverse-icon::before,
  #btn-hub-top .hub-uiverse-stars span,
  #btn-hub-top.hub-uiverse-rocket:hover .hub-uiverse-icon {
    animation: none !important;
  }
}

  body {
    font-family: "Inter", sans-serif;
  }
 

  aside::-webkit-scrollbar {
    width: 6px;
  }
  aside::-webkit-scrollbar-thumb {
    background-color: rgba(59, 130, 246, 0.4);
    border-radius: 3px;
  }
  
  .apexcharts-canvas {
    font-family: "Inter", sans-serif !important;
  }



#chart-bar .apexcharts-xaxis text,
#chart-bar .apexcharts-yaxis text,
#chart-bar .apexcharts-legend-text { fill: #E5E7EB !important; } /* cinza clarinho */


#chart-donut .apexcharts-legend-text { fill: #E5E7EB !important; }



body.light #chart-bar .apexcharts-xaxis text,
body.light #chart-bar .apexcharts-yaxis text,
body.light #chart-bar .apexcharts-legend-text,
body.light #chart-donut .apexcharts-legend-text { fill: #0F172A !important; } 


#chart-bar  .apexcharts-legend text,
#chart-bar  .apexcharts-legend-text,
#chart-bar  .apexcharts-legend-series span,
#chart-donut .apexcharts-legend text,
#chart-donut .apexcharts-legend-text,
#chart-donut .apexcharts-legend-series span{
  fill: #E5E7EB !important;   
  color: #E5E7EB !important;  
}


body.light #chart-bar  .apexcharts-legend text,
body.light #chart-bar  .apexcharts-legend-text,
body.light #chart-bar  .apexcharts-legend-series span,
body.light #chart-donut .apexcharts-legend text,
body.light #chart-donut .apexcharts-legend-text,
body.light #chart-donut .apexcharts-legend-series span{
  fill: #0F172A !important;
  color: #0F172A !important;
}


body.light { background:#f5f7fb; color:#0f172a; }
body.light header, body.light aside { background:#fff !important; border-color:#e5e7eb !important; }
body.light .bg-gray-900{ background:#f5f7fb !important; color:#0f172a !important; }
body.light .bg-gray-800{ background:#ffffff !important; color:#1f2937 !important; }
body.light .bg-gray-700{ background:#f9fafb !important; color:#1f2937 !important; }
body.light .border-gray-700{ border-color:#e5e7eb !important; }
body.light .text-gray-200{ color:#0f172a !important; }
body.light .text-gray-300{ color:#334155 !important; }
body.light .text-gray-400{ color:#64748b !important; }
body.light .rounded, body.light .rounded-lg{ box-shadow: 0 1px 2px rgba(0,0,0,.06); }
body.light input, body.light select{
  background:#fff !important; color:#111827 !important; border-color:#e5e7eb !important;
}
body.light .table-fixed-header thead { background:#eef2ff !important; color:#334155 !important; }
body.light #chart-entradas-saidas, body.light #chart-estoque-categoria { border-color:#e5e7eb !important; }

body.light #topbar-suggest{ background:#fff; border-color:#e5e7eb; color:#0f172a; }
body.light #topbar-suggest li:hover{ background:#f3f4f6; }

dialog {
 
  background: #111827 !important;               
  border: 1px solid rgba(148,163,184,.18) !important; 
  color: #e5e7eb !important;                    
  border-radius: 16px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.55), 0 2px 12px rgba(0,0,0,.35) !important;
  overflow: hidden !important;
}

#modal-relatorios .p-4.space-y-4{
  display: flex;
  flex-direction: column;
  height: min(78vh, 820px); 
}

#modal-relatorios #rep-out{
  flex: 1 1 auto;
  min-height: 0;                 
  overflow-y: auto;              
  overflow-x: hidden;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 12px;
  padding: 8px;
  background: linear-gradient(180deg,#0f172a,#0b1222);
}


#modal-relatorios #rep-out .overflow-x-auto{ min-width: 100%; }

#modal-relatorios #rep-out table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}


#modal-relatorios #rep-out thead th{
  position: sticky;
  top: 0;
  z-index: 5;
  background: #374151; 
}


body.light #modal-relatorios #rep-out{
  background: #ffffff;
  border-color: #e5e7eb;
}
body.light #modal-relatorios #rep-out thead th{
  background: #eef2ff;
  color: #334155 !important;
}


#modal-relatorios #rep-out::-webkit-scrollbar{ width: 8px; }
#modal-relatorios #rep-out::-webkit-scrollbar-thumb{
  background: rgba(99,102,241,.45);
  border-radius: 6px;
}




dialog::backdrop{
  background: rgba(2,6,23,.60);                
  backdrop-filter: blur(3px);
}


dialog > .p-4:first-child{
  background: linear-gradient(135deg, rgba(99,102,241,.14), rgba(59,130,246,.10));
  border-bottom: 1px solid rgba(148,163,184,.18) !important;
}


dialog .p-4{
  background: linear-gradient(180deg,#121a2a 0%, #0d1424 100%);
}


dialog input, dialog select, dialog textarea{
  background: #1f2937 !important;             
  border: 1px solid rgba(148,163,184,.22) !important;
  color: #e5e7eb !important;
}
dialog input::placeholder, dialog textarea::placeholder{ color: #9ca3af !important; }
dialog input:focus, dialog select:focus, dialog textarea:focus{
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(99,102,241,.25) !important; 
  border-color: rgba(99,102,241,.45) !important;
}


dialog .btn-primary{
  background: #4f46e5 !important; 
  color: #fff !important;
}
dialog .btn-primary:hover{ background:#6366f1 !important; }
dialog .btn-ghost{
  background:#374151 !important; 
  color:#e5e7eb !important;
}
dialog .btn-ghost:hover{ background:#475569 !important; }

#modal-relatorios{
  max-width: min(980px, 95vw);
}

#modal-relatorios .reports-shell{
  display:flex;
  flex-direction:column;
  gap:16px;
  height:min(78vh, 820px);
}

#modal-relatorios .reports-titlebar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

#modal-relatorios .reports-subtitle{
  font-size:12px;
  color:#94a3b8;
  margin-top:2px;
}

#modal-relatorios .reports-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

#modal-relatorios .report-card{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  text-align:left;
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(148,163,184,.16);
  background:linear-gradient(180deg,rgba(30,41,59,.72),rgba(15,23,42,.88));
  box-shadow:0 6px 18px rgba(0,0,0,.18);
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease;
}

#modal-relatorios .report-card:hover{
  transform:translateY(-1px);
  border-color:rgba(99,102,241,.50);
  box-shadow:0 12px 28px rgba(0,0,0,.28);
}

#modal-relatorios .report-card.is-active{
  border-color:rgba(34,211,238,.75);
  background:linear-gradient(180deg,rgba(8,145,178,.20),rgba(15,23,42,.92));
  box-shadow:0 0 0 1px rgba(34,211,238,.18),0 14px 30px rgba(0,0,0,.30);
}

#modal-relatorios .report-icon{
  width:40px;
  height:40px;
  flex:0 0 40px;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(135deg,#4f46e5,#06b6d4);
}

#modal-relatorios .report-title{
  font-weight:800;
  color:#f8fafc;
  line-height:1.1;
}

#modal-relatorios .report-desc{
  font-size:11px;
  color:#94a3b8;
  margin-top:3px;
}

#modal-relatorios .reports-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
}

#modal-relatorios #rep-out{
  flex:1 1 auto;
  min-height:180px;
  overflow:auto;
  border:1px solid rgba(148,163,184,.16);
  border-radius:16px;
  padding:14px;
  background:linear-gradient(180deg,#0b1220,#08111f);
}

#modal-relatorios #rep-out:empty::before{
  content:"Selecione um tipo de relatório, configure os filtros e clique em Gerar.";
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:150px;
  color:#64748b;
  font-size:13px;
  border:1px dashed rgba(148,163,184,.18);
  border-radius:12px;
}

body.light #modal-relatorios .report-card{
  background:linear-gradient(180deg,#fff,#f8fafc);
  border-color:#e5e7eb;
}

body.light #modal-relatorios .report-title{ color:#0f172a; }
body.light #modal-relatorios .report-desc,
body.light #modal-relatorios .reports-subtitle{ color:#64748b; }

body.light #modal-relatorios #rep-out{
  background:#fff;
  border-color:#e5e7eb;
}

@media(max-width:720px){
  #modal-relatorios .reports-grid{
    grid-template-columns:1fr;
  }
}


#modal-relatorios .grid button:before{
  content: '📊';
  font-size: 14px;
  opacity: .9;
}

#modal-relatorios .grid button:hover{
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(0,0,0,.28);
  border-color: rgba(99,102,241,.45);
}
#modal-relatorios .grid button.is-active{
  border-color: rgba(99,102,241,.65);
  box-shadow: 0 10px 28px rgba(99,102,241,.20), 0 6px 18px rgba(0,0,0,.35);
}


dialog form[method="dialog"]{
  background: linear-gradient(180deg, rgba(15,23,42,.88), rgba(15,23,42,.94));
  border-top: 1px solid rgba(148,163,184,.18) !important;
}


body.light dialog{ background:#ffffff !important; color:#0f172a !important; border-color:#e5e7eb !important; }
body.light dialog > .p-4:first-child{
  background: linear-gradient(135deg, rgba(59,130,246,.12), rgba(99,102,241,.10));
  border-bottom-color:#e5e7eb !important;
}
body.light dialog .p-4{ background: linear-gradient(180deg,#fff 0%, #f8fafc 100%); }
body.light dialog input, body.light dialog select, body.light dialog textarea{
  background:#fff !important; border-color:#e5e7eb !important; color:#0f172a !important;
}
body.light #modal-relatorios .grid button{
  background: linear-gradient(180deg,#fff,#f8fafc);
  border-color:#e5e7eb;
  color:#0f172a;
}


dialog[open]{
  animation: modal-in .16s cubic-bezier(.2,.8,.2,1);
}
@keyframes modal-in{
  from{ opacity:0; transform: translateY(6px) scale(.98) }
  to  { opacity:1; transform: none }
}
dialog::backdrop{
  animation: backdrop-in .16s ease-out;
}
@keyframes backdrop-in{
  from{ opacity:0 } to{ opacity:1 }
}

.topbar-wrap{ width:360px }
@media (min-width:768px){ .topbar-wrap{ width:420px } }

#topbar-search{ 
  height:36px; font-size:.875rem; border-radius:9999px;
  background:rgba(30,41,59,.72); border:1px solid rgba(148,163,184,.18);
}
#topbar-search:focus{
  box-shadow:0 0 0 2px rgba(99,102,241,.35);
  border-color:rgba(99,102,241,.55);
}
#topbar-search::placeholder{ color:#94a3b8 }

#topbar-suggest{
  font-size:.875rem; border-radius:12px; overflow:hidden;
}


body.light #topbar-search{ background:#f3f4f6; border-color:#e5e7eb }

#page-profile,
#page-cadastrar,
#page-saida,
#page-estorno,
#page-produtos {
  content-visibility: auto;
  contain-intrinsic-size: 800px; 
}


#sidebar { will-change: transform; }


.perf-lite dialog::backdrop { backdrop-filter: none !important; background: rgba(2,6,23,.45) !important; }
.perf-lite dialog { box-shadow: 0 8px 24px rgba(0,0,0,.35) !important; }
.perf-lite #modal-relatorios #rep-out { background: #0f172a; }









.dashboard-analytics{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.dash-filter-strip{
  display:grid;
  grid-template-columns: 150px 170px 140px;
  align-items:end;
  gap:8px;
  margin-left:auto;
  max-width:480px;
}

.dash-filter-box{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
  padding:7px 8px;
  border-radius:13px;
  border:1px solid rgba(80,90,120,.18);
  background:rgba(30,34,44,.72);
  box-shadow:0 4px 18px rgba(0,0,0,.14);
}

.dash-filter-box span{
  color:#b0b6c3;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  line-height:1;
}

.dash-filter-box select{
  height:30px;
  width:100%;
  border-radius:10px;
  background:#1b202d !important;
  border:1px solid rgba(108,115,131,.26) !important;
  color:#f3f6fa !important;
  font-size:12px;
  font-weight:800;
  padding:0 8px;
  outline:none !important;
}

.dash-filter-box select:focus{
  border-color:rgba(61,139,255,.68) !important;
  box-shadow:0 0 0 3px rgba(61,139,255,.12) !important;
}

.dash-charts-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:14px;
}

.dash-chart-shell{
  position:relative;
  overflow:hidden;
  min-height:284px;
  border-radius:18px;
  border:1px solid rgba(80,90,120,.18);
  background:#232733;
  box-shadow:0 4px 24px rgba(0,0,0,.18);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.dash-chart-shell:hover{
  transform:translateY(-2px);
  border-color:rgba(61,139,255,.26);
  box-shadow:0 12px 32px rgba(0,0,0,.24);
}

.dash-chart-line::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 24%, rgba(61,139,255,.14), transparent 26%),
    radial-gradient(circle at 78% 64%, rgba(30,203,107,.10), transparent 28%);
}

.dash-chart-top{
  position:relative;
  z-index:2;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:18px 26px 0 26px;
}
.dash-chart-top-with-filters{
  align-items:flex-start;
}

.dash-chart-top-with-filters .dash-chart-title{
  padding-top:8px;
  white-space:nowrap;
  min-width:max-content;
}
.dash-chart-title{
  margin:0;
  font-family:"Inter", sans-serif;
  font-size:1.28rem;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.01em;
  color:#f3f6fa;
  background:linear-gradient(90deg,#fff 0%,#f3f6fa 50%,#e3e8ef 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

.dash-chart-body{
  position:relative;
  z-index:2;
  padding:8px 18px 8px 18px;
}

#chart-bar,
#chart-donut{
  border-radius:16px;
}

#chart-bar .apexcharts-series path,
#chart-bar .apexcharts-marker{
  filter:drop-shadow(0 0 7px rgba(61,139,255,.30));
}

#chart-bar .apexcharts-tooltip,
#chart-donut .apexcharts-tooltip{
  background:#232733 !important;
  border:1px solid rgba(80,90,120,.35) !important;
  color:#f3f6fa !important;
  box-shadow:0 8px 32px rgba(0,0,0,.22) !important;
  border-radius:12px !important;
}

#chart-bar .apexcharts-tooltip-title,
#chart-donut .apexcharts-tooltip-title{
  background:#1b202d !important;
  border-bottom:1px solid rgba(80,90,120,.28) !important;
  color:#f3f6fa !important;
  font-weight:800 !important;
}

body.light .dash-filter-box,
body.light .dash-chart-shell{
  background:#ffffff;
  border-color:#e5e7eb;
}

body.light .dash-filter-box select{
  background:#ffffff !important;
  color:#0f172a !important;
  border-color:#e5e7eb !important;
}

body.light .dash-chart-title{
  background:linear-gradient(90deg,#0f172a,#334155);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

@media(max-width:1000px){
  .dash-chart-top-with-filters{
    flex-direction:column;
  }

  .dash-filter-strip{
    width:100%;
    max-width:none;
    margin-left:0;
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .dash-charts-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:640px){
  .dash-filter-strip{
    grid-template-columns:1fr;
  }

  .dash-filter-box{
    min-width:100%;
  }
}

.dash-insights-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:14px;
  margin-top:14px;
}

.dash-insight-card{
  position:relative;
  overflow:hidden;
  min-height:104px;
  padding:16px 16px 14px;
  border-radius:18px;
  border:1px solid rgba(80,90,120,.18);
  background:
    radial-gradient(circle at 18% 0%, rgba(61,139,255,.10), transparent 34%),
    linear-gradient(180deg, #232733, #1b202d);
  box-shadow:0 4px 24px rgba(0,0,0,.16);
}

.dash-insight-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(61,139,255,.42), rgba(30,203,107,.28), transparent);
}

.dash-insight-label{
  display:block;
  color:#8fb8ff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:10px;
}

.dash-insight-card strong{
  display:block;
  max-width:100%;
  color:#f3f6fa;
  font-size:1.28rem;
  font-weight:900;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.dash-insight-card small{
  display:block;
  margin-top:7px;
  color:#aab2c0;
  font-size:12px;
  font-weight:700;
  line-height:1.35;
}

.dash-insight-card:hover{
  transform:translateY(-2px);
  border-color:rgba(61,139,255,.28);
  box-shadow:0 12px 32px rgba(0,0,0,.22);
}

@media(max-width:1200px){
  .dash-insights-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media(max-width:640px){
  .dash-insights-grid{
    grid-template-columns:1fr;
  }
}

.dash-top-products{
  margin-top:14px;
  border-radius:18px;
  border:1px solid rgba(80,90,120,.18);
  background:
    radial-gradient(circle at 8% 0%, rgba(61,139,255,.08), transparent 32%),
    linear-gradient(180deg, #232733, #1b202d);
  box-shadow:0 4px 24px rgba(0,0,0,.16);
  overflow:hidden;
}

.dash-top-products-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  padding:16px 18px 12px;
  border-bottom:1px solid rgba(80,90,120,.18);
}

.dash-top-products-head h3{
  margin:0;
  color:#f3f6fa;
  font-size:1.12rem;
  font-weight:900;
  line-height:1.15;
}

.dash-top-products-head small{
  color:#aab2c0;
  font-size:12px;
  font-weight:700;
  text-align:right;
  max-width:280px;
}

.dash-top-products-table-wrap{
  overflow:auto;
}

.dash-top-products-table{
  width:100%;
  border-collapse:collapse;
  min-width:760px;
}

.dash-top-products-table th{
  padding:11px 14px;
  color:#8fb8ff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-align:left;
  background:rgba(15,23,42,.18);
  border-bottom:1px solid rgba(80,90,120,.18);
}

.dash-top-products-table td{
  padding:12px 14px;
  color:#dbe4f0;
  font-size:13px;
  font-weight:700;
  border-bottom:1px solid rgba(80,90,120,.13);
}

.dash-top-products-table tr:last-child td{
  border-bottom:0;
}

.dash-top-products-table tbody tr{
  transition:background .16s ease;
}

.dash-top-products-table tbody tr:hover{
  background:rgba(61,139,255,.06);
}

.dash-top-products-table td strong{
  display:block;
  max-width:260px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#f3f6fa;
  font-size:13px;
  font-weight:900;
}

.dash-top-products-table td small{
  display:block;
  margin-top:3px;
  color:#8f98a8;
  font-size:11px;
  font-weight:800;
}

.dash-td-green{
  color:#34d399 !important;
}

.dash-td-pink{
  color:#f472b6 !important;
}

.dash-td-yellow{
  color:#fbbf24 !important;
}

.dash-td-total{
  color:#f3f6fa !important;
  font-weight:950 !important;
}

@media(max-width:700px){
  .dash-top-products-head{
    flex-direction:column;
  }

  .dash-top-products-head small{
    text-align:left;
    max-width:none;
  }
}

.dash-chart-title-sub{
  display:block;
  margin-top:4px;
  color:#9ca3af;
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
  -webkit-text-fill-color:#9ca3af;
}

.dash-movement-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 13px;
  border-radius:16px;
  border:1px solid rgba(80,90,120,.16);
  background:linear-gradient(180deg, rgba(35,39,51,.95), rgba(27,32,45,.92));
  box-shadow:0 4px 18px rgba(0,0,0,.12);
  transition:transform .16s ease, border-color .16s ease, background .16s ease;
}

.dash-movement-item:hover{
  transform:translateY(-1px);
  border-color:rgba(61,139,255,.25);
  background:linear-gradient(180deg, rgba(38,43,58,.98), rgba(28,34,48,.95));
}

.dash-movement-left{
  min-width:0;
  display:flex;
  align-items:center;
  gap:11px;
}

.dash-movement-icon{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:15px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.06);
}

.dash-movement-icon b{
  display:block;
  font-family: "Times New Roman", serif;
  font-size:24px;
  font-weight:900;
  line-height:1;
  color:currentColor;
  text-shadow:
    0 0 8px currentColor,
    0 0 18px currentColor;
  transform:translateY(-1px);
}



.dash-movement-info{
  min-width:0;
}

.dash-movement-info strong{
  display:block;
  max-width:360px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#f3f6fa;
  font-size:13px;
  font-weight:900;
}

.dash-movement-info small{
  display:block;
  margin-top:3px;
  color:#9ca3af;
  font-size:11px;
  font-weight:700;
}

.dash-movement-info em{
  display:block;
  margin-top:3px;
  color:#7f8795;
  font-size:10px;
  font-style:normal;
  font-weight:800;
}

.dash-movement-right{
  flex-shrink:0;
  text-align:right;
  max-width:220px;
}

.dash-movement-right strong{
  display:block;
  color:#f3f6fa;
  font-size:13px;
  font-weight:950;
}

.dash-movement-entrada .dash-movement-right strong{
  color:#34d399;
}

.dash-movement-saida .dash-movement-right strong{
  color:#f472b6;
}

.dash-movement-estorno .dash-movement-right strong{
  color:#fbbf24;
}

.dash-movement-right small{
  display:block;
  margin-top:4px;
  color:#9ca3af;
  font-size:10px;
  font-weight:700;
  max-width:220px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.dash-movement-empty{
  padding:18px;
  border-radius:16px;
  border:1px dashed rgba(148,163,184,.25);
  color:#9ca3af;
  text-align:center;
  font-size:13px;
  font-weight:800;
  background:rgba(15,23,42,.22);
}

@media(max-width:700px){
  .dash-movement-item{
    align-items:flex-start;
    flex-direction:column;
  }

  .dash-movement-right{
    width:100%;
    max-width:none;
    text-align:left;
    padding-left:45px;
  }
}

#kpi-skus,
#kpi-stock,
#kpi-entradas,
#kpi-saidas{
  position:relative;
  overflow:hidden;
  min-height:108px;
  border-radius:20px !important;
  border:1px solid rgba(80,90,120,.20) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(61,139,255,.10), transparent 34%),
    linear-gradient(180deg, #232733, #1b202d) !important;
  box-shadow:
    0 8px 26px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.04);
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease;
}

#kpi-skus::before,
#kpi-stock::before,
#kpi-entradas::before,
#kpi-saidas::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(61,139,255,.45), rgba(30,203,107,.28), transparent);
}

#kpi-skus:hover,
#kpi-stock:hover,
#kpi-entradas:hover,
#kpi-saidas:hover{
  transform:translateY(-2px);
  border-color:rgba(61,139,255,.30) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.05);
}

#kpi-skus .fas,
#kpi-stock .fas,
#kpi-entradas .fas,
#kpi-saidas .fas{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:16px;
  font-size:18px !important;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.07);
  filter:drop-shadow(0 0 10px currentColor);
}

#kpi-skus .fas{
  background:rgba(96,165,250,.12);
  border-color:rgba(96,165,250,.25);
}

#kpi-stock .fas{
  background:rgba(52,211,153,.12);
  border-color:rgba(52,211,153,.25);
}

#kpi-entradas .fas{
  background:rgba(251,191,36,.12);
  border-color:rgba(251,191,36,.25);
}

#kpi-saidas .fas{
  background:rgba(244,114,182,.12);
  border-color:rgba(244,114,182,.25);
}

#kpi-skus h3,
#kpi-stock h3,
#kpi-entradas h3,
#kpi-saidas h3{
  color:#aab2c0 !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:5px;
}

#kpi-skus p,
#kpi-stock p,
#kpi-entradas p,
#kpi-saidas p{
  color:#f3f6fa !important;
  font-size:1.65rem !important;
  font-weight:950 !important;
  letter-spacing:.01em;
  line-height:1.05 !important;
  text-shadow:0 2px 14px rgba(0,0,0,.22);
}

#kpi-stock p{
  font-size:1.45rem !important;
}

body.light #kpi-skus,
body.light #kpi-stock,
body.light #kpi-entradas,
body.light #kpi-saidas{
  background:linear-gradient(180deg,#ffffff,#f8fafc) !important;
  border-color:#e5e7eb !important;
}

body.light #kpi-skus h3,
body.light #kpi-stock h3,
body.light #kpi-entradas h3,
body.light #kpi-saidas h3{
  color:#64748b !important;
}

body.light #kpi-skus p,
body.light #kpi-stock p,
body.light #kpi-entradas p,
body.light #kpi-saidas p{
  color:#0f172a !important;
}

.balance-card-uiverse{
  position:relative;
  overflow:hidden;
  min-height:190px;
  border-radius:22px;
  border:1px solid rgba(132,204,22,.18);
  background:#080b08;
  box-shadow:0 18px 44px rgba(0,0,0,.32);
  padding:18px;
  color:#f3f6fa;
}

.balance-glow{
  position:absolute;
  top:-90px;
  left:50%;
  width:260px;
  height:260px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(163,230,53,.10);
  filter:blur(52px);
  transition:background .5s ease;
}

.balance-card-uiverse:hover .balance-glow{
  background:rgba(163,230,53,.16);
}

.balance-inner{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:14px;
  height:100%;
}

.balance-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom:13px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.balance-title-wrap{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.balance-icon{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:#a3e635;
  background:rgba(163,230,53,.10);
  box-shadow:0 0 22px rgba(163,230,53,.08);
}

.balance-title-wrap h3{
  margin:0;
  color:#e5e7eb;
  font-size:14px;
  font-weight:900;
  line-height:1.1;
}

.balance-title-wrap p{
  margin:4px 0 0;
  color:#71717a;
  font-size:11px;
  font-weight:800;
}

.balance-add-btn{
  width:30px;
  height:30px;
  border-radius:10px;
  border:1px solid rgba(163,230,53,.38);
  color:#a3e635;
  background:rgba(163,230,53,.08);
  font-size:20px;
  font-weight:900;
  line-height:1;
  transition:background .18s ease, transform .18s ease;
}

.balance-add-btn:hover{
  background:#a3e635;
  color:#080b08;
  transform:translateY(-1px);
}

.balance-values{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-bottom:1px solid rgba(255,255,255,.08);
  padding-bottom:12px;
}

.balance-values > div:first-child{
  padding-right:16px;
  border-right:1px solid rgba(255,255,255,.08);
}

.balance-values > div:last-child{
  padding-left:16px;
}

.balance-values span{
  display:block;
  color:#71717a;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.balance-values strong{
  display:block;
  margin-top:4px;
  color:#f4f4f5;
  font-size:17px;
  font-weight:950;
  line-height:1.1;
  white-space:nowrap;
}

.balance-values small{
  display:block;
  margin-top:5px;
  color:#84cc16;
  font-size:11px;
  font-weight:900;
}

.balance-diff-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:-2px;
}

.balance-diff-row span,
.balance-diff-row strong{
  font-size:12px;
  font-weight:950;
}

.balance-diff-row .is-positive{
  color:#a3e635;
}

.balance-diff-row .is-negative{
  color:#fb7185;
}

.balance-chart-wrap{
  height:74px;
  width:100%;
  margin-top:auto;
}

#balance-mini-chart{
  display:block;
  width:100%;
  height:100%;
  filter:drop-shadow(0 0 12px rgba(163,230,53,.22));
}

body.light .balance-card-uiverse{
  background:#ffffff;
  border-color:#d9f99d;
  box-shadow:0 12px 34px rgba(15,23,42,.10);
}

body.light .balance-title-wrap h3,
body.light .balance-values strong{
  color:#0f172a;
}

.balance-card-uiverse{
  min-height:148px !important;
  padding:14px !important;
  border-radius:20px !important;
}

.balance-inner{
  gap:10px !important;
}

.balance-head{
  padding-bottom:9px !important;
}

.balance-icon{
  width:32px !important;
  height:32px !important;
  flex-basis:32px !important;
  border-radius:11px !important;
}

.balance-title-wrap{
  gap:10px !important;
}

.balance-title-wrap h3{
  font-size:12px !important;
  letter-spacing:.03em;
}

.balance-title-wrap p{
  margin-top:2px !important;
  font-size:10px !important;
  color:#84cc16 !important;
}

.balance-add-btn{
  width:28px !important;
  height:28px !important;
  border-radius:10px !important;
}

.balance-values{
  padding-bottom:9px !important;
}

.balance-values span{
  font-size:9px !important;
}

.balance-values strong{
  font-size:13px !important;
}

.balance-values > div:first-child strong{
  font-size:18px !important;
  color:#f8fafc !important;
  text-shadow:0 0 18px rgba(163,230,53,.20);
}

.balance-values small{
  margin-top:3px !important;
  font-size:10px !important;
}

.balance-diff-row{
  margin-top:-4px !important;
}

.balance-diff-row span,
.balance-diff-row strong{
  font-size:11px !important;
}

.balance-chart-wrap{
  height:44px !important;
}

.balance-glow{
  top:-125px !important;
  width:230px !important;
  height:230px !important;
}

#modal-balanco.balance-modal{
  width:min(560px,94vw);
  padding:0 !important;
  border:1px solid rgba(132,204,22,.20) !important;
  border-radius:22px !important;
  background:#080b08 !important;
  color:#f4f4f5 !important;
  box-shadow:0 24px 70px rgba(0,0,0,.62) !important;
}

#modal-balanco::backdrop{
  background:rgba(2,6,23,.68) !important;
  backdrop-filter:blur(5px);
}

.balance-modal-card{
  position:relative;
  overflow:hidden;
  padding:0;
  background:transparent !important;
  border:0 !important;
}

.balance-modal-glow{
  position:absolute;
  top:-170px;
  left:50%;
  width:340px;
  height:340px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(163,230,53,.12);
  filter:blur(60px);
  pointer-events:none;
}

.balance-modal-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:20px 20px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.balance-modal-head span{
  display:block;
  color:#84cc16;
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:5px;
}

.balance-modal-head h3{
  margin:0;
  color:#f4f4f5;
  font-size:20px;
  font-weight:950;
  line-height:1.1;
}

.balance-modal-x{
  width:34px;
  height:34px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:#a1a1aa;
  font-size:24px;
  line-height:1;
  transition:background .16s ease, color .16s ease;
}

.balance-modal-x:hover{
  background:rgba(244,63,94,.14);
  color:#fb7185;
}

.balance-modal-body{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  padding:18px 20px;
}

.balance-field{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.balance-field-full{
  grid-column:1 / -1;
}

.balance-field span{
  color:#a1a1aa;
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.balance-field input,
.balance-field textarea{
  width:100%;
  border-radius:14px !important;
  border:1px solid rgba(132,204,22,.16) !important;
  background:rgba(24,24,27,.78) !important;
  color:#f4f4f5 !important;
  font-weight:800;
  outline:none !important;
  box-shadow:none !important;
}

.balance-field input{
  height:44px;
  padding:0 13px;
}

.balance-field textarea{
  padding:12px 13px;
  resize:vertical;
}

.balance-field input:focus,
.balance-field textarea:focus{
  border-color:rgba(163,230,53,.55) !important;
  box-shadow:0 0 0 3px rgba(163,230,53,.10) !important;
}

.balance-modal-actions{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:flex-end;
  gap:10px;
  padding:14px 20px 20px;
  border-top:1px solid rgba(255,255,255,.08);
  background:rgba(0,0,0,.10);
}

.balance-modal-btn{
  height:40px;
  padding:0 16px;
  border-radius:13px;
  font-size:13px;
  font-weight:950;
  transition:transform .16s ease, background .16s ease, color .16s ease;
}

.balance-modal-btn:hover{
  transform:translateY(-1px);
}

.balance-modal-btn.ghost{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  color:#d4d4d8;
}

.balance-modal-btn.ghost:hover{
  background:rgba(255,255,255,.09);
}

.balance-modal-btn.primary{
  border:1px solid rgba(163,230,53,.50);
  background:#a3e635;
  color:#080b08;
  box-shadow:0 10px 26px rgba(163,230,53,.18);
}

.balance-modal-btn.primary:hover{
  background:#bef264;
}

@media(max-width:620px){
  .balance-modal-body{
    grid-template-columns:1fr;
  }
}

/* balans kompakt */
#kpi-stock.balance-card-uiverse{
  min-height:132px !important;
  padding:14px 15px 12px !important;
}

#kpi-stock .balance-inner{
  gap:8px !important;
}

#kpi-stock .balance-head{
  padding-bottom:8px !important;
}

#kpi-stock .balance-title-wrap h3{
  font-size:11px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:#aab2c0 !important;
}

#kpi-stock #balance-updated{
  display:none !important;
}

#kpi-stock .balance-values{
  grid-template-columns:1.7fr .9fr !important;
  padding-top:4px !important;
  padding-bottom:9px !important;
}

#kpi-stock .balance-values span{
  font-size:9px !important;
  letter-spacing:.12em !important;
}

#kpi-stock #kpi-stock-value{
  font-size:30px !important;
  line-height:.96 !important;
  letter-spacing:-.045em !important;
  color:#ffffff !important;
  text-shadow:
    0 0 14px rgba(255,255,255,.10),
    0 0 26px rgba(163,230,53,.18);
}

#kpi-stock #balance-current-month{
  margin-top:5px !important;
  font-size:11px !important;
  color:#a3e635 !important;
}

#kpi-stock #balance-previous-value{
  font-size:15px !important;
  opacity:.9 !important;
}

#kpi-stock #balance-previous-month{
  font-size:10px !important;
}

#kpi-stock .balance-diff-row{
  margin-top:-4px !important;
}

#kpi-stock .balance-chart-wrap{
  height:34px !important;
}

#kpi-stock .balance-glow{
  top:-145px !important;
  height:220px !important;
}

@media(max-width:620px){
  .balance-modal-body{
    grid-template-columns:1fr;
  }
}

/* balans istoriya */
#kpi-stock .balance-head{
  display:grid !important;
  grid-template-columns:32px 1fr auto !important;
  align-items:center !important;
  gap:10px !important;
}

#kpi-stock .balance-title-wrap{
  display:grid !important;
  grid-template-columns:32px 1fr !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
  grid-column:1 / 3;
}

#kpi-stock .balance-title-wrap > div:last-child{
  text-align:center !important;
  transform:translateX(-18px);
}

#kpi-stock .balance-title-wrap h3{
  width:100% !important;
  text-align:center !important;
  white-space:nowrap !important;
}

#kpi-stock .balance-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  grid-column:3;
}

.balance-mini-btn{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:10px;
  border:1px solid rgba(163,230,53,.22);
  background:rgba(163,230,53,.055);
  color:#a3e635;
  font-size:11px;
  transition:transform .16s ease, background .16s ease, border-color .16s ease;
}

.balance-mini-btn:hover{
  transform:translateY(-1px);
  background:rgba(163,230,53,.13);
  border-color:rgba(163,230,53,.45);
}

#modal-balanco-historico.balance-history-modal{
  width:min(620px,94vw);
  padding:0 !important;
  border:1px solid rgba(132,204,22,.20) !important;
  border-radius:22px !important;
  background:#080b08 !important;
  color:#f4f4f5 !important;
  box-shadow:0 24px 70px rgba(0,0,0,.62) !important;
}

#modal-balanco-historico::backdrop{
  background:rgba(2,6,23,.68) !important;
  backdrop-filter:blur(5px);
}

.balance-history-card{
  position:relative;
  overflow:hidden;
  background:transparent;
}

.balance-history-glow{
  position:absolute;
  top:-180px;
  left:50%;
  width:360px;
  height:360px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(163,230,53,.12);
  filter:blur(62px);
  pointer-events:none;
}

.balance-history-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:20px 20px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.balance-history-head span{
  display:block;
  color:#84cc16;
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:5px;
}

.balance-history-head h3{
  margin:0;
  color:#f4f4f5;
  font-size:20px;
  font-weight:950;
  line-height:1.1;
}

.balance-history-list{
  position:relative;
  z-index:1;
  max-height:420px;
  overflow:auto;
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.balance-history-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:13px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(24,24,27,.82),rgba(10,10,10,.70));
}

.balance-history-item strong{
  display:block;
  color:#f4f4f5;
  font-size:14px;
  font-weight:950;
}

.balance-history-item small{
  display:block;
  margin-top:4px;
  max-width:290px;
  color:#8f98a8;
  font-size:11px;
  font-weight:750;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.balance-history-values{
  flex-shrink:0;
  text-align:right;
}

.balance-history-values b{
  display:block;
  color:#f4f4f5;
  font-size:14px;
  font-weight:950;
}

.balance-history-values span{
  display:block;
  margin-top:4px;
  font-size:11px;
  font-weight:900;
}

.balance-history-values .is-positive{
  color:#a3e635;
}

.balance-history-values .is-negative{
  color:#fb7185;
}

.balance-history-empty{
  padding:24px;
  border-radius:16px;
  border:1px dashed rgba(132,204,22,.20);
  color:#a1a1aa;
  text-align:center;
  font-size:13px;
  font-weight:850;
  background:rgba(255,255,255,.03);
}

@media(max-width:640px){
  .balance-history-item{
    align-items:flex-start;
    flex-direction:column;
  }

  .balance-history-values{
    text-align:left;
  }

  #kpi-stock .balance-head{
    grid-template-columns:32px 1fr auto !important;
  }
}

/* ispravlenie balans heder */
#kpi-stock .balance-head{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  min-height:38px !important;
  padding:0 76px 9px 48px !important;
}

#kpi-stock .balance-title-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-width:0 !important;
  gap:0 !important;
  grid-column:auto !important;
}

#kpi-stock .balance-title-wrap .balance-icon{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:36px !important;
  height:36px !important;
  flex:0 0 36px !important;
}

#kpi-stock .balance-title-wrap > div:last-child{
  width:100% !important;
  text-align:center !important;
  transform:none !important;
}

#kpi-stock .balance-title-wrap h3{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  text-align:center !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:11px !important;
  line-height:1 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

#kpi-stock #balance-updated{
  display:none !important;
}

#kpi-stock .balance-actions{
  position:absolute !important;
  right:0 !important;
  top:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:6px !important;
  grid-column:auto !important;
}

#kpi-stock .balance-mini-btn,
#kpi-stock .balance-add-btn{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  flex:0 0 28px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  border-radius:10px !important;
  line-height:1 !important;
}

#kpi-stock .balance-mini-btn i,
#kpi-stock .balance-actions .fas{
  width:auto !important;
  height:auto !important;
  display:block !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  filter:none !important;
  font-size:11px !important;
  line-height:1 !important;
}

#kpi-stock .balance-add-btn{
  font-size:18px !important;
  font-weight:900 !important;
}

#kpi-stock .balance-values{
  grid-template-columns:1.55fr .95fr !important;
  margin-top:2px !important;
}

#kpi-stock #kpi-stock-value{
  font-size:30px !important;
  line-height:.95 !important;
}

/* kartochki premium */
.kpi-premium-card{
  position:relative;
  overflow:hidden;
  min-height:132px;
  border-radius:20px;
  border:1px solid rgba(80,90,120,.20);
  background:#080b12;
  box-shadow:0 14px 36px rgba(0,0,0,.26);
  padding:14px 15px 12px;
  color:#f3f6fa;
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.kpi-premium-card:hover{
  transform:translateY(-2px);
  border-color:rgba(96,165,250,.34);
  box-shadow:0 18px 44px rgba(0,0,0,.34);
}

.kpi-premium-glow{
  position:absolute;
  top:-135px;
  left:50%;
  width:230px;
  height:230px;
  transform:translateX(-50%);
  border-radius:999px;
  filter:blur(54px);
  opacity:.85;
  pointer-events:none;
}

.kpi-premium-blue .kpi-premium-glow{
  background:rgba(96,165,250,.14);
}

.kpi-premium-inner{
  position:relative;
  z-index:1;
  height:100%;
  display:flex;
  flex-direction:column;
  gap:9px;
}

.kpi-premium-head{
  position:relative;
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 8px 8px 48px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.kpi-premium-icon{
  position:absolute;
  left:0;
  top:0;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:#60a5fa;
  background:rgba(96,165,250,.12);
  border:1px solid rgba(96,165,250,.22);
  box-shadow:0 0 22px rgba(96,165,250,.10);
}

.kpi-premium-icon i{
  font-size:15px;
  filter:drop-shadow(0 0 8px currentColor);
}

.kpi-premium-head h3{
  width:100%;
  margin:0;
  text-align:center;
  color:#aab2c0;
  font-size:11px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.kpi-premium-main{
  padding-top:2px;
}

.kpi-premium-main span{
  display:block;
  color:#71717a;
  font-size:9px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.kpi-premium-main strong{
  display:block;
  margin-top:4px;
  color:#ffffff;
  font-size:31px;
  font-weight:950;
  line-height:.96;
  letter-spacing:-.045em;
  text-shadow:
    0 0 14px rgba(255,255,255,.10),
    0 0 26px rgba(96,165,250,.18);
}

.kpi-premium-main small{
  display:block;
  margin-top:6px;
  color:#93c5fd;
  font-size:11px;
  font-weight:900;
}

.kpi-premium-chart{
  height:34px;
  margin-top:auto;
}

body.light .kpi-premium-card{
  background:#ffffff;
  border-color:#dbeafe;
  box-shadow:0 12px 34px rgba(15,23,42,.10);
}

body.light .kpi-premium-head h3,
body.light .kpi-premium-main strong{
  color:#0f172a;
}

/* kpi elementi */
#kpi-skus.kpi-items-card{
  position:relative !important;
  overflow:hidden !important;
  min-height:132px !important;
  border-radius:20px !important;
  border:1px solid rgba(96,165,250,.22) !important;
  background:#080b12 !important;
  box-shadow:0 14px 36px rgba(0,0,0,.26) !important;
  padding:14px 15px 12px !important;
  color:#f3f6fa !important;
}

#kpi-skus .kpi-items-glow{
  position:absolute;
  top:-145px;
  left:50%;
  width:230px;
  height:230px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(96,165,250,.14);
  filter:blur(54px);
  pointer-events:none;
}

#kpi-skus .kpi-items-inner{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:8px;
  height:100%;
}

#kpi-skus .kpi-items-head{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 38px 9px 48px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

#kpi-skus .kpi-items-icon{
  position:absolute;
  left:0;
  top:0;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:#60a5fa;
  background:rgba(96,165,250,.12);
  border:1px solid rgba(96,165,250,.22);
  box-shadow:0 0 22px rgba(96,165,250,.10);
}

#kpi-skus .kpi-items-icon i,
#kpi-skus .kpi-items-history-btn i{
  width:auto !important;
  height:auto !important;
  display:block !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  filter:none !important;
  font-size:13px !important;
}

#kpi-skus .kpi-items-head h3{
  width:100%;
  margin:0 !important;
  text-align:center;
  color:#aab2c0 !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#kpi-skus .kpi-items-history-btn{
  position:absolute;
  right:0;
  top:0;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  padding:0;
  border-radius:10px;
  border:1px solid rgba(96,165,250,.22);
  background:rgba(96,165,250,.055);
  color:#60a5fa;
}

#kpi-skus .kpi-items-history-btn:hover{
  transform:translateY(-1px);
  background:rgba(96,165,250,.13);
  border-color:rgba(96,165,250,.45);
}

#kpi-skus .kpi-items-values{
  display:grid;
  grid-template-columns:1.55fr .95fr;
  padding-top:3px;
  padding-bottom:7px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

#kpi-skus .kpi-items-values > div:first-child{
  padding-right:13px;
  border-right:1px solid rgba(255,255,255,.08);
}

#kpi-skus .kpi-items-values > div:last-child{
  padding-left:13px;
}

#kpi-skus .kpi-items-values span{
  display:block;
  color:#71717a;
  font-size:9px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

#kpi-skus .kpi-items-values strong{
  display:block;
  margin-top:4px;
  color:#ffffff !important;
  font-size:30px !important;
  font-weight:950 !important;
  line-height:.96 !important;
  letter-spacing:-.045em;
  text-shadow:
    0 0 14px rgba(255,255,255,.10),
    0 0 26px rgba(96,165,250,.18);
}

#kpi-skus .kpi-items-values > div:last-child strong{
  font-size:15px !important;
  opacity:.9;
  letter-spacing:-.02em;
}

#kpi-skus .kpi-items-values small{
  display:block;
  margin-top:5px;
  color:#93c5fd;
  font-size:10px;
  font-weight:900;
}

#kpi-skus .kpi-items-diff-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:-3px;
}

#kpi-skus .kpi-items-diff-row span,
#kpi-skus .kpi-items-diff-row strong{
  color:#60a5fa;
  font-size:11px;
  font-weight:950;
}

#kpi-skus .kpi-items-diff-row .is-positive{
  color:#60a5fa;
}

#kpi-skus .kpi-items-diff-row .is-negative{
  color:#fb7185;
}

#kpi-skus .kpi-items-chart-wrap{
  height:34px;
  margin-top:auto;
}

#kpi-skus .kpi-items-chart-wrap svg{
  display:block;
  width:100%;
  height:100%;
  filter:drop-shadow(0 0 12px rgba(96,165,250,.22));
}

/* modal istorii elementov */
#modal-kpi-items-history.kpi-items-modal{
  width:min(620px,94vw);
  padding:0 !important;
  border:1px solid rgba(96,165,250,.22) !important;
  border-radius:22px !important;
  background:#080b12 !important;
  color:#f4f4f5 !important;
  box-shadow:0 24px 70px rgba(0,0,0,.62) !important;
}

#modal-kpi-items-history::backdrop{
  background:rgba(2,6,23,.68) !important;
  backdrop-filter:blur(5px);
}

.kpi-items-modal-card{
  position:relative;
  overflow:hidden;
  background:transparent;
}

.kpi-items-modal-glow{
  position:absolute;
  top:-180px;
  left:50%;
  width:360px;
  height:360px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(96,165,250,.13);
  filter:blur(62px);
  pointer-events:none;
}

.kpi-items-modal-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:20px 20px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.kpi-items-modal-head span{
  display:block;
  color:#60a5fa;
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:5px;
}

.kpi-items-modal-head h3{
  margin:0;
  color:#f4f4f5;
  font-size:20px;
  font-weight:950;
  line-height:1.1;
}

.kpi-items-modal-x{
  width:34px;
  height:34px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:#a1a1aa;
  font-size:24px;
  line-height:1;
}

.kpi-items-modal-x:hover{
  background:rgba(96,165,250,.14);
  color:#93c5fd;
}

.kpi-items-history-list{
  position:relative;
  z-index:1;
  max-height:420px;
  overflow:auto;
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.kpi-items-history-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:13px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(24,24,27,.82),rgba(10,10,10,.70));
}

.kpi-items-history-item strong{
  display:block;
  color:#f4f4f5;
  font-size:14px;
  font-weight:950;
}

.kpi-items-history-item small{
  display:block;
  margin-top:4px;
  color:#8f98a8;
  font-size:11px;
  font-weight:750;
}

.kpi-items-history-values{
  flex-shrink:0;
  text-align:right;
}

.kpi-items-history-values b{
  display:block;
  color:#f4f4f5;
  font-size:14px;
  font-weight:950;
}

.kpi-items-history-values span{
  display:block;
  margin-top:4px;
  font-size:11px;
  font-weight:900;
}

.kpi-items-history-values .is-positive{
  color:#60a5fa;
}

.kpi-items-history-values .is-negative{
  color:#fb7185;
}

.kpi-items-empty{
  padding:24px;
  border-radius:16px;
  border:1px dashed rgba(96,165,250,.20);
  color:#a1a1aa;
  text-align:center;
  font-size:13px;
  font-weight:850;
  background:rgba(255,255,255,.03);
}

/* kpi vhody */
#kpi-entradas.kpi-entradas-card{
  position:relative !important;
  overflow:hidden !important;
  min-height:132px !important;
  border-radius:20px !important;
  border:1px solid rgba(250,204,21,.22) !important;
  background:#10100a !important;
  box-shadow:0 14px 36px rgba(0,0,0,.26) !important;
  padding:14px 15px 12px !important;
  color:#f3f6fa !important;
}

#kpi-entradas .kpi-entradas-glow{
  position:absolute;
  top:-145px;
  left:50%;
  width:230px;
  height:230px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(250,204,21,.14);
  filter:blur(54px);
  pointer-events:none;
}

#kpi-entradas .kpi-entradas-inner{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:8px;
  height:100%;
}

#kpi-entradas .kpi-entradas-head{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 38px 9px 48px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

#kpi-entradas .kpi-entradas-icon{
  position:absolute;
  left:0;
  top:0;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:#facc15;
  background:rgba(250,204,21,.12);
  border:1px solid rgba(250,204,21,.22);
  box-shadow:0 0 22px rgba(250,204,21,.10);
}

#kpi-entradas .kpi-entradas-icon i,
#kpi-entradas .kpi-entradas-history-btn i{
  width:auto !important;
  height:auto !important;
  display:block !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  filter:none !important;
  font-size:13px !important;
}

#kpi-entradas .kpi-entradas-head h3{
  width:100%;
  margin:0 !important;
  text-align:center;
  color:#aab2c0 !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#kpi-entradas .kpi-entradas-history-btn{
  position:absolute;
  right:0;
  top:0;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  padding:0;
  border-radius:10px;
  color:#facc15;
  background:rgba(250,204,21,.08);
  border:1px solid rgba(250,204,21,.26);
  transition:background .18s ease, transform .18s ease;
}

#kpi-entradas .kpi-entradas-history-btn:hover{
  transform:translateY(-1px);
  background:rgba(250,204,21,.16);
}

#kpi-entradas .kpi-entradas-values{
  display:grid;
  grid-template-columns:1.55fr .95fr;
  gap:0;
  border-bottom:1px solid rgba(255,255,255,.08);
  padding-bottom:8px;
}

#kpi-entradas .kpi-entradas-values > div:first-child{
  padding-right:14px;
  border-right:1px solid rgba(255,255,255,.08);
}

#kpi-entradas .kpi-entradas-values > div:last-child{
  padding-left:14px;
}

#kpi-entradas .kpi-entradas-values span{
  display:block;
  color:#71717a;
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
}

#kpi-entradas .kpi-entradas-values strong{
  display:block;
  margin-top:4px;
  color:#f4f4f5;
  font-size:30px;
  font-weight:950;
  line-height:.95;
  white-space:nowrap;
}

#kpi-entradas .kpi-entradas-values > div:last-child strong{
  font-size:15px;
  line-height:1.08;
}

#kpi-entradas .kpi-entradas-values small{
  display:block;
  margin-top:5px;
  color:#facc15;
  font-size:11px;
  font-weight:900;
  line-height:1.15;
}

#kpi-entradas .kpi-entradas-diff-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:-1px;
}

#kpi-entradas .kpi-entradas-diff-row span,
#kpi-entradas .kpi-entradas-diff-row strong{
  color:#facc15;
  font-size:12px;
  font-weight:950;
}

#kpi-entradas .kpi-entradas-diff-row .is-negative{
  color:#fb7185;
}

#kpi-entradas .kpi-entradas-diff-row .is-positive{
  color:#facc15;
}

#kpi-entradas .kpi-entradas-chart-wrap{
  height:35px;
  width:100%;
  margin-top:auto;
}

#kpi-entradas-chart{
  display:block;
  width:100%;
  height:100%;
  filter:drop-shadow(0 0 12px rgba(250,204,21,.20));
}

#modal-kpi-entradas-history.kpi-entradas-modal{
  width:min(620px,95vw);
  border:0 !important;
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.kpi-entradas-modal-card{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(250,204,21,.22);
  background:linear-gradient(180deg,#10100a,#090908);
  box-shadow:0 24px 70px rgba(0,0,0,.62);
}

.kpi-entradas-modal-glow{
  position:absolute;
  top:-170px;
  left:50%;
  width:320px;
  height:320px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(250,204,21,.16);
  filter:blur(68px);
  pointer-events:none;
}

.kpi-entradas-modal-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:20px 20px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.kpi-entradas-modal-head span{
  display:block;
  color:#facc15;
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:5px;
}

.kpi-entradas-modal-head h3{
  margin:0;
  color:#f4f4f5;
  font-size:22px;
  font-weight:950;
  line-height:1.05;
}

.kpi-entradas-modal-x{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#e5e7eb;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);
  font-size:24px;
  line-height:1;
}

.kpi-entradas-history-list{
  position:relative;
  z-index:1;
  max-height:58vh;
  overflow:auto;
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.kpi-entradas-history-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(10,10,10,.70));
}

.kpi-entradas-history-item strong{
  display:block;
  color:#f4f4f5;
  font-size:14px;
  font-weight:950;
}

.kpi-entradas-history-item small{
  display:block;
  margin-top:4px;
  max-width:300px;
  color:#8f98a8;
  font-size:11px;
  font-weight:750;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.kpi-entradas-history-values{
  flex-shrink:0;
  text-align:right;
}

.kpi-entradas-history-values b{
  display:block;
  color:#f4f4f5;
  font-size:14px;
  font-weight:950;
}

.kpi-entradas-history-values span{
  display:block;
  margin-top:4px;
  font-size:11px;
  font-weight:900;
}

.kpi-entradas-history-values .is-positive{
  color:#facc15;
}

.kpi-entradas-history-values .is-negative{
  color:#fb7185;
}

.kpi-entradas-empty{
  padding:24px;
  border-radius:16px;
  border:1px dashed rgba(250,204,21,.20);
  color:#a1a1aa;
  text-align:center;
  font-size:13px;
  font-weight:850;
  background:rgba(255,255,255,.03);
}

body.light #kpi-entradas.kpi-entradas-card{
  background:#ffffff !important;
  border-color:#fde68a !important;
  box-shadow:0 12px 34px rgba(15,23,42,.10) !important;
}

body.light #kpi-entradas .kpi-entradas-head h3,
body.light #kpi-entradas .kpi-entradas-values strong{
  color:#0f172a !important;
}

body.light .kpi-entradas-modal-card{
  background:#ffffff;
  border-color:#fde68a;
}

body.light .kpi-entradas-modal-head h3,
body.light .kpi-entradas-history-item strong,
body.light .kpi-entradas-history-values b{
  color:#0f172a;
}

body.light .kpi-entradas-history-item{
  background:#f8fafc;
  border-color:#e5e7eb;
}

@media(max-width:640px){
  #kpi-entradas .kpi-entradas-values{
    grid-template-columns:1.4fr 1fr;
  }

  .kpi-entradas-history-item{
    align-items:flex-start;
    flex-direction:column;
  }

  .kpi-entradas-history-values{
    text-align:left;
  }
}

/* kpi vhody top lista */
#kpi-entradas .kpi-entradas-top-title{
  display:block;
  margin-bottom:3px;
  color:#facc15;
  font-size:10px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#kpi-entradas .kpi-entradas-top-item{
  display:block;
  max-width:145px;
  margin-top:2px;
  color:#fde68a;
  line-height:1.12;
}

#kpi-entradas .kpi-entradas-top-item b{
  display:block;
  color:#fef3c7;
  font-size:10px;
  font-weight:950;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#kpi-entradas .kpi-entradas-top-item em{
  display:block;
  color:#facc15;
  font-size:9px;
  font-style:normal;
  font-weight:850;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

body.light #kpi-entradas .kpi-entradas-top-item b{
  color:#713f12;
}

body.light #kpi-entradas .kpi-entradas-top-item em,
body.light #kpi-entradas .kpi-entradas-top-title{
  color:#ca8a04;
}

/* kpi vihody */
#kpi-saidas.kpi-saidas-card{
  position:relative !important;
  overflow:hidden !important;
  min-height:132px !important;
  border-radius:20px !important;
  border:1px solid rgba(244,114,182,.24) !important;
  background:#100812 !important;
  box-shadow:0 14px 36px rgba(0,0,0,.26) !important;
  padding:14px 15px 12px !important;
  color:#f3f6fa !important;
}

#kpi-saidas .kpi-saidas-glow{
  position:absolute;
  top:-145px;
  left:50%;
  width:230px;
  height:230px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(244,114,182,.16);
  filter:blur(54px);
  pointer-events:none;
}

#kpi-saidas .kpi-saidas-inner{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:8px;
  height:100%;
}

#kpi-saidas .kpi-saidas-head{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 38px 9px 48px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

#kpi-saidas .kpi-saidas-icon{
  position:absolute;
  left:0;
  top:0;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:#f472b6;
  background:rgba(244,114,182,.12);
  border:1px solid rgba(244,114,182,.24);
  box-shadow:0 0 22px rgba(244,114,182,.12);
}

#kpi-saidas .kpi-saidas-icon i,
#kpi-saidas .kpi-saidas-history-btn i{
  width:auto !important;
  height:auto !important;
  display:block !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  filter:none !important;
  font-size:13px !important;
}

#kpi-saidas .kpi-saidas-head h3{
  width:100%;
  margin:0 !important;
  text-align:center;
  color:#aab2c0 !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#kpi-saidas .kpi-saidas-history-btn{
  position:absolute;
  right:0;
  top:0;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  padding:0;
  border-radius:10px;
  color:#f472b6;
  background:rgba(244,114,182,.08);
  border:1px solid rgba(244,114,182,.28);
  transition:background .18s ease, transform .18s ease;
}

#kpi-saidas .kpi-saidas-history-btn:hover{
  transform:translateY(-1px);
  background:rgba(244,114,182,.16);
}

#kpi-saidas .kpi-saidas-values{
  display:grid;
  grid-template-columns:1.55fr .95fr;
  gap:0;
  border-bottom:1px solid rgba(255,255,255,.08);
  padding-bottom:8px;
}

#kpi-saidas .kpi-saidas-values > div:first-child{
  padding-right:14px;
  border-right:1px solid rgba(255,255,255,.08);
}

#kpi-saidas .kpi-saidas-values > div:last-child{
  padding-left:14px;
}

#kpi-saidas .kpi-saidas-values span{
  display:block;
  color:#71717a;
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
}

#kpi-saidas .kpi-saidas-values strong{
  display:block;
  margin-top:4px;
  color:#f4f4f5;
  font-size:30px;
  font-weight:950;
  line-height:.95;
  white-space:nowrap;
}

#kpi-saidas .kpi-saidas-values > div:last-child strong{
  font-size:15px;
  line-height:1.08;
}

#kpi-saidas .kpi-saidas-values small{
  display:block;
  margin-top:5px;
  color:#f472b6;
  font-size:11px;
  font-weight:900;
  line-height:1.15;
}

#kpi-saidas .kpi-saidas-diff-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:-1px;
}

#kpi-saidas .kpi-saidas-diff-row span,
#kpi-saidas .kpi-saidas-diff-row strong{
  color:#f472b6;
  font-size:12px;
  font-weight:950;
}

#kpi-saidas .kpi-saidas-diff-row .is-negative{
  color:#fb7185;
}

#kpi-saidas .kpi-saidas-diff-row .is-positive{
  color:#f472b6;
}

#kpi-saidas .kpi-saidas-chart-wrap{
  height:35px;
  width:100%;
  margin-top:auto;
}

#kpi-saidas-chart{
  display:block;
  width:100%;
  height:100%;
  filter:drop-shadow(0 0 12px rgba(244,114,182,.22));
}

#kpi-saidas .kpi-saidas-top-title{
  display:block;
  margin-bottom:3px;
  color:#f472b6;
  font-size:10px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#kpi-saidas .kpi-saidas-top-item{
  display:block;
  max-width:145px;
  margin-top:2px;
  color:#fbcfe8;
  line-height:1.12;
}

#kpi-saidas .kpi-saidas-top-item b{
  display:block;
  color:#fce7f3;
  font-size:10px;
  font-weight:950;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#kpi-saidas .kpi-saidas-top-item em{
  display:block;
  color:#f472b6;
  font-size:9px;
  font-style:normal;
  font-weight:850;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#modal-kpi-saidas-history.kpi-saidas-modal{
  width:min(620px,95vw);
  border:0 !important;
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.kpi-saidas-modal-card{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(244,114,182,.24);
  background:linear-gradient(180deg,#100812,#09070a);
  box-shadow:0 24px 70px rgba(0,0,0,.62);
}

.kpi-saidas-modal-glow{
  position:absolute;
  top:-170px;
  left:50%;
  width:320px;
  height:320px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(244,114,182,.16);
  filter:blur(68px);
  pointer-events:none;
}

.kpi-saidas-modal-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:20px 20px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.kpi-saidas-modal-head span{
  display:block;
  color:#f472b6;
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:5px;
}

.kpi-saidas-modal-head h3{
  margin:0;
  color:#f4f4f5;
  font-size:22px;
  font-weight:950;
  line-height:1.05;
}

.kpi-saidas-modal-x{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#e5e7eb;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);
  font-size:24px;
  line-height:1;
}

.kpi-saidas-history-list{
  position:relative;
  z-index:1;
  max-height:58vh;
  overflow:auto;
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.kpi-saidas-history-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(10,10,10,.70));
}

.kpi-saidas-history-item strong{
  display:block;
  color:#f4f4f5;
  font-size:14px;
  font-weight:950;
}

.kpi-saidas-history-item small{
  display:block;
  margin-top:4px;
  max-width:300px;
  color:#8f98a8;
  font-size:11px;
  font-weight:750;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.kpi-saidas-history-values{
  flex-shrink:0;
  text-align:right;
}

.kpi-saidas-history-values b{
  display:block;
  color:#f4f4f5;
  font-size:14px;
  font-weight:950;
}

.kpi-saidas-history-values span{
  display:block;
  margin-top:4px;
  font-size:11px;
  font-weight:900;
}

.kpi-saidas-history-values .is-positive{
  color:#f472b6;
}

.kpi-saidas-history-values .is-negative{
  color:#fb7185;
}

.kpi-saidas-empty{
  padding:24px;
  border-radius:16px;
  border:1px dashed rgba(244,114,182,.22);
  color:#a1a1aa;
  text-align:center;
  font-size:13px;
  font-weight:850;
  background:rgba(255,255,255,.03);
}

body.light #kpi-saidas.kpi-saidas-card{
  background:#ffffff !important;
  border-color:#fbcfe8 !important;
  box-shadow:0 12px 34px rgba(15,23,42,.10) !important;
}

body.light #kpi-saidas .kpi-saidas-head h3,
body.light #kpi-saidas .kpi-saidas-values strong{
  color:#0f172a !important;
}

body.light #kpi-saidas .kpi-saidas-top-item b{
  color:#831843;
}

body.light #kpi-saidas .kpi-saidas-top-item em,
body.light #kpi-saidas .kpi-saidas-top-title{
  color:#db2777;
}

body.light .kpi-saidas-modal-card{
  background:#ffffff;
  border-color:#fbcfe8;
}

body.light .kpi-saidas-modal-head h3,
body.light .kpi-saidas-history-item strong,
body.light .kpi-saidas-history-values b{
  color:#0f172a;
}

body.light .kpi-saidas-history-item{
  background:#f8fafc;
  border-color:#e5e7eb;
}

@media(max-width:640px){
  #kpi-saidas .kpi-saidas-values{
    grid-template-columns:1.4fr 1fr;
  }

  .kpi-saidas-history-item{
    align-items:flex-start;
    flex-direction:column;
  }

  .kpi-saidas-history-values{
    text-align:left;
  }
}

#kpi-stock .balance-icon i,
#kpi-stock .balance-mini-btn i{
  width:auto !important;
  height:auto !important;
  display:block !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  filter:none !important;
  font-size:14px !important;
  line-height:1 !important;
}

#kpi-stock .balance-icon{
  display:grid !important;
  place-items:center !important;
  align-self:flex-start !important;
}

#kpi-stock .balance-head{
  align-items:flex-start !important;
}

#kpi-entradas .kpi-entradas-top-item,
#kpi-saidas .kpi-saidas-top-item{
  display:block !important;
  max-width:190px !important;
  margin-top:2px !important;
  line-height:1.08 !important;
}

#kpi-entradas .kpi-entradas-top-item b,
#kpi-saidas .kpi-saidas-top-item b{
  display:block !important;
  width:100% !important;
  color:inherit;
  font-size:9.5px !important;
  font-weight:950 !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  letter-spacing:.04em;
}

#kpi-entradas .kpi-entradas-top-item em,
#kpi-saidas .kpi-saidas-top-item em{
  display:none !important;
}

#kpi-entradas .kpi-entradas-top-title,
#kpi-saidas .kpi-saidas-top-title{
  display:inline-flex !important;
  align-items:center;
  padding:2px 7px !important;
  margin-bottom:6px !important;
  border-radius:999px;
  font-size:8px !important;
  font-weight:950 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase;
  line-height:1;
  opacity:1 !important;
}

#kpi-entradas .kpi-entradas-top-title{
  color:#facc15 !important;
  background:rgba(250,204,21,.12) !important;
  border:1px solid rgba(250,204,21,.20) !important;
}

#kpi-saidas .kpi-saidas-top-title{
  color:#f472b6 !important;
  background:rgba(244,114,182,.12) !important;
  border:1px solid rgba(244,114,182,.20) !important;
}

#kpi-entradas .kpi-entradas-top-item,
#kpi-saidas .kpi-saidas-top-item{
  margin-top:3px !important;
}

#kpi-entradas .kpi-entradas-top-item b{
  color:#fef3c7 !important;
}

#kpi-saidas .kpi-saidas-top-item b{
  color:#fce7f3 !important;
}

body.light #kpi-entradas .kpi-entradas-top-title{
  color:#a16207 !important;
  background:rgba(250,204,21,.16) !important;
  border-color:rgba(202,138,4,.24) !important;
}

body.light #kpi-saidas .kpi-saidas-top-title{
  color:#be185d !important;
  background:rgba(244,114,182,.14) !important;
  border-color:rgba(219,39,119,.22) !important;
}

#page-dashboard > section[aria-label="Ranking operacional e movimentos recentes"]{
  margin-top:0;
}

#page-dashboard > section[aria-label="Ranking operacional e movimentos recentes"] .dash-top-products{
  margin-top:0 !important;
  min-height:360px;
}

#page-dashboard > section[aria-label="Ranking operacional e movimentos recentes"] > section[aria-label="Movimentos recentes"]{
  min-height:360px;
  border-radius:18px !important;
  border:1px solid rgba(80,90,120,.18) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(61,139,255,.08), transparent 32%),
    linear-gradient(180deg, #232733, #1b202d) !important;
  box-shadow:0 4px 24px rgba(0,0,0,.16);
}

body.light #page-dashboard > section[aria-label="Ranking operacional e movimentos recentes"] > section[aria-label="Movimentos recentes"]{
  background:#ffffff !important;
  border-color:#e5e7eb !important;
}

/* dashboard ranking spacing */
#page-dashboard .dash-insights-grid{
  margin-bottom:22px !important;
}

#page-dashboard > section[aria-label="Ranking operacional e movimentos recentes"]{
  margin-top:22px !important;
  gap:24px !important;
}

#page-dashboard > section[aria-label="Ranking operacional e movimentos recentes"] .dash-top-products{
  min-height:auto !important;
}

#page-dashboard > section[aria-label="Ranking operacional e movimentos recentes"] > section[aria-label="Movimentos recentes"]{
  min-height:520px !important;
}


#page-dashboard .dash-top-products-table-wrap{
  max-height:none !important;
  overflow:visible !important;
}

#page-dashboard .dash-top-products-table thead th{
  position:static !important;
}

#kpi-stock.balance-card-uiverse{
  position:relative !important;
  overflow:hidden !important;
  min-height:132px !important;
  border-radius:20px !important;
  border:1px solid rgba(132,204,22,.24) !important;
  background:#071007 !important;
  box-shadow:0 14px 36px rgba(0,0,0,.26) !important;
  padding:14px 15px 12px !important;
  color:#f3f6fa !important;
}

#kpi-stock .balance-glow{
  position:absolute !important;
  top:-145px !important;
  left:50% !important;
  width:230px !important;
  height:230px !important;
  transform:translateX(-50%) !important;
  border-radius:999px !important;
  background:rgba(132,204,22,.16) !important;
  filter:blur(54px) !important;
  pointer-events:none !important;
}

#kpi-stock .balance-inner{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  height:100% !important;
}

#kpi-stock .balance-head{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px !important;
  padding:0 72px 9px 48px !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

#kpi-stock .balance-title-wrap{
  display:block !important;
  min-width:0 !important;
}

#kpi-stock .balance-icon{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:36px !important;
  height:36px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:13px !important;
  color:#84cc16 !important;
  background:rgba(132,204,22,.12) !important;
  border:1px solid rgba(132,204,22,.24) !important;
  box-shadow:0 0 22px rgba(132,204,22,.12) !important;
}

#kpi-stock .balance-icon i,
#kpi-stock .balance-mini-btn i,
#kpi-stock .balance-add-btn i{
  width:auto !important;
  height:auto !important;
  display:block !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  filter:none !important;
  font-size:13px !important;
  line-height:1 !important;
}

#kpi-stock .balance-title-wrap h3{
  width:100% !important;
  margin:0 !important;
  text-align:center !important;
  color:#aab2c0 !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

#kpi-stock .balance-title-wrap p{
  display:none !important;
}

#kpi-stock .balance-actions{
  position:absolute !important;
  right:0 !important;
  top:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
}

#kpi-stock .balance-mini-btn,
#kpi-stock .balance-add-btn{
  width:28px !important;
  height:28px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  border-radius:10px !important;
  color:#84cc16 !important;
  background:rgba(132,204,22,.08) !important;
  border:1px solid rgba(132,204,22,.28) !important;
  font-size:15px !important;
  font-weight:950 !important;
  line-height:1 !important;
  transition:background .18s ease, transform .18s ease !important;
}

#kpi-stock .balance-mini-btn:hover,
#kpi-stock .balance-add-btn:hover{
  transform:translateY(-1px) !important;
  background:rgba(132,204,22,.16) !important;
  color:#bef264 !important;
}

#kpi-stock .balance-values{
  display:grid !important;
  grid-template-columns:1.55fr .95fr !important;
  gap:0 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  padding-bottom:8px !important;
}

#kpi-stock .balance-values > div:first-child{
  padding-right:14px !important;
  border-right:1px solid rgba(255,255,255,.08) !important;
}

#kpi-stock .balance-values > div:last-child{
  padding-left:14px !important;
}

#kpi-stock .balance-values span{
  display:block !important;
  color:#71717a !important;
  font-size:10px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
}

#kpi-stock .balance-values strong{
  display:block !important;
  margin-top:4px !important;
  color:#f4f4f5 !important;
  font-size:30px !important;
  font-weight:950 !important;
  line-height:.95 !important;
  white-space:nowrap !important;
}

#kpi-stock .balance-values > div:last-child strong{
  font-size:15px !important;
  line-height:1.08 !important;
}

#kpi-stock .balance-values small{
  display:block !important;
  margin-top:5px !important;
  color:#84cc16 !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1.15 !important;
}

#kpi-stock .balance-diff-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  margin-top:-1px !important;
}

#kpi-stock .balance-diff-row span,
#kpi-stock .balance-diff-row strong{
  font-size:12px !important;
  font-weight:950 !important;
}

#kpi-stock .balance-chart-wrap{
  height:35px !important;
  width:100% !important;
  margin-top:auto !important;
}

#kpi-stock #balance-mini-chart{
  display:block !important;
  width:100% !important;
  height:100% !important;
  filter:drop-shadow(0 0 12px rgba(132,204,22,.22)) !important;
}

body.light #kpi-stock.balance-card-uiverse{
  background:#ffffff !important;
  border-color:#d9f99d !important;
  box-shadow:0 12px 34px rgba(15,23,42,.10) !important;
}

body.light #kpi-stock .balance-title-wrap h3,
body.light #kpi-stock .balance-values strong{
  color:#0f172a !important;
}

/* obolochka Estoque2 */
:root{
  --estoque-shell-bg:#0b1020;
  --estoque-panel:#111827;
  --estoque-panel-2:#151d2e;
  --estoque-border:rgba(148,163,184,.16);
  --estoque-text:#e5edf8;
  --estoque-muted:#8f9bad;
  --estoque-blue:#60a5fa;
  --estoque-blue-strong:#3b82f6;
  --estoque-cyan:#22d3ee;
}

body{
  background:
    radial-gradient(900px 420px at 18% -8%, rgba(59,130,246,.16), transparent 62%),
    radial-gradient(760px 380px at 92% 6%, rgba(34,211,238,.10), transparent 60%),
    linear-gradient(180deg,#070b16 0%, #0b1020 42%, #0a0f1d 100%) !important;
}

/* sidebar */
#sidebar{
  background:
    radial-gradient(320px 220px at 30% 0%, rgba(59,130,246,.16), transparent 64%),
    linear-gradient(180deg,#111827 0%, #0d1422 100%) !important;
  border-right:1px solid rgba(148,163,184,.14) !important;
  box-shadow:18px 0 50px rgba(0,0,0,.22);
}

#brand-home{
  min-height:66px;
  padding:16px 18px !important;
  border-bottom:1px solid rgba(148,163,184,.14) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0));
}

#brand-home .w-8{
  width:34px !important;
  height:34px !important;
  border-radius:10px !important;
  background:linear-gradient(135deg,#2563eb,#60a5fa) !important;
  box-shadow:0 10px 24px rgba(37,99,235,.28);
  font-size:13px !important;
  letter-spacing:.03em;
}

#brand-home span{
  color:#8bbcff !important;
  font-size:16px !important;
  font-weight:850 !important;
  letter-spacing:.01em;
}

#sidebar nav{
  padding:14px 10px !important;
}

#sidebar nav > div.text-xs{
  color:#64748b !important;
  font-size:10px !important;
  letter-spacing:.12em !important;
  margin-top:14px !important;
  margin-bottom:8px !important;
}

#sidebar button{
  min-height:40px;
  border-radius:12px !important;
  color:#cbd5e1 !important;
  font-weight:780 !important;
  transition:
    background .16s ease,
    color .16s ease,
    transform .16s ease,
    box-shadow .16s ease,
    border-color .16s ease;
}

#sidebar button:hover{
  transform:translateX(2px);
  background:rgba(96,165,250,.10) !important;
  color:#f8fafc !important;
  box-shadow:inset 0 0 0 1px rgba(96,165,250,.14);
}

#sidebar button.bg-blue-900,
#sidebar button[aria-expanded="true"].bg-blue-900{
  background:linear-gradient(135deg,rgba(37,99,235,.34),rgba(14,165,233,.18)) !important;
  color:#dbeafe !important;
  box-shadow:
    inset 0 0 0 1px rgba(96,165,250,.24),
    0 10px 24px rgba(37,99,235,.12);
}

#sidebar button i:first-child{
  color:#93c5fd !important;
}

#sidebar .bg-green-600{
  background:rgba(34,197,94,.16) !important;
  color:#bbf7d0 !important;
  border:1px solid rgba(74,222,128,.22);
  border-radius:999px !important;
  padding:3px 7px !important;
  font-size:10px !important;
}

#sidebar .text-gray-400{
  color:#8f9bad !important;
}

/* topbar */
header{
  min-height:62px;
  background:
    linear-gradient(180deg,rgba(17,24,39,.96),rgba(13,20,34,.94)) !important;
  border-bottom:1px solid rgba(148,163,184,.14) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.18);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

/* busca */
.topbar-wrap{
  width:min(460px, 42vw) !important;
}

#topbar-search{
  height:40px !important;
  border-radius:999px !important;
  background:rgba(15,23,42,.72) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  color:#e5edf8 !important;
  font-weight:700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 8px 22px rgba(0,0,0,.14);
}

#topbar-search::placeholder{
  color:#7f8da3 !important;
}

#topbar-search:focus{
  border-color:rgba(96,165,250,.58) !important;
  box-shadow:
    0 0 0 3px rgba(59,130,246,.16),
    0 10px 26px rgba(37,99,235,.12) !important;
}

#topbar-suggest{
  margin-top:8px !important;
  border-radius:16px !important;
  background:#0f172a !important;
  border:1px solid rgba(148,163,184,.16) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.36) !important;
  overflow:hidden;
}

/* breadcrumb Home */
#breadcrumb{
  padding:6px 12px;
  border-radius:999px;
  background:rgba(15,23,42,.40);
  border:1px solid rgba(148,163,184,.10);
  color:#aab6c7 !important;
  font-weight:800;
}

#breadcrumb button,
#breadcrumb span{
  color:#aab6c7 !important;
}

#breadcrumb span.text-gray-200{
  color:#e5edf8 !important;
}

/* notificacao */
#btn-notifications{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:14px !important;
  background:rgba(15,23,42,.46);
  border:1px solid rgba(148,163,184,.12);
  color:#9ca3af !important;
}

#btn-notifications:hover{
  color:#e5edf8 !important;
  background:rgba(96,165,250,.10);
  border-color:rgba(96,165,250,.22);
}

/* botao HUB */
#btn-hub-top.hub-uiverse-rocket{
  height:40px !important;
  min-width:88px !important;
  padding:0 15px !important;
  border-radius:14px !important;
  background:
    radial-gradient(circle at 22% 18%, rgba(255,255,255,.24), transparent 24%),
    linear-gradient(135deg,#4f46e5,#2563eb 52%,#06b6d4) !important;
  border:1px solid rgba(147,197,253,.24) !important;
  box-shadow:
    0 10px 26px rgba(37,99,235,.28),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}

#btn-hub-top .hub-uiverse-text{
  font-size:13px !important;
  letter-spacing:.07em !important;
}

#btn-hub-top .hub-uiverse-icon{
  font-size:12px !important;
}

/* avatar */
#btn-avatar{
  min-height:40px;
  padding:4px 8px 4px 5px;
  border-radius:999px !important;
  background:rgba(15,23,42,.46);
  border:1px solid rgba(148,163,184,.12);
  color:#e5edf8 !important;
  transition:background .16s ease, border-color .16s ease, transform .16s ease;
}

#btn-avatar:hover{
  transform:translateY(-1px);
  background:rgba(96,165,250,.10);
  border-color:rgba(96,165,250,.24);
}

#avatar-circle,
#avatar-img{
  width:34px !important;
  height:34px !important;
  border-radius:999px !important;
  box-shadow:0 0 0 2px rgba(96,165,250,.18);
}

#avatar-circle{
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.26), transparent 25%),
    linear-gradient(135deg,#1d4ed8,#0ea5e9) !important;
  color:#fff !important;
}

#avatar-username{
  color:#e5edf8 !important;
  font-size:13px !important;
  font-weight:850 !important;
}

/* dropdown avatar */
#avatar-dropdown{
  margin-top:10px !important;
  border-radius:16px !important;
  background:#0f172a !important;
  border:1px solid rgba(148,163,184,.16) !important;
  box-shadow:0 20px 50px rgba(0,0,0,.42) !important;
  overflow:hidden;
}

#avatar-dropdown button{
  color:#cbd5e1 !important;
}

#avatar-dropdown button:hover{
  background:rgba(96,165,250,.10) !important;
  color:#f8fafc !important;
}

/* area principal */
#page-dashboard{
  padding:24px !important;
}

.md\:pl-72{
  background:transparent !important;
}

/* footer */
footer{
  background:rgba(8,13,24,.86) !important;
  border-top:1px solid rgba(148,163,184,.12) !important;
  color:#8f9bad !important;
}

/* tema claro */
body.light #sidebar,
body.light header{
  background:#ffffff !important;
  border-color:#e5e7eb !important;
}

body.light #topbar-search,
body.light #btn-avatar,
body.light #btn-notifications,
body.light #breadcrumb{
  background:#f8fafc !important;
  border-color:#e5e7eb !important;
  color:#0f172a !important;
}

body.light #avatar-username,
body.light #breadcrumb button,
body.light #breadcrumb span{
  color:#0f172a !important;
}

/* активное меню */
#sidebar button.is-active-page{
  position:relative;
  background:
    linear-gradient(135deg, rgba(37,99,235,.30), rgba(14,165,233,.14)) !important;
  color:#f8fafc !important;
  box-shadow:
    inset 0 0 0 1px rgba(96,165,250,.24),
    0 12px 28px rgba(37,99,235,.14) !important;
  transform:translateX(2px);
}

#sidebar button.is-active-page::before{
  content:"";
  position:absolute;
  left:-6px;
  top:9px;
  bottom:9px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,#60a5fa,#22d3ee);
  box-shadow:0 0 14px rgba(96,165,250,.68);
}

#sidebar button.is-active-page i:first-child{
  color:#bfdbfe !important;
  filter:drop-shadow(0 0 8px rgba(96,165,250,.40));
}

#sidebar button.is-active-page .fa-chevron-down{
  color:#93c5fd !important;
}

#sidebar button.is-active-page span.bg-green-600,
#sidebar button.is-active-page span{
  box-shadow:none;
}

/* подпункты меню */
#sidebar ul[role="region"] button{
  min-height:30px !important;
  border-radius:10px !important;
  color:#94a3b8 !important;
  font-size:12px !important;
  font-weight:750 !important;
}

#sidebar ul[role="region"] button:hover{
  color:#dbeafe !important;
  background:rgba(96,165,250,.08) !important;
}

/* верхняя панель */
#breadcrumb{
  min-height:34px;
  gap:4px;
}

#breadcrumb span.text-gray-200{
  color:#bfdbfe !important;
  text-shadow:0 0 14px rgba(96,165,250,.18);
}

/* кнопки верхней панели */
#btn-notifications,
#btn-avatar,
#btn-hub-top{
  flex-shrink:0;
}

#btn-notifications:active,
#btn-avatar:active,
#btn-hub-top:active{
  transform:scale(.97);
}

/* верхний блок дашборда */
.dash-hero-panel{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:118px;
  padding:22px 24px;
  border-radius:24px;
  border:1px solid rgba(96,165,250,.18);
  background:
    radial-gradient(circle at 8% 0%, rgba(96,165,250,.18), transparent 34%),
    radial-gradient(circle at 90% 18%, rgba(34,211,238,.10), transparent 32%),
    linear-gradient(180deg, rgba(21,29,46,.96), rgba(15,23,42,.92));
  box-shadow:
    0 18px 48px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.dash-hero-panel::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(96,165,250,.65), rgba(34,211,238,.36), transparent);
}

.dash-hero-left,
.dash-hero-right{
  position:relative;
  z-index:1;
}

.dash-hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 10px;
  border-radius:999px;
  color:#93c5fd;
  background:rgba(96,165,250,.10);
  border:1px solid rgba(96,165,250,.18);
  font-size:10px;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.dash-hero-left h1{
  margin:12px 0 5px;
  color:#f8fafc;
  font-size:30px;
  font-weight:950;
  line-height:1;
  letter-spacing:-.03em;
}

.dash-hero-left p{
  margin:0;
  max-width:680px;
  color:#94a3b8;
  font-size:13px;
  font-weight:750;
}

.dash-hero-right{
  display:flex;
  align-items:center;
  gap:12px;
  flex-shrink:0;
}

.dash-hero-date,
.dash-hero-status{
  min-height:54px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:10px 14px;
  border-radius:18px;
  background:rgba(15,23,42,.52);
  border:1px solid rgba(148,163,184,.13);
}

.dash-hero-date span{
  color:#64748b;
  font-size:10px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.dash-hero-date strong{
  margin-top:4px;
  color:#e2e8f0;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}

.dash-hero-status{
  flex-direction:row;
  align-items:center;
  gap:8px;
  color:#bbf7d0;
  font-size:12px;
  font-weight:900;
}

.dash-status-dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:#22c55e;
  box-shadow:0 0 0 4px rgba(34,197,94,.12), 0 0 18px rgba(34,197,94,.60);
}

body.light .dash-hero-panel{
  background:
    radial-gradient(circle at 8% 0%, rgba(59,130,246,.13), transparent 34%),
    linear-gradient(180deg,#ffffff,#f8fafc);
  border-color:#e5e7eb;
  box-shadow:0 14px 36px rgba(15,23,42,.08);
}

body.light .dash-hero-left h1{
  color:#0f172a;
}

body.light .dash-hero-left p{
  color:#64748b;
}

body.light .dash-hero-date,
body.light .dash-hero-status{
  background:#ffffff;
  border-color:#e5e7eb;
}

body.light .dash-hero-date strong{
  color:#0f172a;
}

@media(max-width:900px){
  .dash-hero-panel{
    flex-direction:column;
    align-items:flex-start;
  }

  .dash-hero-right{
    width:100%;
    flex-wrap:wrap;
  }
}

@media(max-width:640px){
  .dash-hero-left h1{
    font-size:24px;
  }

  .dash-hero-right{
    flex-direction:column;
    align-items:stretch;
  }
}

.dash-hero-panel{
  display:none !important;
}

.dash-status-strip{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 12px;
  border-radius:16px;
  border:1px solid rgba(148,163,184,.13);
  background:
    linear-gradient(180deg, rgba(17,24,39,.82), rgba(15,23,42,.72));
  box-shadow:
    0 10px 26px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.035);
}

.dash-status-date,
.dash-status-online{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:28px;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(15,23,42,.54);
  border:1px solid rgba(148,163,184,.12);
  color:#cbd5e1;
  font-size:12px;
  font-weight:850;
}

.dash-status-date i{
  color:#93c5fd;
  font-size:12px;
}

.dash-status-online{
  color:#bbf7d0;
}

.dash-status-online span{
  width:8px;
  height:8px;
  border-radius:999px;
  background:#22c55e;
  box-shadow:
    0 0 0 4px rgba(34,197,94,.11),
    0 0 16px rgba(34,197,94,.52);
}

body.light .dash-status-strip{
  background:#ffffff;
  border-color:#e5e7eb;
  box-shadow:0 8px 22px rgba(15,23,42,.06);
}

body.light .dash-status-date,
body.light .dash-status-online{
  background:#f8fafc;
  border-color:#e5e7eb;
  color:#0f172a;
}

.app-loading-screen{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:24px;
  background:
    radial-gradient(circle at 18% 10%, rgba(59,130,246,.22), transparent 34%),
    radial-gradient(circle at 82% 22%, rgba(34,211,238,.13), transparent 32%),
    linear-gradient(180deg,#050914,#0b1020 58%,#070b16);
  opacity:0;
  pointer-events:none;
  visibility:hidden;
  transition:
    opacity .34s ease,
    visibility .34s ease;
}

body.app-is-loading .app-loading-screen{
  opacity:1;
  pointer-events:auto;
  visibility:visible;
}

body.app-loaded .app-loading-screen{
  opacity:0;
  pointer-events:none;
  visibility:hidden;
}

.app-loading-card{
  position:relative;
  overflow:hidden;
  width:min(430px, 92vw);
  padding:22px;
  border-radius:26px;
  border:1px solid rgba(147,197,253,.18);
  background:
    radial-gradient(circle at 20% 0%, rgba(96,165,250,.18), transparent 34%),
    linear-gradient(180deg, rgba(17,24,39,.94), rgba(10,15,28,.96));
  box-shadow:
    0 28px 90px rgba(0,0,0,.54),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.app-loading-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(96,165,250,.75), rgba(34,211,238,.45), transparent);
}

.app-loading-logo{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:
    radial-gradient(circle at 28% 18%, rgba(255,255,255,.30), transparent 28%),
    linear-gradient(135deg,#1d4ed8,#38bdf8);
  box-shadow:
    0 16px 34px rgba(37,99,235,.30),
    0 0 0 1px rgba(255,255,255,.10) inset;
}

.app-loading-logo span{
  color:#ffffff;
  font-size:14px;
  font-weight:950;
  letter-spacing:.04em;
}

.app-loading-content{
  margin-top:18px;
}

.app-loading-content strong{
  display:block;
  color:#f8fafc;
  font-size:22px;
  font-weight:950;
  letter-spacing:-.03em;
}

.app-loading-content p{
  margin:10px 0 0;
  color:#94a3b8;
  font-size:13px;
  font-weight:750;
}

.app-loading-bar{
  position:relative;
  overflow:hidden;
  height:9px;
  margin-top:20px;
  border-radius:999px;
  background:rgba(15,23,42,.88);
  border:1px solid rgba(148,163,184,.12);
}

.app-loading-bar span{
  display:block;
  width:0%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#2563eb,#38bdf8,#22c55e);
  box-shadow:0 0 22px rgba(56,189,248,.36);
  transition:width .42s cubic-bezier(.2,.8,.2,1);
}

.app-loading-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
  color:#64748b;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.app-loading-footer em{
  color:#93c5fd;
  font-style:normal;
}

@media(max-width:560px){
  .dash-status-strip{
    align-items:stretch;
    flex-direction:column;
  }

  .dash-status-date,
  .dash-status-online{
    justify-content:center;
  }
}

/* руническая загрузка */
.app-rune-loader{
  width:fit-content;
  font-weight:700;
  font-family:monospace;
  white-space:pre;
  font-size:30px;
  line-height:1.2em;
  height:1.2em;
  overflow:hidden;
  color:#e5edf8;
  letter-spacing:0;
  margin:0;
  padding:0;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;
}

.app-rune-loader::before{
  content:
    "Carregando...\A"
    "Сarregando...\A"
    "Заrregando...\A"
    "Загregando...\A"
    "Загрegando...\A"
    "Загруgando...\A"
    "Загрузando...\A"
    "Загрузкаndo...\A"
    "Загрузка...\A"
    "Загрузка...\A"
    "Carregando...\A"
    "Загрузка...";
  white-space:pre;
  display:inline-block;
  animation:runeLoaderFlow 1.15s infinite steps(11) alternate;
}

@keyframes runeLoaderFlow{
  100%{
    transform:translateY(-100%);
  }
}

.app-loading-content{
  margin-top:18px;
}

.app-loading-content p{
  margin:10px 0 0;
  color:#94a3b8;
  font-size:13px;
  font-weight:750;
}

@media(max-width:560px){
  .app-rune-loader{
    font-size:24px;
  }
}

/* From Uiverse.io by anand_4957 */ 
.svg-hw {
  height: 250px;
  width: 250px;
}
.path {
  stroke: #ffffff;
  stroke-width: 3px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-opacity: 1;
}
@keyframes move7050 {
  0% {
    fill: #b40431;
  }
  10% {
    fill: orange;
    transform: translate(50px, 100px);
  }
  15% {
    fill: yellow;
    transform: translate(150px, 50px);
  }
  30% {
    fill: #110a29;
    transform: translate(0, 0);
  }
  100% {
    fill: #110a29;
  }
}

@keyframes move7062 {
  0% {
    fill: blue;
  }
  10% {
    fill: darkblue;
    transform: translate(-50px, -100px);
  }
  20% {
    fill: cyan;
    transform: translate(150px, -50px);
  }
  40% {
    fill: #291f6c;
    transform: translate(0, 0);
  }
  100% {
    fill: #291f6c;
  }
}

@keyframes move7064 {
  0% {
    fill: blue;
  }
  15% {
    fill: darkgreen;
    transform: translate(-150px, -200px);
  }
  25% {
    fill: green;
    transform: translate(-150px, -50px);
  }
  35% {
    fill: #520d4f;
    transform: translate(0, 0);
  }
  100% {
    fill: #520d4f;
  }
}

@keyframes move7065 {
  0% {
    fill: white;
  }
  13% {
    fill: yellow;
    transform: translate(-50px, -100px);
  }
  20% {
    fill: orange;
    transform: translate(50px, -50px);
  }
  30% {
    fill: #691751;
    transform: translate(0, 0);
  }
  100% {
    fill: #691751;
  }
}

@keyframes move7066 {
  0% {
    fill: #688a08;
  }
  10% {
    fill: darkblue;
    transform: translate(-50px, 150px);
  }
  30% {
    fill: cyan;
    transform: translate(150px, -50px);
  }
  50% {
    fill: #8f335d;
    transform: translate(0, 0);
  }
  100% {
    fill: #8f335d;
  }
}

@keyframes move7067 {
  0% {
    fill: red;
  }
  5% {
    fill: #2e64fe;
    transform: translate(-100px, 150px);
  }
  15% {
    fill: cyan;
    transform: translate(150px, 250px);
  }
  25% {
    fill: #b90149;
    transform: translate(0, 0);
  }
  100% {
    fill: #b90149;
  }
}

@keyframes move7068 {
  0% {
    fill: #cc2efa;
  }
  10% {
    fill: #00ff80;
    transform: translate(-100px, 150px);
  }
  20% {
    fill: #fe9a2e;
    transform: translate(150px, 250px);
  }
  35% {
    fill: #a70c29;
    transform: translate(0, 0);
  }
  100% {
    fill: #a70c29;
  }
}

@keyframes move7069 {
  0% {
    fill: #00ff40;
  }
  10% {
    fill: #ac58fa;
    transform: translate(100px, 150px);
  }
  20% {
    fill: #f5a9bc;
    transform: translate(15px, 25px);
  }
  35% {
    fill: #8d004c;
    transform: translate(0, 0);
  }
  100% {
    fill: #8d004c;
  }
}

@keyframes move7070 {
  0% {
    fill: #4b8a08;
  }
  13% {
    fill: #81f7be;
    transform: translate(60px, 90px);
  }
  30% {
    fill: #df0174;
    transform: translate(15px, 25px);
  }
  35% {
    fill: #ad0f09;
    transform: translate(0, 0);
  }
  100% {
    fill: #ad0f09;
  }
}

@keyframes move7071 {
  0% {
    fill: #f78181;
  }
  20% {
    fill: #00ffbf;
    transform: translate(-80px, 80px);
  }
  35% {
    fill: #3a2f0b;
    transform: translate(15px, 50px);
  }
  45% {
    fill: #6e064e;
    transform: translate(0, 0);
  }
  100% {
    fill: #6e064e;
  }
}

@keyframes move7072 {
  0% {
    fill: #dba901;
  }
  12% {
    fill: #6e6e6e;
    transform: translate(150px, 0px);
  }
  20% {
    fill: #a9f5d0;
    transform: translate(55px, 55px);
  }
  25% {
    fill: #5c1561;
    transform: translate(0, 0);
  }
  100% {
    fill: #5c1561;
  }
}

@keyframes move7076 {
  0% {
    fill: #2efe2e;
  }
  5% {
    fill: #f5a9e1;
    transform: translate(-200px, 180px);
  }
  15% {
    fill: #7401df;
    transform: translate(35px, 25px);
  }
  20% {
    fill: #881754;
    transform: translate(0, 0);
  }
  100% {
    fill: #881754;
  }
}

@keyframes move7080 {
  0% {
    fill: #0b3b39;
  }
  18% {
    fill: #4b088a;
    transform: translate(-200px, 180px);
  }
  27% {
    fill: #a9d0f5;
    transform: translate(35px, 25px);
  }
  37% {
    fill: #a71d67;
    transform: translate(0, 0);
  }
  100% {
    fill: #a71d67;
  }
}

@keyframes move7081 {
  0% {
    fill: #f5a9bc;
  }
  18% {
    fill: #f2f5a9;
    transform: translate(130px, 130px);
  }
  27% {
    fill: #bca9f5;
    transform: translate(-35px, 25px);
  }
  37% {
    fill: #891754;
    transform: translate(0, 0);
  }
  100% {
    fill: #891754;
  }
}

@keyframes move7086 {
  0% {
    fill: #08298a;
  }
  8% {
    fill: #8181f7;
    transform: translate(330px, 130px);
  }
  18% {
    fill: #8181f7;
    transform: translate(-75px, -25px);
  }
  27% {
    fill: #a70b29;
    transform: translate(0, 0);
  }
  100% {
    fill: #a70b29;
  }
}

@keyframes move7088 {
  0% {
    fill: #fe2e64;
  }
  10% {
    fill: #610b21;
    transform: translate(170px, 30px);
  }
  28% {
    fill: #e6e6e6;
    transform: translate(100px, -250px);
  }
  40% {
    fill: #ed6708;
    transform: translate(0, 0);
  }
  100% {
    fill: #ed6708;
  }
}

@keyframes move7090 {
  0% {
    fill: #80ff00;
  }
  20% {
    fill: #d0fa58;
    transform: translate(190px, -70px);
  }
  30% {
    fill: #fa58f4;
    transform: translate(70px, -205px);
  }
  42% {
    fill: #f59c00;
    transform: translate(0, 0);
  }
  100% {
    fill: #f59c00;
  }
}

@keyframes move7091 {
  0% {
    fill: #fe9a2e;
  }
  11% {
    fill: #fe642e;
    transform: translate(50px, -70px);
  }
  22% {
    fill: #df0101;
    transform: translate(70px, -25px);
  }
  33% {
    fill: #e84133;
    transform: translate(0, 0);
  }
  100% {
    fill: #e84133;
  }
}

@keyframes move7092 {
  0% {
    fill: #088a68;
  }
  30% {
    fill: #58d3f7;
    transform: translate(50px, 80px);
  }
  40% {
    fill: #0431b4;
    transform: translate(-50px, 50px);
  }
  50% {
    fill: #eb5e57;
    transform: translate(0, 0);
  }
  100% {
    fill: #eb5e57;
  }
}

@keyframes move7094 {
  0% {
    fill: #cef6d8;
  }
  10% {
    fill: #82fa58;
    transform: translate(50px, 280px);
  }
  40% {
    fill: #e0e0f8;
    transform: translate(20px, 5px);
  }
  45% {
    fill: #e84133;
    transform: translate(0, 0);
  }
  100% {
    fill: #e84133;
  }
}

@keyframes move7096 {
  0% {
    fill: #fe2e2e;
  }
  15% {
    fill: #df7401;
    transform: translate(50px, -100px);
  }
  20% {
    fill: #d358f7;
    transform: translate(-20px, -50px);
  }
  25% {
    fill: #f9b233;
    transform: translate(0, 0);
  }
  100% {
    fill: #f9b233;
  }
}

@keyframes move7098 {
  0% {
    fill: #08298a;
  }
  5% {
    fill: #ff00bf;
    transform: translate(400px, -100px);
  }
  20% {
    fill: #f5a9f2;
    transform: translate(-20px, 80px);
  }
  30% {
    fill: #f18700;
    transform: translate(0, 0);
  }
  100% {
    fill: #f18700;
  }
}

@keyframes move7100 {
  0% {
    fill: #013adf;
  }
  15% {
    fill: #a9e2f3;
    transform: translate(40px, -100px);
  }
  25% {
    fill: #be81f7;
    transform: translate(90px, 80px);
  }
  32% {
    fill: #ffd500;
    transform: translate(0, 0);
  }
  100% {
    fill: #ffd500;
  }
}

@keyframes move7101 {
  0% {
    fill: #0b0b3b;
  }
  5% {
    fill: #0000ff;
    transform: translate(-240px, -100px);
  }
  15% {
    fill: #9ff781;
    transform: translate(80px, 80px);
  }
  22% {
    fill: #fab334;
    transform: translate(0, 0);
  }
  100% {
    fill: #fab334;
  }
}

@keyframes move7102 {
  0% {
    fill: #ff0040;
  }
  15% {
    fill: #f7819f;
    transform: translate(-300px, -100px);
  }
  20% {
    fill: #2efef7;
    transform: translate(80px, 80px);
  }
  40% {
    fill: #dedc00;
    transform: translate(0, 0);
  }
  100% {
    fill: #dedc00;
  }
}

@keyframes move7104 {
  0% {
    fill: #ff0000;
  }
  5% {
    fill: #fa5858;
    transform: translate(-150px, -200px);
  }
  20% {
    fill: #f5da81;
    transform: translate(80px, 180px);
  }
  35% {
    fill: #f9b233;
    transform: translate(0, 0);
  }
  100% {
    fill: #f9b233;
  }
}

@keyframes move7105 {
  0% {
    fill: #088a08;
  }
  12% {
    fill: #fa5858;
    transform: translate(140px, 150px);
  }
  20% {
    fill: #58fa82;
    transform: translate(100px, 380px);
  }
  30% {
    fill: #ffd800;
    transform: translate(0, 0);
  }
  100% {
    fill: #ffd800;
  }
}
@keyframes move7106 {
  0% {
    fill: #58fa58;
  }
  18% {
    fill: #ffff00;
    transform: translate(170px, -100px);
  }
  25% {
    fill: #fa5858;
    transform: translate(100px, 80px);
  }
  35% {
    fill: #00975f;
    transform: translate(0, 0);
  }
  100% {
    fill: #00975f;
  }
}

@keyframes move7107 {
  0% {
    fill: #ceecf5;
  }
  13% {
    fill: #240b3b;
    transform: translate(0px, 180px);
  }
  23% {
    fill: #8a0829;
    transform: translate(100px, 80px);
  }
  28% {
    fill: #65b32e;
    transform: translate(0, 0);
  }
  100% {
    fill: #65b32e;
  }
}

@keyframes move7108 {
  0% {
    fill: #b43104;
  }
  20% {
    fill: #ffff00;
    transform: translate(0px, 80px);
  }
  25% {
    fill: #0a2a1b;
    transform: translate(10px, -35px);
  }
  28% {
    fill: #d3d800;
    transform: translate(0, 0);
  }
  100% {
    fill: #d3d800;
  }
}

@keyframes move7109 {
  0% {
    fill: #3b0b17;
  }
  11% {
    fill: #0a2a22;
    transform: translate(470px, 480px);
  }
  38% {
    fill: #58acfa;
    transform: translate(5px, -50px);
  }
  48% {
    fill: #ffed00;
    transform: translate(0, 0);
  }
  100% {
    fill: #ffed00;
  }
}

@keyframes move7110 {
  0% {
    fill: #ff0000;
  }
  20% {
    fill: #fa58d0;
    transform: translate(500px, 370px);
  }
  26% {
    fill: #00ff00;
    transform: translate(50px, 50px);
  }
  42% {
    fill: #00975f;
    transform: translate(0, 0);
  }
  100% {
    fill: #00975f;
  }
}

@keyframes move7111 {
  0% {
    fill: #fe9a2e;
  }
  5% {
    fill: #0b3b0b;
    transform: translate(-100px, -170px);
  }
  12% {
    fill: #0101df;
    transform: translate(120px, 150px);
  }
  17% {
    fill: #bccf00;
    transform: translate(0, 0);
  }
  100% {
    fill: #bccf00;
  }
}

@keyframes move7112 {
  0% {
    fill: #0a2229;
  }
  10% {
    fill: #181907;
    transform: translate(-260px, 70px);
  }
  22% {
    fill: #ff8000;
    transform: translate(20px, 150px);
  }
  32% {
    fill: #65b32f;
    transform: translate(0, 0);
  }
  100% {
    fill: #65b32f;
  }
}

@keyframes move7114 {
  0% {
    fill: #df3a01;
  }
  17% {
    fill: #00ff80;
    transform: translate(300px, 70px);
  }
  37% {
    fill: #81f781;
    transform: translate(200px, 150px);
  }
  43% {
    fill: #87bd25;
    transform: translate(0, 0);
  }
  100% {
    fill: #87bd25;
  }
}

@keyframes move7116 {
  0% {
    fill: #ff00ff;
  }
  22% {
    fill: #0000ff;
    transform: translate(500px, 7px);
  }
  30% {
    fill: #0b2161;
    transform: translate(20px, 15px);
  }
  33% {
    fill: #00758c;
    transform: translate(0, 0);
  }
  100% {
    fill: #00758c;
  }
}

@keyframes move7124 {
  0% {
    fill: #01df3a;
  }
  4% {
    fill: #8a0829;
    transform: translate(5px, -7px);
  }
  10% {
    fill: #8904b1;
    transform: translate(400px, 150px);
  }
  26% {
    fill: #3363ac;
    transform: translate(0, 0);
  }
  100% {
    fill: #3363ac;
  }
}

@keyframes move7126 {
  0% {
    fill: #01df3a;
  }
  8% {
    fill: #0174df;
    transform: translate(450px, 250px);
  }
  28% {
    fill: #0b3b17;
    transform: translate(-50px, 15px);
  }
  36% {
    fill: #009bac;
    transform: translate(0, 0);
  }
  100% {
    fill: #009bac;
  }
}

@keyframes move7128 {
  0% {
    fill: #9f81f7;
  }
  15% {
    fill: #81f7be;
    transform: translate(150px, -250px);
  }
  22% {
    fill: #ff0040;
    transform: translate(250px, 50px);
  }
  30% {
    fill: #27bdf0;
    transform: translate(0, 0);
  }
  100% {
    fill: #27bdf0;
  }
}

@keyframes move7129 {
  0% {
    fill: #00ffbf;
  }
  12% {
    fill: #ff4000;
    transform: translate(150px, -25px);
  }
  42% {
    fill: #0b3b17;
    transform: translate(50px, -150px);
  }
  50% {
    fill: #00676c;
    transform: translate(0, 0);
  }
  100% {
    fill: #00676c;
  }
}

@keyframes move7130 {
  0% {
    fill: #00ff80;
    transform: translate(-90x, 450px);
  }
  19% {
    fill: #f5a9d0;
    transform: translate(0px, -25px);
  }
  25% {
    fill: #be81f7;
    transform: translate(-50px, -35px);
  }
  30% {
    fill: #005e26;
    transform: translate(0, 0);
  }
  100% {
    fill: #005e26;
  }
}

@keyframes move7132 {
  0% {
    fill: #a9e2f3;
  }
  10% {
    fill: #5fb404;
    transform: translate(-200px, -100px);
  }
  15% {
    fill: #610b38;
    transform: translate(50px, 35px);
  }
  25% {
    fill: #008eab;
    transform: translate(0, 0);
  }
  100% {
    fill: #008eab;
  }
}

@keyframes move7134 {
  0% {
    fill: #ff0000;
  }
  15% {
    fill: #f78181;
    transform: translate(120px, -170px);
  }
  20% {
    fill: #81f7be;
    transform: translate(150px, 35px);
  }
  25% {
    fill: #007c84;
    transform: translate(0, 0);
  }
  100% {
    fill: #007c84;
  }
}

@keyframes move7135 {
  0% {
    fill: #ffff00;
  }
  10% {
    fill: #084b8a;
    transform: translate(100px, 70px);
  }
  25% {
    fill: #31b404;
    transform: translate(0px, -200px);
  }
  40% {
    fill: #00975f;
    transform: translate(0, 0);
  }
  100% {
    fill: #00975f;
  }
}

@keyframes move7136 {
  0% {
    fill: #0404b4;
  }
  5% {
    fill: #2efef7;
    transform: translate(10px, -70px);
  }
  10% {
    fill: #8904b1;
    transform: translate(-40px, 200px);
  }
  20% {
    fill: #008eaa;
    transform: translate(0, 0);
  }
  100% {
    fill: #008eaa;
  }
}

@keyframes move7137 {
  0% {
    fill: #f5a9bc;
  }
  15% {
    fill: #2efe2e;
    transform: translate(300px, 0px);
  }
  23% {
    fill: #b40404;
    transform: translate(-40px, 200px);
  }
  40% {
    fill: #007d83;
    transform: translate(0, 0);
  }
  100% {
    fill: #007d83;
  }
}

@keyframes move7138 {
  0% {
    fill: #08088a;
  }
  17% {
    fill: #088a29;
    transform: translate(-250px, 20px);
  }
  27% {
    fill: #ffff00;
    transform: translate(-40px, -200px);
  }
  37% {
    fill: #005f50;
    transform: translate(0, 0);
  }
  100% {
    fill: #005f50;
  }
}

@keyframes move7140 {
  0% {
    fill: #0b610b;
  }
  12% {
    fill: #04b4ae;
    transform: translate(-20px, 300px);
  }
  27% {
    fill: #04b4ae;
    transform: translate(50px, -20px);
  }
  37% {
    fill: #831f82;
    transform: translate(0, 0);
  }
  100% {
    fill: #831f82;
  }
}

@keyframes move7142 {
  0% {
    fill: #f2f5a9;
  }
  19% {
    fill: #610b21;
    transform: translate(-20px, -60px);
  }
  35% {
    fill: #0080ff;
    transform: translate(350px, 220px);
  }
  40% {
    fill: #201351;
    transform: translate(0, 0);
  }
  100% {
    fill: #201351;
  }
}

@keyframes move7144 {
  0% {
    fill: #0000ff;
  }
  9% {
    fill: #ff00bf;
    transform: translate(210px, 460px);
  }
  12% {
    fill: #ff0040;
    transform: translate(350px, 220px);
  }
  27% {
    fill: #291e6b;
    transform: translate(0, 0);
  }
  100% {
    fill: #291e6b;
  }
}

@keyframes move7146 {
  0% {
    fill: #df013a;
  }
  19% {
    fill: #2efe2e;
    transform: translate(20px, -200px);
  }
  28% {
    fill: #df0101;
    transform: translate(350px, 520px);
  }
  50% {
    fill: #551661;
    transform: translate(0, 0);
  }
  100% {
    fill: #551661;
  }
}

@keyframes move7148 {
  0% {
    fill: #01dfa5;
  }
  5% {
    fill: #220a29;
    transform: translate(200px, -20px);
  }
  10% {
    fill: #0b3b17;
    transform: translate(35px, 52px);
  }
  15% {
    fill: #e60064;
    transform: translate(0, 0);
  }
  100% {
    fill: #e60064;
  }
}

@keyframes move7149 {
  0% {
    fill: #a5df00;
  }
  8% {
    fill: #0b2161;
    transform: translate(-40px, 400px);
  }
  18% {
    fill: #80ff00;
    transform: translate(-35px, 150px);
  }
  25% {
    fill: #8f055f;
    transform: translate(0, 0);
  }
  100% {
    fill: #8f055f;
  }
}

@keyframes move7150 {
  0% {
    fill: #81f79f;
  }
  15% {
    fill: #610b21;
    transform: translate(-40px, 40px);
  }
  21% {
    fill: #088a85;
    transform: translate(-105px, 250px);
  }
  30% {
    fill: #a61d67;
    transform: translate(0, 0);
  }
  100% {
    fill: #a61d67;
  }
}

@keyframes move7152 {
  0% {
    fill: #f781be;
  }
  19% {
    fill: #5f4c0b;
    transform: translate(-40px, 40px);
  }
  31% {
    fill: #2efe2e;
    transform: translate(-40px, -60px);
  }
  46% {
    fill: #e50068;
    transform: translate(0, 0);
  }
  100% {
    fill: #e50068;
  }
}

@keyframes move7154 {
  0% {
    fill: #0a1b2a;
  }
  13% {
    fill: #a9d0f5;
    transform: translate(-20px, 40px);
  }
  27% {
    fill: #01dfa5;
    transform: translate(340px, 260px);
  }
  31% {
    fill: #832082;
    transform: translate(0, 0);
  }
  100% {
    fill: #832082;
  }
}

@keyframes move7156 {
  0% {
    fill: #80ff00;
  }
  10% {
    fill: #ffbf00;
    transform: translate(400px, 0px);
  }
  17% {
    fill: #ff4000;
    transform: translate(340px, 200px);
  }
  22% {
    fill: #832082;
    transform: translate(0, 0);
  }
  100% {
    fill: #832082;
  }
}

@keyframes move7158 {
  0% {
    fill: #40ff00;
  }
  15% {
    fill: #a9f5e1;
    transform: translate(-100px, -20px);
  }
  30% {
    fill: #2a0a12;
    transform: translate(40px, 20px);
  }
  40% {
    fill: #ba024a;
    transform: translate(0, 0);
  }
  100% {
    fill: #ba024a;
  }
}

@keyframes move7160 {
  0% {
    fill: #81f79f;
  }
  18% {
    fill: #2e2efe;
    transform: translate(60px, -20px);
  }
  28% {
    fill: #f7fe2e;
    transform: translate(40px, -90px);
  }
  32% {
    fill: #8e0435;
    transform: translate(0, 0);
  }
  100% {
    fill: #8e0435;
  }
}

@keyframes move7162 {
  0% {
    fill: #f5a9bc;
  }
  10% {
    fill: #38610b;
    transform: translate(-60px, -20px);
  }
  20% {
    fill: #0b243b;
    transform: translate(150px, 190px);
  }
  25% {
    fill: #e6006d;
    transform: translate(0, 0);
  }
  100% {
    fill: #e6006d;
  }
}

@keyframes move7164 {
  0% {
    fill: #0101df;
  }
  5% {
    fill: #00ffff;
    transform: translate(20px, -20px);
  }
  10% {
    fill: #ac58fa;
    transform: translate(-50px, 0px);
  }
  20% {
    fill: #190314;
    transform: translate(0, 0);
  }
  100% {
    fill: #190314;
  }
}

@keyframes move7165 {
  0% {
    fill: #00ff00;
  }
  15% {
    fill: #58acfa;
    transform: translate(200px, -20px);
  }
  30% {
    fill: #faac58;
    transform: translate(-150px, 200px);
  }
  40% {
    fill: #7a1469;
    transform: translate(0, 0);
  }
  100% {
    fill: #7a1469;
  }
}

@keyframes move7168 {
  0% {
    fill: #00ff00;
  }
  5% {
    fill: #e1f5a9;
    transform: translate(-100px, -50px);
  }
  20% {
    fill: #819ff7;
    transform: translate(50px, 50px);
  }
  25% {
    fill: #a71d67;
    transform: translate(0, 0);
  }
  100% {
    fill: #a71d67;
  }
}

@keyframes move7170 {
  0% {
    fill: #0b610b;
  }
  18% {
    fill: #81f79f;
    transform: translate(-100px, 20px);
  }
  25% {
    fill: #2e2efe;
    transform: translate(-150px, -100px);
  }
  35% {
    fill: #e50071;
    transform: translate(0, 0);
  }
  100% {
    fill: #e50071;
  }
}

@keyframes move7172 {
  0% {
    fill: #848484;
  }
  8% {
    fill: #fe2e64;
    transform: translate(-100px, 20px);
  }
  14% {
    fill: #acfa58;
    transform: translate(-10px, 200px);
  }
  18% {
    fill: #831f82;
    transform: translate(0, 0);
  }
  100% {
    fill: #831f82;
  }
}

@keyframes move7174 {
  0% {
    fill: #0b614b;
  }
  18% {
    fill: #e2a9f3;
    transform: translate(-100px, 50px);
  }
  24% {
    fill: #40ff00;
    transform: translate(410px, -100px);
  }
  30% {
    fill: #96105b;
    transform: translate(0, 0);
  }
  100% {
    fill: #96105b;
  }
}

@keyframes move7176 {
  0% {
    fill: #01df74;
  }
  12% {
    fill: #ff0000;
    transform: translate(120px, 10px);
  }
  20% {
    fill: #d8f781;
    transform: translate(-50px, -50px);
  }
  34% {
    fill: #7a1369;
    transform: translate(0, 0);
  }
  100% {
    fill: #7a1369;
  }
}

@keyframes move7178 {
  0% {
    fill: #00ffbf;
  }
  15% {
    fill: #f4fa58;
    transform: translate(20px, 80px);
  }
  20% {
    fill: #0040ff;
    transform: translate(350px, -50px);
  }
  28% {
    fill: #691751;
    transform: translate(0, 0);
  }
  100% {
    fill: #691751;
  }
}

/*@keyframes move7178 {
  0%   {fill: #380B61;}
  18%  {fill: #00FF40;transform: translate(-220px,80px);}
  20%  {fill: #F4FA58;transform: translate(-150px,-50px)}
  35% {fill: #7a1469;transform: translate(0,0);}
 100% {fill: #7a1469;}
}*/

@keyframes move7180 {
  0% {
    fill: #fa5882;
  }
  11% {
    fill: #01a9db;
    transform: translate(-20px, 80px);
  }
  25% {
    fill: #3104b4;
    transform: translate(150px, 500px);
  }
  32% {
    fill: #bf087f;
    transform: translate(0, 0);
  }
  100% {
    fill: #bf087f;
  }
}

@keyframes move7182 {
  0% {
    fill: #ac58fa;
  }
  8% {
    fill: #084b8a;
    transform: translate(150px, 80px);
  }
  25% {
    fill: #bef781;
    transform: translate(400px, 300px);
  }
  42% {
    fill: #e60072;
    transform: translate(0, 0);
  }
  100% {
    fill: #e60072;
  }
}

@keyframes move7184 {
  0% {
    fill: #40ff00;
  }
  5% {
    fill: #a9d0f5;
    transform: translate(50px, 280px);
  }
  15% {
    fill: #3b0b2e;
    transform: translate(-50px, -20px);
  }
  25% {
    fill: #7d2183;
    transform: translate(0, 0);
  }
  100% {
    fill: #7d2183;
  }
}

@keyframes move7188 {
  0% {
    fill: #81f7d8;
  }
  6% {
    fill: #610b5e;
    transform: translate(50px, 30px);
  }
  22% {
    fill: #2efe9a;
    transform: translate(-200px, -50px);
  }
  30% {
    fill: #a61008;
    transform: translate(0, 0);
  }
  100% {
    fill: #a61008;
  }
}

@keyframes move7189 {
  0% {
    fill: #d8d8d8;
  }
  6% {
    fill: #013adf;
    transform: translate(0px, -230px);
  }
  20% {
    fill: #0b3b2e;
    transform: translate(100px, -150px);
  }
  45% {
    fill: #d10a10;
    transform: translate(0, 0);
  }
  100% {
    fill: #d10a10;
  }
}

@keyframes move7190 {
  0% {
    fill: #f5a9f2;
  }
  9% {
    fill: #40ff00;
    transform: translate(-50px, 210px);
  }
  15% {
    fill: #ffff00;
    transform: translate(400px, 230px);
  }
  22% {
    fill: #e50046;
    transform: translate(0, 0);
  }
  100% {
    fill: #e50046;
  }
}

@keyframes move7192 {
  0% {
    fill: #088a08;
  }
  5% {
    fill: #00ffbf;
    transform: translate(250px, 0px);
  }
  17% {
    fill: #ff4000;
    transform: translate(40px, 30px);
  }
  32% {
    fill: #a60b29;
    transform: translate(0, 0);
  }
  100% {
    fill: #a60b29;
  }
}

@keyframes move7193 {
  0% {
    fill: #fe9a2e;
  }
  25% {
    fill: #01df01;
    transform: translate(150px, -90px);
  }
  30% {
    fill: #3b0b2e;
    transform: translate(40px, 90px);
  }
  38% {
    fill: #b70e0b;
    transform: translate(0, 0);
  }
  100% {
    fill: #b70e0b;
  }
}

@keyframes move7194 {
  0% {
    fill: #01dfd7;
  }
  20% {
    fill: #0b610b;
    transform: translate(150px, -190px);
  }
  32% {
    fill: #da81f5;
    transform: translate(40px, -90px);
  }
  37% {
    fill: #0d2e39;
    transform: translate(0, 0);
  }
  100% {
    fill: #0d2e39;
  }
}

@keyframes move7195 {
  0% {
    fill: #01dfd7;
  }
  10% {
    fill: #8258fa;
    transform: translate(-100px, 190px);
  }
  15% {
    fill: #ff0000;
    transform: translate(-150px, -90px);
  }
  20% {
    fill: #a70a2d;
    transform: translate(0, 0);
  }
  100% {
    fill: #a70a2d;
  }
}

@keyframes move7196 {
  0% {
    fill: #5f4c0b;
  }
  7% {
    fill: #6a0888;
    transform: translate(-200px, 0px);
  }
  25% {
    fill: #f2f5a9;
    transform: translate(150px, 190px);
  }
  42% {
    fill: #b90149;
    transform: translate(0, 0);
  }
  100% {
    fill: #b90149;
  }
}

@keyframes move7197 {
  0% {
    fill: #a9bcf5;
  }
  15% {
    fill: #01df01;
    transform: translate(-180px, 40px);
  }
  25% {
    fill: #b404ae;
    transform: translate(40px, -40px);
  }
  35% {
    fill: #7b1c4e;
    transform: translate(0, 0);
  }
  100% {
    fill: #7b1c4e;
  }
}

@keyframes move7198 {
  0% {
    fill: #610b21;
  }
  10% {
    fill: #fa5858;
    transform: translate(-130px, 240px);
  }
  20% {
    fill: #00ff00;
    transform: translate(140px, -140px);
  }
  50% {
    fill: #8d236e;
    transform: translate(0, 0);
  }
  100% {
    fill: #8d236e;
  }
}

@keyframes move7200 {
  0% {
    fill: #f5a9d0;
  }
  9% {
    fill: #00ffff;
    transform: translate(-30px, 40px);
  }
  20% {
    fill: #bdbdbd;
    transform: translate(90px, 110px);
  }
  25% {
    fill: #0d2e3a;
    transform: translate(0, 0);
  }
  100% {
    fill: #0d2e3a;
  }
}

@keyframes move7202 {
  0% {
    fill: #0040ff;
  }
  15% {
    fill: #ff0040;
    transform: translate(100px, 100px);
  }
  25% {
    fill: #bcf5a9;
    transform: translate(130px, -40px);
  }
  35% {
    fill: #351251;
    transform: translate(0, 0);
  }
  100% {
    fill: #351251;
  }
}

@keyframes move7206 {
  0% {
    fill: #00ffff;
  }
  13% {
    fill: #8000ff;
    transform: translate(90px, -300px);
  }
  23% {
    fill: #a9d0f5;
    transform: translate(30px, 40px);
  }
  28% {
    fill: #662e3d;
    transform: translate(0, 0);
  }
  100% {
    fill: #662e3d;
  }
}

@keyframes move7214 {
  0% {
    fill: #585858;
  }
  10% {
    fill: #ffff00;
    transform: translate(-200px, -30px);
  }
  20% {
    fill: #2efec8;
    transform: translate(30px, -140px);
  }
  25% {
    fill: #003952;
    transform: translate(0, 0);
  }
  100% {
    fill: #003952;
  }
}

@keyframes move7215 {
  0% {
    fill: #ffff00;
  }
  16% {
    fill: #fa5882;
    transform: translate(-80px, -90px);
  }
  25% {
    fill: #ced8f6;
    transform: translate(100px, 0px);
  }
  50% {
    fill: #8d1530;
    transform: translate(0, 0);
  }
  100% {
    fill: #8d1530;
  }
}

@keyframes move7216 {
  0% {
    fill: #40ff00;
  }
  8% {
    fill: #2e2efe;
    transform: translate(60px, 30px);
  }
  12% {
    fill: #df3a01;
    transform: translate(100px, -100px);
  }
  20% {
    fill: #5a1c44;
    transform: translate(0, 0);
  }
  100% {
    fill: #5a1c44;
  }
}

@keyframes move7218 {
  0% {
    fill: #00ffff;
  }
  10% {
    fill: #ff0000;
    transform: translate(0px, -150px);
  }
  26% {
    fill: #a9f5a9;
    transform: translate(150px, -100px);
  }
  30% {
    fill: #881069;
    transform: translate(0, 0);
  }
  100% {
    fill: #881069;
  }
}

@keyframes move7219 {
  0% {
    fill: #ff0040;
  }
  20% {
    fill: #2e2efe;
    transform: translate(-250px, -150px);
  }
  25% {
    fill: #848484;
    transform: translate(-150px, -100px);
  }
  35% {
    fill: #003869;
    transform: translate(0, 0);
  }
  100% {
    fill: #003869;
  }
}

@keyframes move7222 {
  0% {
    fill: #2efef7;
  }
  17% {
    fill: #04b404;
    transform: translate(-250px, 170px);
  }
  22% {
    fill: #f5a9bc;
    transform: translate(-50px, -30px);
  }
  30% {
    fill: #004c79;
    transform: translate(0, 0);
  }
  100% {
    fill: #004c79;
  }
}

@keyframes move7224 {
  0% {
    fill: #a9f5f2;
  }
  5% {
    fill: #b40404;
    transform: translate(-150px, -200px);
  }
  25% {
    fill: #ff8000;
    transform: translate(50px, 50px);
  }
  35% {
    fill: #213a8f;
    transform: translate(0, 0);
  }
  100% {
    fill: #213a8f;
  }
}

@keyframes move7225 {
  0% {
    fill: #8258fa;
  }
  13% {
    fill: #819ff7;
    transform: translate(-150px, 90px);
  }
  28% {
    fill: #01df01;
    transform: translate(200px, 50px);
  }
  38% {
    fill: #00628a;
    transform: translate(0, 0);
  }
  100% {
    fill: #00628a;
  }
}

@keyframes move7226 {
  0% {
    fill: #58faf4;
  }
  10% {
    fill: #d7df01;
    transform: translate(90px, 30px);
  }
  35% {
    fill: #04b404;
    transform: translate(100px, -150px);
  }
  45% {
    fill: #005681;
    transform: translate(0, 0);
  }
  100% {
    fill: #005681;
  }
}

@keyframes move7228 {
  0% {
    fill: #fe2ef7;
  }
  8% {
    fill: #5fb404;
    transform: translate(-90px, 40px);
  }
  17% {
    fill: #0a2a29;
    transform: translate(-150px, -90px);
  }
  22% {
    fill: #00628a;
    transform: translate(0, 0);
  }
  100% {
    fill: #00628a;
  }
}

@keyframes move7230 {
  0% {
    fill: #fe2e2e;
  }
  12% {
    fill: #f7fe2e;
    transform: translate(-290px, -240px);
  }
  22% {
    fill: #f6cee3;
    transform: translate(-150px, 10px);
  }
  32% {
    fill: #0082b9;
    transform: translate(0, 0);
  }
  100% {
    fill: #0082b9;
  }
}
@keyframes move7231 {
  0% {
    fill: #ff0040;
  }
  15% {
    fill: #2efe9a;
    transform: translate(-290px, -40px);
  }
  30% {
    fill: #ffff00;
    transform: translate(-70px, 40px);
  }
  40% {
    fill: #00b1eb;
    transform: translate(0, 0);
  }
  100% {
    fill: #00b1eb;
  }
}

@keyframes move7232 {
  0% {
    fill: #ff0000;
  }
  5% {
    fill: #9ff781;
    transform: translate(90px, -90px);
  }
  15% {
    fill: #fa58f4;
    transform: translate(70px, 40px);
  }
  20% {
    fill: #008eaa;
    transform: translate(0, 0);
  }
  100% {
    fill: #008eaa;
  }
}

@keyframes move7233 {
  0% {
    fill: #d0a9f5;
  }
  13% {
    fill: #01df3a;
    transform: translate(-130px, 20px);
  }
  22% {
    fill: #ff4000;
    transform: translate(70px, -40px);
  }
  33% {
    fill: #351251;
    transform: translate(0, 0);
  }
  100% {
    fill: #351251;
  }
}

@keyframes move7234 {
  0% {
    fill: #2a0a22;
  }
  10% {
    fill: #0b610b;
    transform: translate(-300px, -150px);
  }
  25% {
    fill: #d0fa58;
    transform: translate(100px, -150px);
  }
  40% {
    fill: #291f6c;
    transform: translate(0, 0);
  }
  100% {
    fill: #291f6c;
  }
}

@keyframes move7235 {
  0% {
    fill: #4b8a08;
  }
  8% {
    fill: #cef6f5;
    transform: translate(150px, -250px);
  }
  20% {
    fill: #b40404;
    transform: translate(180px, 100px);
  }
  25% {
    fill: #312784;
    transform: translate(0, 0);
  }
  100% {
    fill: #312784;
  }
}

@keyframes move7236 {
  0% {
    fill: #240b3b;
  }
  20% {
    fill: #f3f781;
    transform: translate(-300px, 50px);
  }
  33% {
    fill: #f6cece;
    transform: translate(-180px, -100px);
  }
  38% {
    fill: #00609c;
    transform: translate(0, 0);
  }
  100% {
    fill: #00609c;
  }
}

@keyframes move7237 {
  0% {
    fill: #00ff00;
  }
  9% {
    fill: #ff00ff;
    transform: translate(-20px, -250px);
  }
  25% {
    fill: #ff0040;
    transform: translate(-40px, -60px);
  }
  32% {
    fill: #0082b9;
    transform: translate(0, 0);
  }
  100% {
    fill: #0082b9;
  }
}

@keyframes move7238 {
  0% {
    fill: #ac58fa;
  }
  8% {
    fill: #04b4ae;
    transform: translate(-170px, -150px);
  }
  22% {
    fill: #f3f781;
    transform: translate(30px, -60px);
  }
  45% {
    fill: #00ace9;
    transform: translate(0, 0);
  }
  100% {
    fill: #00ace9;
  }
}

#path7050 {
  animation-name: move7050;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7062 {
  animation-name: move7062;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7064 {
  animation-name: move7064;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7065 {
  animation-name: move7065;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7066 {
  animation-name: move7066;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7067 {
  animation-name: move7067;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7068 {
  animation-name: move7068;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7069 {
  animation-name: move7069;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7070 {
  animation-name: move7070;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7071 {
  animation-name: move7071;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7072 {
  animation-name: move7072;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7076 {
  animation-name: move7076;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7080 {
  animation-name: move7080;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7081 {
  animation-name: move7081;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7086 {
  animation-name: move7086;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7088 {
  animation-name: move7088;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7090 {
  animation-name: move7090;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7091 {
  animation-name: move7091;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7092 {
  animation-name: move7092;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7094 {
  animation-name: move7094;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7096 {
  animation-name: move7096;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7098 {
  animation-name: move7098;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7100 {
  animation-name: move7100;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7101 {
  animation-name: move7101;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7102 {
  animation-name: move7102;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7104 {
  animation-name: move7104;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7105 {
  animation-name: move7105;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7106 {
  animation-name: move7106;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7107 {
  animation-name: move7107;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7108 {
  animation-name: move7108;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7109 {
  animation-name: move7109;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7110 {
  animation-name: move7110;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7111 {
  animation-name: move7111;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7112 {
  animation-name: move7112;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7114 {
  animation-name: move7114;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7116 {
  animation-name: move7116;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7124 {
  animation-name: move7124;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7126 {
  animation-name: move7126;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7128 {
  animation-name: move7128;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7129 {
  animation-name: move7129;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7130 {
  animation-name: move7130;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7132 {
  animation-name: move7132;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7134 {
  animation-name: move7134;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7135 {
  animation-name: move7135;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7136 {
  animation-name: move7136;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7137 {
  animation-name: move7137;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7138 {
  animation-name: move7138;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7140 {
  animation-name: move7140;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7142 {
  animation-name: move7142;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7144 {
  animation-name: move7144;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7146 {
  animation-name: move7146;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7148 {
  animation-name: move7148;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7149 {
  animation-name: move7149;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7150 {
  animation-name: move7150;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7152 {
  animation-name: move7152;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7154 {
  animation-name: move7154;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7156 {
  animation-name: move7156;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7158 {
  animation-name: move7158;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7160 {
  animation-name: move7160;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7162 {
  animation-name: move7162;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7164 {
  animation-name: move7164;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7165 {
  animation-name: move7165;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7168 {
  animation-name: move7168;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7170 {
  animation-name: move7170;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7172 {
  animation-name: move7172;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7174 {
  animation-name: move7174;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7176 {
  animation-name: move7176;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7178 {
  animation-name: move7178;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7180 {
  animation-name: move7180;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7182 {
  animation-name: move7182;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7184 {
  animation-name: move7184;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7188 {
  animation-name: move7188;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7189 {
  animation-name: move7189;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7190 {
  animation-name: move7190;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7192 {
  animation-name: move7192;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7193 {
  animation-name: move7193;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7194 {
  animation-name: move7194;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7195 {
  animation-name: move7195;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7196 {
  animation-name: move7196;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7197 {
  animation-name: move7197;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7198 {
  animation-name: move7198;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7200 {
  animation-name: move7200;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7202 {
  animation-name: move7202;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7206 {
  animation-name: move7206;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7214 {
  animation-name: move7214;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7215 {
  animation-name: move7215;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7216 {
  animation-name: move7216;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7218 {
  animation-name: move7218;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7219 {
  animation-name: move7219;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7222 {
  animation-name: move7222;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7224 {
  animation-name: move7224;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7225 {
  animation-name: move7225;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7226 {
  animation-name: move7226;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7228 {
  animation-name: move7228;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7230 {
  animation-name: move7230;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7231 {
  animation-name: move7231;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7232 {
  animation-name: move7232;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7233 {
  animation-name: move7233;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7234 {
  animation-name: move7234;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7235 {
  animation-name: move7235;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7236 {
  animation-name: move7236;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7237 {
  animation-name: move7237;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

#path7238 {
  animation-name: move7238;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

.loading {
  font-size: 30px;
  font-family: "nunito", sans-serif;
  font-weight: 800;
  text-align: center;
  color: #ffffff;
}
.loading span {
  display: inline-block;
  margin: 0 -0.05em;
}

.loading02 span {
  animation: loading02 1.2s infinite alternate;
}

.loading02 span:nth-child(2) {
  animation-delay: 0.2s;
}

.loading02 span:nth-child(3) {
  animation-delay: 0.4s;
}

.loading02 span:nth-child(4) {
  animation-delay: 0.6s;
}

.loading02 span:nth-child(5) {
  animation-delay: 0.8s;
}

.loading02 span:nth-child(6) {
  animation-delay: 1s;
}

.loading02 span:nth-child(7) {
  animation-delay: 1.2s;
}

@keyframes loading02 {
  0% {
    filter: blur(0);
    opacity: 1;
  }
  100% {
    filter: blur(5px);
    opacity: 0.2;
  }
}
/* экран загрузки */
.app-loading-screen{
  position:fixed !important;
  inset:0 !important;
  z-index:99999 !important;
  display:grid !important;
  place-items:center !important;
  padding:24px !important;
  background:#110a29 !important;
  opacity:0;
  pointer-events:none;
  visibility:hidden;
  transition:opacity .28s ease, visibility .28s ease;
}

body.app-is-loading .app-loading-screen{
  opacity:1 !important;
  pointer-events:auto !important;
  visibility:visible !important;
}

body.app-loaded .app-loading-screen{
  opacity:0 !important;
  pointer-events:none !important;
  visibility:hidden !important;
}

.app-loading-screen > .shadow{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  box-shadow:none !important;
}

.app-loading-screen #svg-container{
  display:grid !important;
  place-items:center !important;
}

.app-loading-screen .svg-hw{
  width:250px !important;
  height:250px !important;
}

.app-loading-screen .loading{
  margin-top:-18px !important;
}

/* экран загрузки */
.app-loading-screen{
  position:fixed !important;
  inset:0 !important;
  z-index:99999 !important;
  display:grid !important;
  place-items:center !important;
  padding:24px !important;
  background:#151845 !important;
  opacity:0;
  pointer-events:none;
  visibility:hidden;
  transition:opacity .28s ease, visibility .28s ease;
}

body.app-is-loading .app-loading-screen{
  opacity:1 !important;
  pointer-events:auto !important;
  visibility:visible !important;
}

body.app-loaded .app-loading-screen{
  opacity:0 !important;
  pointer-events:none !important;
  visibility:hidden !important;
}

/* луна и ракета */
.app-loading-screen .container{
  display:flex;
  height:370px;
  width:370px;
  justify-content:center;
  align-items:center;
  position:relative;
  flex-direction:column;
}

.app-loading-screen .moon{
  background-color:#39beff;
  height:170px;
  width:170px;
  border-radius:50%;
  position:absolute;
  margin:auto;
  left:0;
  right:0;
  top:0;
  bottom:0;
  overflow:hidden;
}

.app-loading-screen .crater{
  background-color:#31b4ff;
  height:30px;
  width:30px;
  border-radius:50%;
  position:relative;
}

.app-loading-screen .crater:before{
  content:"";
  position:absolute;
  height:25px;
  width:25px;
  border-radius:50%;
  box-shadow:-5px 0 0 2px #1ca4f9;
  top:2px;
  left:7px;
}

.app-loading-screen .crater1{
  top:27px;
  left:90px;
  transform:scale(0.9);
}

.app-loading-screen .crater2{
  bottom:15px;
  left:61px;
  transform:scale(0.6);
}

.app-loading-screen .crater3{
  left:15px;
  transform:scale(0.75);
}

.app-loading-screen .crater4{
  left:107px;
  top:32px;
  transform:scale(1.18);
}

.app-loading-screen .crater5{
  left:33px;
  bottom:4px;
  transform:scale(0.65);
}

.app-loading-screen .moon .shadow{
  height:190px;
  width:190px;
  box-shadow:21px 0 0 5px rgba(0,0,0,0.15);
  border-radius:50%;
  position:relative;
  bottom:157.5px;
  right:46px;
}

.app-loading-screen .eye{
  background-color:#161616;
  height:12px;
  width:12px;
  position:relative;
  border-radius:50%;
}

.app-loading-screen .eye-l{
  bottom:255px;
  left:59px;
}

.app-loading-screen .eye-r{
  bottom:267px;
  left:101px;
}

.app-loading-screen .mouth{
  height:5px;
  width:10px;
  border:3px solid #161616;
  position:relative;
  bottom:262px;
  left:79px;
  border-top:none;
  border-radius:0 0 10px 10px;
}

.app-loading-screen .blush{
  background-color:#1ca4f9;
  height:7.5px;
  width:7.5px;
  position:relative;
  border-radius:50%;
}

.app-loading-screen .blush1{
  bottom:273px;
  left:50px;
}

.app-loading-screen .blush2{
  bottom:281px;
  left:115px;
}

.app-loading-screen .orbit{
  height:280px;
  width:280px;
  border-radius:50%;
  position:absolute;
  margin:auto;
  left:0;
  right:0;
  top:0;
  bottom:0;
  animation:spin 10s infinite linear;
}

@keyframes spin{
  100%{
    transform:rotate(360deg);
  }
}

.app-loading-screen .rocket{
  background-color:#fafcf7;
  height:50px;
  width:25px;
  border-radius:50% 50% 0 0;
  position:relative;
  left:-11px;
  top:112px;
  overflow:visible;
}

.app-loading-screen .rocket:before{
  content:"";
  position:absolute;
  background-color:#39beff;
  height:20px;
  width:55px;
  border-radius:50% 50% 0 0;
  z-index:-1;
  right:-15px;
  bottom:0;
}

.app-loading-screen .rocket:after{
  content:"";
  position:absolute;
  background-color:#39beff;
  height:4px;
  width:15px;
  border-radius:0 0 2px 2px;
  bottom:-4px;
  left:4.3px;
}

.app-loading-screen .rocket .fire{
  position:absolute;
  bottom:-20px;
  left:50%;
  transform:translateX(-50%);
  width:12px;
  height:30px;
  background:radial-gradient(
    ellipse at center,
    #ffec85 0%,
    #ffae34 40%,
    #ec760c 70%,
    #cd4606 90%,
    rgba(0,0,0,0) 100%
  );
  border-radius:50%;
  animation:flame 0.3s infinite alternate;
  z-index:-1;
}

@keyframes flame{
  0%{
    transform:translateX(-50%) scaleY(1);
    opacity:0.9;
  }

  100%{
    transform:translateX(-50%) scaleY(1.4);
    opacity:0.5;
  }
}

.app-loading-screen .rocket .gas{
  position:absolute;
  bottom:-35px;
  left:50%;
  transform:translateX(-50%);
  width:10px;
  height:10px;
  background:rgba(200,200,200,0.6);
  border-radius:50%;
  animation:gas 1.5s infinite ease-out;
}

.app-loading-screen .rocket .gas:nth-child(3){
  animation-delay:0.3s;
  left:40%;
}

.app-loading-screen .rocket .gas:nth-child(4){
  animation-delay:0.6s;
  left:60%;
}

@keyframes gas{
  0%{
    transform:translateX(-50%) scale(0.5);
    opacity:0.8;
  }

  100%{
    transform:translateX(-50%) translateY(40px) scale(1.8);
    opacity:0;
  }
}

.app-loading-screen .window{
  background-color:#151845;
  height:10px;
  width:10px;
  border:2px solid #b8d2ec;
  border-radius:50%;
  position:relative;
  top:17px;
  left:5px;
}

.app-loading-screen .curve{
  width:100%;
  height:100%;
  position:absolute;
  animation:rotate 10s linear infinite;
  fill:transparent;
}

@keyframes rotate{
  0%{
    transform:rotate(0deg);
  }

  100%{
    transform:rotate(360deg);
  }
}

.app-loading-screen .curve text{
  letter-spacing:20px;
  text-transform:uppercase;
  font:
    1.5em "Fira Sans",
    sans-serif;
  fill:#95d5ff;
  filter:drop-shadow(0 2px 8px rgb(21,117,207));
}

.app-loading-screen #loading{
  fill:transparent;
}

@media(max-width:520px){
  .app-loading-screen .container{
    width:310px;
    height:310px;
    transform:scale(.86);
  }
}

/* панель загрузки */
.app-loading-screen{
  grid-template-rows:auto auto !important;
  align-content:center !important;
  gap:18px !important;
}

.app-loading-screen .container{
  transform:scale(.86);
  transform-origin:center;
}

.loading-sync-panel{
  width:min(520px, calc(100vw - 32px));
  position:relative;
  z-index:3;
  padding:16px;
  border-radius:22px;
  border:1px solid rgba(149,213,255,.20);
  background:
    radial-gradient(circle at 12% 0%, rgba(57,190,255,.16), transparent 38%),
    linear-gradient(180deg, rgba(21,24,69,.72), rgba(10,13,40,.84));
  box-shadow:
    0 22px 60px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.loading-sync-head{
  display:flex;
  flex-direction:column;
  gap:5px;
}

.loading-sync-pill{
  width:max-content;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:5px 9px;
  border-radius:999px;
  color:#95d5ff;
  background:rgba(57,190,255,.10);
  border:1px solid rgba(149,213,255,.18);
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.loading-sync-pill i{
  width:7px;
  height:7px;
  border-radius:999px;
  background:#39beff;
  box-shadow:0 0 0 4px rgba(57,190,255,.12), 0 0 18px rgba(57,190,255,.65);
}

.loading-sync-head strong{
  color:#f8fbff;
  font-size:18px;
  font-weight:950;
  letter-spacing:-.02em;
}

.loading-sync-head small{
  color:#a9c9df;
  font-size:12px;
  font-weight:750;
  line-height:1.35;
}

.loading-sync-bar{
  height:8px;
  overflow:hidden;
  margin-top:13px;
  border-radius:999px;
  background:rgba(7,10,30,.72);
  border:1px solid rgba(149,213,255,.12);
}

.loading-sync-bar span{
  display:block;
  width:0%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#39beff,#95d5ff,#ffec85);
  box-shadow:0 0 20px rgba(57,190,255,.36);
  transition:width .36s cubic-bezier(.2,.8,.2,1);
}

.loading-sync-meta{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:7px;
  margin-top:12px;
}

.loading-sync-meta span{
  min-width:0;
  padding:7px 6px;
  border-radius:12px;
  color:#7fa8c2;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.06);
  font-size:10px;
  font-weight:900;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.loading-sync-meta span.is-active{
  color:#ffffff;
  background:rgba(57,190,255,.16);
  border-color:rgba(149,213,255,.24);
  box-shadow:0 0 18px rgba(57,190,255,.10);
}

.loading-sync-meta span.is-done{
  color:#95d5ff;
}

.loading-sync-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:8px;
  margin-top:12px;
}

.loading-sync-grid div{
  min-width:0;
  padding:9px 8px;
  border-radius:14px;
  background:rgba(7,10,30,.45);
  border:1px solid rgba(149,213,255,.10);
}

.loading-sync-grid span{
  display:block;
  color:#7fa8c2;
  font-size:9px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.loading-sync-grid strong{
  display:block;
  margin-top:3px;
  color:#f8fbff;
  font-size:17px;
  font-weight:950;
  line-height:1;
}

@media(max-width:560px){
  .app-loading-screen{
    gap:10px !important;
  }

  .app-loading-screen .container{
    transform:scale(.74);
    margin-bottom:-32px;
  }

  .loading-sync-meta,
  .loading-sync-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

/* верхняя панель очищена */
header .topbar-wrap,
#breadcrumb,
#btn-notifications{
  display:none !important;
}

header{
  justify-content:flex-end !important;
}

header > .flex:first-child{
  min-width:0 !important;
}

header > .flex:first-child:empty{
  display:none !important;
}

@media(max-width:767px){
  #btn-sidebar-toggle{
    display:grid !important;
  }

  header{
    justify-content:space-between !important;
  }
}

/* логотип панели */
#brand-home.sidebar-brand-pro{
  min-height:76px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:16px 18px !important;
  border-bottom:1px solid rgba(148,163,184,.14) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(96,165,250,.18), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,.62), rgba(15,23,42,0)) !important;
  cursor:pointer;
}

.sidebar-brand-mark{
  width:42px;
  height:42px;
  flex:0 0 42px;
  position:relative;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:#ffffff;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.30), transparent 26%),
    linear-gradient(135deg,#2563eb,#38bdf8 58%,#22d3ee);
  box-shadow:
    0 14px 34px rgba(37,99,235,.34),
    inset 0 1px 0 rgba(255,255,255,.24);
}

.sidebar-brand-mark::after{
  content:"";
  position:absolute;
  inset:-4px;
  border-radius:20px;
  border:1px solid rgba(96,165,250,.18);
  pointer-events:none;
}

.sidebar-brand-mark span{
  color:#ffffff !important;
  font-size:14px !important;
  font-weight:950 !important;
  letter-spacing:.04em !important;
}

.sidebar-brand-text{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.sidebar-brand-text strong{
  color:#f8fafc;
  font-size:17px;
  font-weight:950;
  line-height:1;
  letter-spacing:-.02em;
}

.sidebar-brand-text small{
  width:max-content;
  max-width:160px;
  padding:4px 8px;
  border-radius:999px;
  color:#93c5fd;
  background:rgba(96,165,250,.10);
  border:1px solid rgba(96,165,250,.16);
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
  white-space:nowrap;
}

body.light .sidebar-brand-text strong{
  color:#0f172a;
}

body.light .sidebar-brand-text small{
  color:#2563eb;
  background:#eff6ff;
  border-color:#dbeafe;
}

/* выравнивание верхней панели */
header > .flex:last-child{
  margin-left:auto !important;
}

#btn-hub-top.hub-uiverse-rocket{
  margin-left:0 !important;
}

#avatar-dropdown-wrapper{
  margin-left:0 !important;
}

/* бренд боковой панели */
#brand-home.estoque-brand-pro{
  min-height:76px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  padding:18px 18px !important;
  border-bottom:1px solid rgba(56,189,248,.13) !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(56,189,248,.13), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,.72), rgba(15,23,42,0)) !important;
  cursor:pointer;
}

.estoque-brand-text{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.estoque-brand-line{
  display:flex;
  align-items:center;
  gap:.55rem;
  min-width:0;
}

.estoque-text-gradient{
  display:block;
  margin:0;
  white-space:nowrap;
  font-size:1.02rem;
  font-weight:950;
  line-height:1;
  letter-spacing:.015em;
  background:linear-gradient(135deg,#e0f2fe 0%,#38bdf8 42%,#60a5fa 70%,#a78bfa 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 14px rgba(56,189,248,.18));
}

.estoque-brand-text p{
  margin:.18rem 0 0;
  color:rgba(203,213,225,.72);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.04em;
}

/* значок версии */
.estoque-version-badge{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.26rem .54rem;
  border-radius:999px;
  color:#ffffff;
  font-size:.68rem;
  font-weight:850;
  letter-spacing:.04em;
  line-height:1;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:
    0 10px 24px rgba(2,6,23,.24),
    inset 0 1px 0 rgba(255,255,255,.25);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  user-select:none;
  overflow:visible;
}

.estoque-version-badge::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-1;
  border-radius:inherit;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:
    0 0 20px rgba(56,189,248,.18),
    0 8px 32px rgba(105,106,111,.20);
}

.estoque-version-badge::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    linear-gradient(
      115deg,
      transparent 0%,
      transparent 32%,
      rgba(255,255,255,.46) 48%,
      transparent 62%,
      transparent 100%
    );
  transform:translateX(-135%);
  animation:estoqueVersionBadgeSweep 3.2s ease-in-out infinite;
  pointer-events:none;
}

.estoque-version-badge span{
  width:22px;
  height:22px;
  position:absolute;
  top:-11px;
  right:-4px;
  transform:rotate(-20deg);
  filter:blur(.35px);
  pointer-events:none;
}

.estoque-version-badge span::before,
.estoque-version-badge span::after{
  content:"";
  position:absolute;
  display:block;
}

.estoque-version-badge span::before{
  width:1px;
  height:100%;
  left:11px;
  background:linear-gradient(
    to bottom,
    transparent,
    rgba(255,255,255,.78),
    transparent
  );
  animation:estoqueVersionBadgeSpark 3s ease-in-out infinite;
}

.estoque-version-badge span::after{
  width:100%;
  height:1px;
  top:11px;
  background:linear-gradient(
    to left,
    transparent,
    rgba(255,255,255,.78),
    transparent
  );
  animation:estoqueVersionBadgeSpark 3s ease-in-out infinite;
}

@keyframes estoqueVersionBadgeSweep{
  0%, 38%{
    transform:translateX(-135%);
    opacity:0;
  }

  50%{
    opacity:1;
  }

  78%, 100%{
    transform:translateX(135%);
    opacity:0;
  }
}

@keyframes estoqueVersionBadgeSpark{
  0%{
    transform:rotate(0deg) scale(1);
    opacity:.5;
  }

  50%{
    transform:rotate(180deg) scale(1.55);
    opacity:1;
  }

  100%{
    transform:rotate(360deg) scale(1);
    opacity:.5;
  }
}

body.light .estoque-text-gradient{
  background:linear-gradient(135deg,#0f172a 0%,#2563eb 45%,#0891b2 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

body.light .estoque-brand-text p{
  color:#64748b;
}


/* страница ввода */
#page-cadastrar.stock-entry-page{
  padding:24px !important;
}

.stock-entry-shell{
  width:min(1180px, 100%);
  margin:0 auto;
}

.stock-entry-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}

.stock-entry-kicker{
  display:inline-flex;
  align-items:center;
  height:24px;
  padding:0 10px;
  border-radius:999px;
  color:#7dd3fc;
  background:rgba(14,165,233,.10);
  border:1px solid rgba(125,211,252,.16);
  font-size:10px;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.stock-entry-top h1{
  margin:8px 0 0;
  color:#f8fafc;
  font-size:28px;
  font-weight:950;
  line-height:1;
  letter-spacing:-.035em;
}

.stock-entry-back{
  height:40px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 14px;
  border-radius:14px;
  color:#cbd5e1;
  background:rgba(15,23,42,.52);
  border:1px solid rgba(148,163,184,.14);
  font-size:13px;
  font-weight:900;
  transition:transform .16s ease, color .16s ease, background .16s ease, border-color .16s ease;
}

.stock-entry-back:hover{
  transform:translateY(-1px);
  color:#f8fafc;
  background:rgba(96,165,250,.10);
  border-color:rgba(96,165,250,.26);
}

.stock-entry-layout{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 360px;
  gap:18px;
  align-items:start;
}

.stock-entry-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:16px;
}

.stock-entry-side{
  min-width:0;
  position:sticky;
  top:86px;
}

.stock-entry-card{
  position:relative;
  overflow:visible;
  border-radius:24px;
  border:1px solid rgba(148,163,184,.14);
  background:
    radial-gradient(circle at 0% 0%, rgba(56,189,248,.10), transparent 30%),
    linear-gradient(180deg, rgba(17,24,39,.86), rgba(15,23,42,.76));
  box-shadow:
    0 18px 46px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.stock-entry-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(96,165,250,.42), rgba(34,211,238,.22), transparent);
  border-radius:inherit;
}

.stock-entry-mode-card,
.stock-entry-section,
.stock-entry-operation{
  padding:18px;
}

.stock-card-title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.stock-card-title span{
  color:#7dd3fc;
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.stock-card-title strong{
  color:#f8fafc;
  font-size:14px;
  font-weight:950;
  letter-spacing:-.01em;
}

.stock-hidden-select{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.stock-entry-switch{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.stock-entry-mode{
  position:relative;
  overflow:hidden;
  min-height:74px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.14);
  background:rgba(15,23,42,.55);
  color:#94a3b8;
  text-align:left;
  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease,
    color .16s ease;
}

.stock-entry-mode::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(96,165,250,.18), rgba(34,211,238,.08));
  opacity:0;
  transition:opacity .16s ease;
}

.stock-entry-mode i,
.stock-entry-mode span{
  position:relative;
  z-index:1;
}

.stock-entry-mode i{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:#93c5fd;
  background:rgba(96,165,250,.10);
  border:1px solid rgba(96,165,250,.16);
}

.stock-entry-mode strong{
  display:block;
  color:#e5edf8;
  font-size:13px;
  font-weight:950;
}

.stock-entry-mode small{
  display:block;
  margin-top:4px;
  color:#64748b;
  font-size:11px;
  font-weight:800;
}

.stock-entry-mode:hover{
  transform:translateY(-1px);
  border-color:rgba(96,165,250,.28);
  color:#cbd5e1;
}

.stock-entry-mode.is-active{
  border-color:rgba(125,211,252,.42);
  background:rgba(14,165,233,.10);
  box-shadow:
    0 14px 32px rgba(14,165,233,.12),
    inset 0 0 0 1px rgba(125,211,252,.08);
}

.stock-entry-mode.is-active::after{
  opacity:1;
}

.stock-entry-mode.is-active i{
  color:#e0f2fe;
  background:linear-gradient(135deg, rgba(37,99,235,.72), rgba(14,165,233,.55));
  border-color:rgba(125,211,252,.28);
  box-shadow:0 12px 24px rgba(14,165,233,.18);
}

.stock-entry-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}

.stock-entry-grid-side{
  grid-template-columns:1fr;
}

.stock-field{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:7px;
}

.stock-field-search{
  position:relative;
}

.stock-field > span{
  color:#cbd5e1;
  font-size:10px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.stock-field input,
.stock-field select{
  width:100%;
  height:46px;
  border-radius:15px !important;
  border:1px solid rgba(148,163,184,.18) !important;
  background:rgba(8,13,24,.62) !important;
  color:#f8fafc !important;
  padding:0 14px !important;
  font-size:13px !important;
  font-weight:850 !important;
  outline:none !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 8px 20px rgba(0,0,0,.08);
  transition:
    transform .16s ease,
    border-color .16s ease,
    box-shadow .16s ease,
    background .16s ease;
}

.stock-field input::placeholder{
  color:#64748b;
}

.stock-field input:focus,
.stock-field select:focus{
  transform:translateY(-1px);
  border-color:rgba(125,211,252,.58) !important;
  box-shadow:
    0 0 0 3px rgba(14,165,233,.14),
    0 14px 28px rgba(14,165,233,.10) !important;
}

.stock-field input:disabled{
  opacity:.62;
  cursor:not-allowed;
  background:rgba(8,13,24,.34) !important;
}

.stock-entry-operation{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.stock-entry-operation .stock-card-title{
  margin-bottom:0;
}

.stock-entry-suggest{
  position:absolute;
  z-index:30;
  left:0;
  right:0;
  top:calc(100% + 7px);
  max-height:240px;
  overflow:auto;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.16);
  background:#0b1220;
  box-shadow:0 24px 58px rgba(0,0,0,.46);
}

.stock-entry-suggest li{
  padding:11px 13px !important;
  color:#dbe4f0 !important;
  font-size:13px !important;
  font-weight:850 !important;
  border-bottom:1px solid rgba(148,163,184,.08);
  cursor:pointer;
}

.stock-entry-suggest li:last-child{
  border-bottom:0;
}

.stock-entry-suggest li:hover{
  background:rgba(14,165,233,.10) !important;
  color:#f8fafc !important;
}

.stock-entry-save{
  height:48px;
  width:100%;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 16px;
  border-radius:17px;
  border:1px solid rgba(125,211,252,.25);
  background:
    radial-gradient(circle at 20% 16%, rgba(255,255,255,.24), transparent 26%),
    linear-gradient(135deg,#2563eb,#06b6d4);
  color:#ffffff;
  font-size:13px;
  font-weight:950;
  box-shadow:
    0 16px 34px rgba(37,99,235,.28),
    inset 0 1px 0 rgba(255,255,255,.24);
  transition:transform .16s ease, filter .16s ease, box-shadow .16s ease;
}

.stock-entry-save i{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.16);
}

.stock-entry-save:hover{
  transform:translateY(-1px);
  filter:brightness(1.08);
  box-shadow:
    0 20px 44px rgba(37,99,235,.36),
    0 0 28px rgba(34,211,238,.18),
    inset 0 1px 0 rgba(255,255,255,.28);
}

.stock-entry-save:active{
  transform:scale(.985);
}

.stock-entry-save:disabled{
  opacity:.55;
  cursor:not-allowed;
  transform:none;
  filter:none;
}

body.light .stock-entry-card{
  background:#ffffff;
  border-color:#e5e7eb;
  box-shadow:0 14px 36px rgba(15,23,42,.08);
}

body.light .stock-entry-top h1,
body.light .stock-card-title strong,
body.light .stock-entry-mode strong{
  color:#0f172a;
}

body.light .stock-entry-mode,
body.light .stock-field input,
body.light .stock-field select{
  background:#ffffff !important;
  color:#0f172a !important;
  border-color:#e5e7eb !important;
}

body.light .stock-field > span{
  color:#334155;
}

body.light .stock-entry-mode small{
  color:#64748b;
}

@media(max-width:1080px){
  .stock-entry-layout{
    grid-template-columns:1fr;
  }

  .stock-entry-side{
    position:relative;
    top:auto;
  }

  .stock-entry-grid-side{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media(max-width:720px){
  #page-cadastrar.stock-entry-page{
    padding:16px !important;
  }

  .stock-entry-top{
    flex-direction:column;
    align-items:flex-start;
  }

  .stock-entry-switch,
  .stock-entry-grid,
  .stock-entry-grid-side{
    grid-template-columns:1fr;
  }

  .stock-entry-top h1{
    font-size:24px;
  }
}

/* выравнивание страницы ввода */
#page-cadastrar.stock-entry-page{
  padding:28px 32px !important;
}

#page-cadastrar .stock-entry-shell{
  width:min(1180px, 100%) !important;
  margin:0 auto !important;
}

/* верх страницы ввода */
#page-cadastrar .stock-entry-top{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:18px !important;
  min-height:auto !important;
  margin:0 0 18px 0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#page-cadastrar .stock-entry-top > div{
  min-width:0 !important;
}

#page-cadastrar .stock-entry-kicker{
  margin:0 !important;
}

#page-cadastrar .stock-entry-top h1{
  margin:8px 0 0 !important;
  padding:0 !important;
  text-align:left !important;
  font-size:28px !important;
  line-height:1 !important;
}

#page-cadastrar .stock-entry-back{
  flex:0 0 auto !important;
  margin:0 0 2px 0 !important;
}

/* сетка формы */
#page-cadastrar .stock-entry-layout{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) 360px !important;
  gap:18px !important;
  align-items:start !important;
}

#page-cadastrar .stock-entry-main{
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  min-width:0 !important;
}

#page-cadastrar .stock-entry-side{
  min-width:0 !important;
  position:sticky !important;
  top:86px !important;
}

#page-cadastrar .stock-entry-card{
  width:100% !important;
}

#page-cadastrar .stock-entry-mode-card,
#page-cadastrar .stock-entry-section,
#page-cadastrar .stock-entry-operation{
  padding:18px !important;
}

/* заголовки карточек */
#page-cadastrar .stock-card-title{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:0 0 14px 0 !important;
}

#page-cadastrar .stock-card-title span{
  flex:0 0 auto !important;
}

#page-cadastrar .stock-card-title strong{
  max-width:260px !important;
  text-align:right !important;
  line-height:1.15 !important;
}

/* opções de tipo */
#page-cadastrar .stock-entry-switch{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:12px !important;
}

#page-cadastrar .stock-entry-mode{
  min-width:0 !important;
}

/* campos */
#page-cadastrar .stock-entry-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:14px !important;
  align-items:end !important;
}

#page-cadastrar .stock-entry-grid-side{
  grid-template-columns:1fr !important;
}

#page-cadastrar .stock-entry-operation{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
}

#page-cadastrar .stock-entry-operation .stock-card-title{
  margin-bottom:0 !important;
}

#page-cadastrar .stock-entry-operation .stock-card-title strong{
  text-align:right !important;
}

/* responsivo */
@media(max-width:1080px){
  #page-cadastrar .stock-entry-layout{
    grid-template-columns:1fr !important;
  }

  #page-cadastrar .stock-entry-side{
    position:relative !important;
    top:auto !important;
  }

  #page-cadastrar .stock-entry-grid-side{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media(max-width:720px){
  #page-cadastrar.stock-entry-page{
    padding:16px !important;
  }

  #page-cadastrar .stock-entry-top{
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  #page-cadastrar .stock-entry-back{
    width:100% !important;
    justify-content:center !important;
  }

  #page-cadastrar .stock-entry-switch,
  #page-cadastrar .stock-entry-grid,
  #page-cadastrar .stock-entry-grid-side{
    grid-template-columns:1fr !important;
  }

  #page-cadastrar .stock-card-title{
    align-items:flex-start !important;
    flex-direction:column !important;
  }

  #page-cadastrar .stock-card-title strong{
    max-width:none !important;
    text-align:left !important;
  }

  #page-cadastrar .stock-entry-top h1{
    font-size:24px !important;
  }
}

/* страница entrada pro */
#page-cadastrar.entry-pro-page{
  padding:30px 34px !important;
}

.entry-pro-shell{
  width:min(1220px,100%);
  margin:0 auto;
}

.entry-pro-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}

.entry-pro-title span{
  display:inline-flex;
  align-items:center;
  height:24px;
  padding:0 10px;
  border-radius:999px;
  color:#7dd3fc;
  background:rgba(14,165,233,.10);
  border:1px solid rgba(125,211,252,.18);
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.entry-pro-title h1{
  margin:8px 0 0;
  color:#f8fafc;
  font-size:30px;
  font-weight:950;
  line-height:1;
  letter-spacing:-.04em;
}

.entry-pro-back{
  height:40px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 14px;
  border-radius:14px;
  color:#cbd5e1;
  background:rgba(15,23,42,.54);
  border:1px solid rgba(148,163,184,.14);
  font-size:13px;
  font-weight:900;
  transition:transform .16s ease, background .16s ease, border-color .16s ease, color .16s ease;
}

.entry-pro-back:hover{
  transform:translateY(-1px);
  color:#f8fafc;
  background:rgba(14,165,233,.10);
  border-color:rgba(125,211,252,.28);
}

.entry-pro-board{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:18px;
  align-items:start;
}

.entry-pro-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:16px;
}

.entry-pro-toolbar,
.entry-pro-section,
.entry-pro-side-card{
  position:relative;
  overflow:visible;
  border-radius:22px;
  border:1px solid rgba(148,163,184,.13);
  background:
    linear-gradient(180deg, rgba(15,23,42,.86), rgba(15,23,42,.68));
  box-shadow:
    0 16px 42px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.035);
}

.entry-pro-toolbar::before,
.entry-pro-section::before,
.entry-pro-side-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  border-radius:inherit;
  background:linear-gradient(90deg, transparent, rgba(56,189,248,.45), rgba(129,140,248,.20), transparent);
}

.entry-pro-toolbar{
  padding:12px;
}

.entry-pro-hidden-select{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.entry-pro-tabs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.entry-pro-tab{
  position:relative;
  overflow:hidden;
  height:54px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 12px;
  border-radius:16px;
  border:1px solid rgba(148,163,184,.12);
  background:rgba(2,6,23,.34);
  color:#94a3b8;
  font-size:13px;
  font-weight:950;
  text-align:left;
  transition:transform .16s ease, background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.entry-pro-tab i{
  width:32px;
  height:32px;
  flex:0 0 32px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#93c5fd;
  background:rgba(96,165,250,.10);
  border:1px solid rgba(96,165,250,.14);
  font-size:12px;
}

.entry-pro-tab:hover{
  transform:translateY(-1px);
  color:#dbeafe;
  border-color:rgba(125,211,252,.24);
  background:rgba(14,165,233,.07);
}

.entry-pro-tab.is-active{
  color:#f8fafc;
  background:
    radial-gradient(circle at 12% 0%, rgba(56,189,248,.18), transparent 42%),
    linear-gradient(180deg, rgba(14,165,233,.16), rgba(37,99,235,.10));
  border-color:rgba(125,211,252,.38);
  box-shadow:0 14px 30px rgba(14,165,233,.10);
}

.entry-pro-tab.is-active i{
  color:#ffffff;
  background:linear-gradient(135deg,#2563eb,#06b6d4);
  border-color:rgba(255,255,255,.18);
  box-shadow:0 10px 20px rgba(14,165,233,.18);
}

.entry-pro-section,
.entry-pro-side-card{
  padding:18px;
}

.entry-pro-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}

.entry-pro-section-head span{
  color:#7dd3fc;
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.entry-pro-section-head strong{
  color:#f8fafc;
  font-size:14px;
  font-weight:950;
  line-height:1.15;
  text-align:right;
}

.entry-pro-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.entry-pro-field{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:7px;
}

.entry-pro-field > span{
  color:#cbd5e1;
  font-size:10px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.entry-pro-field input,
.entry-pro-field select{
  width:100%;
  height:46px;
  border-radius:15px !important;
  border:1px solid rgba(148,163,184,.17) !important;
  background:rgba(2,6,23,.42) !important;
  color:#f8fafc !important;
  padding:0 14px !important;
  font-size:13px !important;
  font-weight:850 !important;
  outline:none !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 8px 18px rgba(0,0,0,.08) !important;
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.entry-pro-field input::placeholder{
  color:#64748b;
}

.entry-pro-field input:focus,
.entry-pro-field select:focus{
  transform:translateY(-1px);
  border-color:rgba(125,211,252,.58) !important;
  background:rgba(2,6,23,.56) !important;
  box-shadow:
    0 0 0 3px rgba(14,165,233,.13),
    0 14px 28px rgba(14,165,233,.09) !important;
}

.entry-pro-field input:disabled{
  opacity:.64;
  cursor:not-allowed;
  background:rgba(2,6,23,.25) !important;
}

.entry-pro-search{
  position:relative;
}

.entry-pro-suggest,
#ent-list{
  position:absolute;
  z-index:40;
  left:0;
  right:0;
  top:calc(100% + 7px);
  max-height:250px;
  overflow:auto;
  border-radius:18px !important;
  border:1px solid rgba(148,163,184,.16) !important;
  background:#080f1f !important;
  box-shadow:0 24px 58px rgba(0,0,0,.48) !important;
}

#ent-list li{
  padding:11px 13px !important;
  color:#dbe4f0 !important;
  font-size:13px !important;
  font-weight:850 !important;
  border-bottom:1px solid rgba(148,163,184,.08) !important;
  cursor:pointer;
}

#ent-list li:last-child{
  border-bottom:0 !important;
}

#ent-list li:hover{
  background:rgba(14,165,233,.11) !important;
  color:#ffffff !important;
}

.entry-pro-side{
  min-width:0;
  position:sticky;
  top:86px;
}

.entry-pro-side-card{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.entry-pro-side-card .entry-pro-section-head{
  margin-bottom:0;
}

.entry-pro-save{
  height:48px;
  width:100%;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 16px;
  border-radius:16px;
  border:1px solid rgba(125,211,252,.24);
  background:
    radial-gradient(circle at 18% 14%, rgba(255,255,255,.24), transparent 28%),
    linear-gradient(135deg,#2563eb,#06b6d4);
  color:#ffffff;
  font-size:13px;
  font-weight:950;
  box-shadow:
    0 16px 34px rgba(37,99,235,.28),
    inset 0 1px 0 rgba(255,255,255,.24);
  transition:transform .16s ease, filter .16s ease, box-shadow .16s ease;
}

.entry-pro-save i{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  font-size:12px;
}

.entry-pro-save:hover{
  transform:translateY(-1px);
  filter:brightness(1.08);
  box-shadow:
    0 20px 44px rgba(37,99,235,.36),
    0 0 28px rgba(34,211,238,.18),
    inset 0 1px 0 rgba(255,255,255,.28);
}

.entry-pro-save:active{
  transform:scale(.985);
}

.entry-pro-save:disabled{
  opacity:.55;
  cursor:not-allowed;
  transform:none;
  filter:none;
}

body.light .entry-pro-toolbar,
body.light .entry-pro-section,
body.light .entry-pro-side-card{
  background:#ffffff;
  border-color:#e5e7eb;
  box-shadow:0 14px 34px rgba(15,23,42,.08);
}

body.light .entry-pro-title h1,
body.light .entry-pro-section-head strong,
body.light .entry-pro-tab span{
  color:#0f172a;
}

body.light .entry-pro-tab,
body.light .entry-pro-field input,
body.light .entry-pro-field select{
  background:#ffffff !important;
  color:#0f172a !important;
  border-color:#e5e7eb !important;
}

body.light .entry-pro-field > span{
  color:#334155;
}

@media(max-width:1080px){
  .entry-pro-board{
    grid-template-columns:1fr;
  }

  .entry-pro-side{
    position:relative;
    top:auto;
  }
}

@media(max-width:720px){
  #page-cadastrar.entry-pro-page{
    padding:16px !important;
  }

  .entry-pro-head{
    flex-direction:column;
    align-items:flex-start;
  }

  .entry-pro-back{
    width:100%;
    justify-content:center;
  }

  .entry-pro-tabs,
  .entry-pro-grid{
    grid-template-columns:1fr;
  }

  .entry-pro-section-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .entry-pro-section-head strong{
    text-align:left;
  }

  .entry-pro-title h1{
    font-size:24px;
  }
}

/* переработка страницы ввода */
#page-cadastrar.entry-pro-page{
  padding:28px 32px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(14,165,233,.07), transparent 32%),
    radial-gradient(circle at 82% 12%, rgba(99,102,241,.08), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,.18), rgba(15,23,42,0)) !important;
}

.entry-pro-shell{
  width:min(1180px,100%) !important;
  margin:0 auto !important;
}

/* шапка страницы */
.entry-pro-head{
  min-height:58px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:18px !important;
  margin:0 0 14px !important;
}

.entry-pro-title span{
  height:22px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  color:#67e8f9 !important;
  background:rgba(8,145,178,.12) !important;
  border:1px solid rgba(103,232,249,.18) !important;
  font-size:10px !important;
  font-weight:950 !important;
  letter-spacing:.16em !important;
}

.entry-pro-title h1{
  margin:7px 0 0 !important;
  color:#f8fafc !important;
  font-size:28px !important;
  font-weight:950 !important;
  letter-spacing:-.045em !important;
}

/* bloco principal unificado */
.entry-pro-board{
  position:relative !important;
  overflow:hidden !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 350px !important;
  gap:18px !important;
  align-items:start !important;
  padding:18px !important;
  border-radius:28px !important;
  border:1px solid rgba(148,163,184,.14) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(56,189,248,.10), transparent 30%),
    radial-gradient(circle at 92% 6%, rgba(59,130,246,.08), transparent 30%),
    linear-gradient(180deg, rgba(15,23,42,.94), rgba(10,15,28,.88)) !important;
  box-shadow:
    0 26px 80px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

.entry-pro-board::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(56,189,248,.65), rgba(129,140,248,.34), transparent);
}

.entry-pro-board::after{
  content:"";
  position:absolute;
  top:18px;
  bottom:18px;
  right:386px;
  width:1px;
  background:linear-gradient(180deg, transparent, rgba(148,163,184,.16), transparent);
  pointer-events:none;
}

/* coluna principal */
.entry-pro-main{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  min-width:0 !important;
}

/* remove cara de cards soltos */
.entry-pro-toolbar,
.entry-pro-section,
.entry-pro-side-card{
  border-radius:22px !important;
  border:1px solid rgba(148,163,184,.12) !important;
  background:rgba(2,6,23,.24) !important;
  box-shadow:none !important;
}

.entry-pro-toolbar::before,
.entry-pro-section::before,
.entry-pro-side-card::before{
  display:none !important;
}

/* abas mais integradas */
.entry-pro-toolbar{
  padding:10px !important;
  background:rgba(2,6,23,.30) !important;
}

.entry-pro-tabs{
  gap:8px !important;
}

.entry-pro-tab{
  height:52px !important;
  border-radius:16px !important;
  background:rgba(15,23,42,.58) !important;
  border-color:rgba(148,163,184,.12) !important;
}

.entry-pro-tab.is-active{
  background:
    radial-gradient(circle at 16% 0%, rgba(56,189,248,.20), transparent 38%),
    linear-gradient(135deg, rgba(37,99,235,.34), rgba(14,165,233,.18)) !important;
  border-color:rgba(103,232,249,.36) !important;
  box-shadow:
    0 12px 28px rgba(14,165,233,.12),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

/* seções do formulário */
.entry-pro-section{
  padding:18px !important;
  min-height:218px !important;
}

.entry-pro-section-head{
  margin-bottom:16px !important;
  padding-bottom:12px !important;
  border-bottom:1px solid rgba(148,163,184,.10) !important;
}

.entry-pro-section-head span{
  color:#67e8f9 !important;
  font-size:10px !important;
  font-weight:950 !important;
  letter-spacing:.15em !important;
}

.entry-pro-section-head strong{
  color:#e5edf8 !important;
  font-size:13px !important;
  font-weight:950 !important;
}

/* campos */
.entry-pro-grid{
  gap:14px !important;
}

.entry-pro-field > span{
  color:#94a3b8 !important;
  font-size:10px !important;
  font-weight:950 !important;
  letter-spacing:.11em !important;
}

.entry-pro-field input,
.entry-pro-field select{
  height:46px !important;
  border-radius:14px !important;
  background:rgba(8,13,24,.76) !important;
  border:1px solid rgba(148,163,184,.16) !important;
  color:#f8fafc !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.entry-pro-field input:focus,
.entry-pro-field select:focus{
  transform:none !important;
  background:rgba(8,13,24,.92) !important;
  border-color:rgba(103,232,249,.50) !important;
  box-shadow:
    0 0 0 3px rgba(14,165,233,.12),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

/* painel direito */
.entry-pro-side{
  position:relative !important;
  z-index:1 !important;
  top:auto !important;
  min-width:0 !important;
}

.entry-pro-side-card{
  min-height:278px !important;
  padding:18px !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(37,99,235,.12), transparent 36%),
    rgba(2,6,23,.34) !important;
}

.entry-pro-side-card .entry-pro-section-head{
  margin-bottom:0 !important;
}

.entry-pro-side-card .entry-pro-field{
  margin-top:0 !important;
}

/* botão salvar */
.entry-pro-save{
  margin-top:2px !important;
  height:48px !important;
  border-radius:15px !important;
  background:
    radial-gradient(circle at 18% 15%, rgba(255,255,255,.26), transparent 26%),
    linear-gradient(135deg,#2563eb 0%, #0891b2 100%) !important;
  box-shadow:
    0 16px 34px rgba(37,99,235,.24),
    inset 0 1px 0 rgba(255,255,255,.24) !important;
}

.entry-pro-save:hover{
  transform:translateY(-1px) !important;
  box-shadow:
    0 20px 42px rgba(37,99,235,.34),
    0 0 28px rgba(34,211,238,.16),
    inset 0 1px 0 rgba(255,255,255,.28) !important;
}

/* deixa a tela menos vazia */
.entry-pro-board{
  min-height:360px !important;
}

.entry-pro-main,
.entry-pro-side-card{
  height:100% !important;
}

/* responsivo */
@media(max-width:1080px){
  .entry-pro-board{
    grid-template-columns:1fr !important;
  }

  .entry-pro-board::after{
    display:none !important;
  }

  .entry-pro-side-card{
    min-height:auto !important;
  }
}

@media(max-width:720px){
  #page-cadastrar.entry-pro-page{
    padding:16px !important;
  }

  .entry-pro-head{
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .entry-pro-back{
    width:100% !important;
    justify-content:center !important;
  }

  .entry-pro-board{
    padding:12px !important;
    border-radius:22px !important;
  }

  .entry-pro-tabs,
  .entry-pro-grid{
    grid-template-columns:1fr !important;
  }

  .entry-pro-section{
    min-height:auto !important;
  }
}

/* мастер входа */
#page-cadastrar.entry-flow-page{
  padding:18px 20px 24px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(14,165,233,.07), transparent 32%),
    radial-gradient(circle at 82% 12%, rgba(99,102,241,.08), transparent 34%);
}

.entry-flow-shell{
  width:100%;
  max-width:none;
  margin:0;
}

.entry-flow-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}

.entry-flow-title span{
  display:inline-flex;
  align-items:center;
  height:24px;
  padding:0 10px;
  border-radius:999px;
  color:#67e8f9;
  background:rgba(8,145,178,.12);
  border:1px solid rgba(103,232,249,.18);
  font-size:10px;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.entry-flow-title h1{
  margin:8px 0 0;
  color:#f8fafc;
  font-size:30px;
  font-weight:950;
  line-height:1;
  letter-spacing:-.045em;
}

.entry-flow-back{
  height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 14px;
  border-radius:14px;
  color:#cbd5e1;
  background:rgba(15,23,42,.54);
  border:1px solid rgba(148,163,184,.14);
  font-size:13px;
  font-weight:900;
  transition:.16s ease;
}

.entry-flow-back:hover{
  transform:translateY(-1px);
  color:#f8fafc;
  background:rgba(14,165,233,.10);
  border-color:rgba(103,232,249,.26);
}

.entry-flow-board{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:20px;
  min-height:620px;
  padding:20px;
  border-radius:30px;
  border:1px solid rgba(148,163,184,.14);
  background:
    radial-gradient(circle at 8% 0%, rgba(56,189,248,.10), transparent 30%),
    radial-gradient(circle at 92% 8%, rgba(99,102,241,.09), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,.94), rgba(8,13,24,.88));
  box-shadow:
    0 28px 82px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.045);
}

.entry-flow-steps{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:12px;
  border-radius:22px;
  background:rgba(2,6,23,.28);
  border:1px solid rgba(148,163,184,.10);
  min-height:578px;
}

.entry-flow-step{
  display:grid;
  grid-template-columns:38px 1fr;
  grid-template-areas:
    "num title"
    "num sub";
  gap:2px 10px;
  align-items:center;
  min-height:74px;
  padding:12px;
  border-radius:18px;
  text-align:left;
  color:#94a3b8;
  border:1px solid transparent;
  background:transparent;
  transition:.16s ease;
}

.entry-flow-step span{
  grid-area:num;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:#94a3b8;
  background:rgba(148,163,184,.08);
  font-size:11px;
  font-weight:950;
}

.entry-flow-step strong{
  grid-area:title;
  color:#cbd5e1;
  font-size:13px;
  font-weight:950;
}

.entry-flow-step small{
  grid-area:sub;
  color:#64748b;
  font-size:11px;
  font-weight:800;
}

.entry-flow-step.is-active{
  background:
    radial-gradient(circle at 10% 0%, rgba(56,189,248,.18), transparent 40%),
    rgba(14,165,233,.08);
  border-color:rgba(103,232,249,.25);
}

.entry-flow-step.is-active span{
  color:#ffffff;
  background:linear-gradient(135deg,#2563eb,#06b6d4);
  box-shadow:0 10px 22px rgba(14,165,233,.20);
}

.entry-flow-step.is-done span{
  color:#bbf7d0;
  background:rgba(34,197,94,.12);
}

.entry-flow-content{
  min-width:0;
}

.entry-flow-panel{
  display:none;
  min-height:578px;
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(148,163,184,.12);
  background:
    radial-gradient(circle at 0% 0%, rgba(14,165,233,.07), transparent 32%),
    rgba(2,6,23,.30);
}

.entry-flow-panel.is-active{
  display:flex;
  flex-direction:column;
}

.entry-flow-panel-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(148,163,184,.10);
}

.entry-flow-panel-head span{
  color:#67e8f9;
  font-size:10px;
  font-weight:950;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.entry-flow-panel-head strong{
  color:#f8fafc;
  font-size:15px;
  font-weight:950;
}

.entry-flow-hidden-select{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.entry-flow-mode-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}

.entry-flow-mode{
  height:76px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px;
  border-radius:19px;
  border:1px solid rgba(148,163,184,.14);
  background:rgba(15,23,42,.48);
  color:#94a3b8;
  text-align:left;
  transition:.16s ease;
}

.entry-flow-mode:hover{
  transform:translateY(-1px);
  border-color:rgba(103,232,249,.24);
}

.entry-flow-mode i{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  flex:0 0 42px;
  border-radius:15px;
  color:#93c5fd;
  background:rgba(96,165,250,.10);
  border:1px solid rgba(96,165,250,.16);
}

.entry-flow-mode strong{
  display:block;
  color:#e5edf8;
  font-size:13px;
  font-weight:950;
}

.entry-flow-mode small{
  display:block;
  margin-top:4px;
  color:#64748b;
  font-size:11px;
  font-weight:800;
}

.entry-flow-mode.is-active{
  background:
    radial-gradient(circle at 12% 0%, rgba(56,189,248,.18), transparent 38%),
    linear-gradient(135deg, rgba(37,99,235,.28), rgba(14,165,233,.12));
  border-color:rgba(103,232,249,.36);
  box-shadow:0 14px 30px rgba(14,165,233,.10);
}

.entry-flow-mode.is-active i{
  color:#ffffff;
  background:linear-gradient(135deg,#2563eb,#06b6d4);
}

.entry-flow-form-block{
  margin-top:0;
}

.entry-flow-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.entry-flow-wide,
.entry-review-wide{
  grid-column:1 / -1;
}

.entry-flow-field{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:7px;
}

.entry-flow-field > span{
  color:#94a3b8;
  font-size:10px;
  font-weight:950;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.entry-flow-field input,
.entry-flow-field select{
  width:100%;
  height:46px;
  border-radius:15px !important;
  border:1px solid rgba(148,163,184,.16) !important;
  background:rgba(8,13,24,.76) !important;
  color:#f8fafc !important;
  padding:0 14px !important;
  font-size:13px !important;
  font-weight:850 !important;
  outline:none !important;
}

.entry-flow-field input::placeholder{
  color:#64748b;
}

.entry-flow-field input:focus,
.entry-flow-field select:focus{
  border-color:rgba(103,232,249,.52) !important;
  box-shadow:0 0 0 3px rgba(14,165,233,.12) !important;
}

.entry-flow-field input:disabled{
  opacity:.62;
  cursor:not-allowed;
}

.entry-flow-search{
  position:relative;
}

.entry-flow-suggest,
#ent-list{
  position:absolute;
  z-index:40;
  left:0;
  right:0;
  top:calc(100% + 7px);
  max-height:250px;
  overflow:auto;
  border-radius:18px !important;
  border:1px solid rgba(148,163,184,.16) !important;
  background:#080f1f !important;
  box-shadow:0 24px 58px rgba(0,0,0,.48) !important;
}

#ent-list li{
  padding:11px 13px !important;
  color:#dbe4f0 !important;
  font-size:13px !important;
  font-weight:850 !important;
  border-bottom:1px solid rgba(148,163,184,.08) !important;
  cursor:pointer;
}

#ent-list li:hover{
  background:rgba(14,165,233,.11) !important;
  color:#ffffff !important;
}

.entry-selected-product{
  margin-top:14px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(103,232,249,.18);
  background:rgba(14,165,233,.07);
}

.entry-selected-product span{
  display:block;
  color:#67e8f9;
  font-size:10px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.entry-selected-product strong{
  display:block;
  margin-top:5px;
  color:#f8fafc;
  font-size:14px;
  font-weight:950;
}

.entry-selected-product small{
  display:block;
  margin-top:5px;
  color:#94a3b8;
  font-size:12px;
  font-weight:750;
}

.entry-selected-product.is-empty{
  border-style:dashed;
  background:rgba(15,23,42,.36);
}

.entry-review-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.entry-review-card{
  min-height:86px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.12);
  background:rgba(8,13,24,.58);
}

.entry-review-card span{
  display:block;
  color:#67e8f9;
  font-size:10px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.entry-review-card strong{
  display:block;
  margin-top:8px;
  color:#f8fafc;
  font-size:15px;
  font-weight:950;
  line-height:1.2;
}

.entry-flow-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin-top:auto;
  padding-top:28px;
}

.entry-flow-primary,
.entry-flow-secondary,
.entry-flow-save{
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 16px;
  border-radius:15px;
  font-size:13px;
  font-weight:950;
  transition:.16s ease;
}

.entry-flow-primary,
.entry-flow-save{
  color:#ffffff;
  border:1px solid rgba(125,211,252,.24);
  background:
    radial-gradient(circle at 18% 14%, rgba(255,255,255,.24), transparent 28%),
    linear-gradient(135deg,#2563eb,#06b6d4);
  box-shadow:0 16px 34px rgba(37,99,235,.26);
}

.entry-flow-primary:hover,
.entry-flow-save:hover{
  transform:translateY(-1px);
  filter:brightness(1.08);
}

.entry-flow-secondary{
  color:#cbd5e1;
  background:rgba(15,23,42,.54);
  border:1px solid rgba(148,163,184,.14);
}

.entry-flow-save{
  min-width:190px;
  justify-content:space-between;
}

.entry-flow-save i{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.16);
}

@media(max-width:1080px){
  .entry-flow-board{
    grid-template-columns:1fr;
  }

  .entry-flow-steps{
    flex-direction:row;
    overflow:auto;
  }

  .entry-flow-step{
    min-width:210px;
  }
}

@media(max-width:720px){
  #page-cadastrar.entry-flow-page{
    padding:16px !important;
  }

  .entry-flow-head{
    flex-direction:column;
    align-items:flex-start;
  }

  .entry-flow-back{
    width:100%;
  }

  .entry-flow-board{
    padding:12px;
    border-radius:22px;
  }

  .entry-flow-mode-grid,
  .entry-flow-grid,
  .entry-review-grid{
    grid-template-columns:1fr;
  }

  .entry-review-wide,
  .entry-flow-wide{
    grid-column:auto;
  }

  .entry-flow-actions{
    flex-direction:column-reverse;
    align-items:stretch;
  }

  .entry-flow-primary,
  .entry-flow-secondary,
  .entry-flow-save{
    width:100%;
  }
}

/* уведомление входа */
.entry-success-toast{
  position:fixed;
  right:24px;
  top:86px;
  z-index:99998;
  width:min(420px, calc(100vw - 32px));
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 15px;
  border-radius:18px;
  border:1px solid rgba(34,197,94,.24);
  background:
    radial-gradient(circle at 14% 0%, rgba(34,197,94,.18), transparent 38%),
    linear-gradient(180deg, rgba(15,23,42,.96), rgba(8,13,24,.94));
  box-shadow:
    0 22px 58px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.06);
  opacity:0;
  transform:translateY(-10px) scale(.98);
  pointer-events:none;
  transition:opacity .22s ease, transform .22s ease;
}

.entry-success-toast.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}

.entry-success-icon{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#bbf7d0;
  background:rgba(34,197,94,.14);
  border:1px solid rgba(34,197,94,.26);
  box-shadow:0 0 24px rgba(34,197,94,.12);
}

.entry-success-toast strong{
  display:block;
  color:#f8fafc;
  font-size:13px;
  font-weight:950;
  line-height:1.2;
}

.entry-success-toast span{
  display:block;
  margin-top:4px;
  color:#94a3b8;
  font-size:12px;
  font-weight:750;
  line-height:1.35;
}

@media(max-width:720px){
  .entry-success-toast{
    top:72px;
    right:16px;
    left:16px;
    width:auto;
  }
}

/* страница эсторно */
#page-estorno.estorno-flow-page{
  padding:28px 32px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(250,204,21,.06), transparent 32%),
    radial-gradient(circle at 82% 12%, rgba(249,115,22,.07), transparent 34%);
}

.estorno-flow-shell{
  width:100%;
  max-width:none;
  margin:0;
}

.estorno-flow-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}

.estorno-flow-kicker{
  display:inline-flex;
  align-items:center;
  height:23px;
  padding:0 10px;
  border-radius:999px;
  color:#fde68a;
  background:rgba(202,138,4,.12);
  border:1px solid rgba(253,230,138,.18);
  font-size:10px;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.estorno-flow-head h1{
  margin:8px 0 0;
  color:#f8fafc;
  font-size:30px;
  font-weight:950;
  line-height:1;
  letter-spacing:-.045em;
}

.estorno-flow-back{
  height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 14px;
  border-radius:14px;
  color:#cbd5e1;
  background:rgba(15,23,42,.54);
  border:1px solid rgba(148,163,184,.14);
  font-size:13px;
  font-weight:900;
}

.estorno-flow-board{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:20px;
  min-height:620px;
  padding:20px;
  border-radius:30px;
  border:1px solid rgba(148,163,184,.14);
  background:
    radial-gradient(circle at 8% 0%, rgba(250,204,21,.10), transparent 30%),
    radial-gradient(circle at 92% 8%, rgba(249,115,22,.08), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,.94), rgba(8,13,24,.88));
  box-shadow:
    0 28px 82px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.045);
}

.estorno-flow-steps{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-height:578px;
  padding:12px;
  border-radius:22px;
  background:rgba(2,6,23,.28);
  border:1px solid rgba(148,163,184,.10);
}

.estorno-flow-step{
  display:grid;
  grid-template-columns:38px 1fr;
  grid-template-areas:
    "num title"
    "num sub";
  gap:2px 10px;
  align-items:center;
  min-height:74px;
  padding:12px;
  border-radius:18px;
  text-align:left;
  color:#94a3b8;
  border:1px solid transparent;
  background:transparent;
}

.estorno-flow-step span{
  grid-area:num;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:#94a3b8;
  background:rgba(148,163,184,.08);
  font-size:11px;
  font-weight:950;
}

.estorno-flow-step strong{
  grid-area:title;
  color:#cbd5e1;
  font-size:13px;
  font-weight:950;
}

.estorno-flow-step small{
  grid-area:sub;
  color:#64748b;
  font-size:11px;
  font-weight:800;
}

.estorno-flow-step.is-active{
  background:
    radial-gradient(circle at 10% 0%, rgba(250,204,21,.18), transparent 40%),
    rgba(202,138,4,.08);
  border-color:rgba(253,230,138,.25);
}

.estorno-flow-step.is-active span{
  color:#111827;
  background:linear-gradient(135deg,#facc15,#f97316);
  box-shadow:0 10px 22px rgba(250,204,21,.18);
}

.estorno-flow-step.is-done span{
  color:#fef3c7;
  background:rgba(234,179,8,.14);
}

.estorno-flow-content{
  min-width:0;
}

.estorno-flow-panel{
  display:none;
  min-height:578px;
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(148,163,184,.12);
  background:
    radial-gradient(circle at 0% 0%, rgba(250,204,21,.07), transparent 32%),
    rgba(2,6,23,.30);
}

.estorno-flow-panel.is-active{
  display:flex;
  flex-direction:column;
}

.estorno-flow-panel-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(148,163,184,.10);
}

.estorno-flow-panel-head span{
  color:#fde68a;
  font-size:10px;
  font-weight:950;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.estorno-flow-panel-head strong{
  color:#f8fafc;
  font-size:15px;
  font-weight:950;
}

.estorno-flow-field{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:7px;
}

.estorno-flow-field > span{
  color:#94a3b8;
  font-size:10px;
  font-weight:950;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.estorno-flow-field input{
  width:100%;
  height:46px;
  border-radius:15px !important;
  border:1px solid rgba(148,163,184,.16) !important;
  background:rgba(8,13,24,.76) !important;
  color:#f8fafc !important;
  padding:0 14px !important;
  font-size:13px !important;
  font-weight:850 !important;
  outline:none !important;
}

.estorno-flow-field input::placeholder{
  color:#64748b;
}

.estorno-flow-field input:focus{
  border-color:rgba(253,230,138,.52) !important;
  box-shadow:0 0 0 3px rgba(250,204,21,.12) !important;
}

.estorno-flow-search{
  position:relative;
}

.estorno-flow-suggest{
  position:absolute;
  z-index:40;
  left:0;
  right:0;
  top:calc(100% + 7px);
  max-height:310px;
  overflow:auto;
  border-radius:18px !important;
  border:1px solid rgba(148,163,184,.16) !important;
  background:#080f1f !important;
  box-shadow:0 24px 58px rgba(0,0,0,.48) !important;
}

.estorno-result-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 13px !important;
  color:#dbe4f0 !important;
  border-bottom:1px solid rgba(148,163,184,.08) !important;
  cursor:pointer;
}

.estorno-result-item:hover{
  background:rgba(250,204,21,.10) !important;
  color:#ffffff !important;
}

.estorno-result-item strong{
  display:block;
  color:#f8fafc;
  font-size:13px;
  font-weight:950;
}

.estorno-result-item small{
  display:block;
  margin-top:4px;
  color:#94a3b8;
  font-size:11px;
  font-weight:750;
}

.estorno-result-item > span{
  flex:0 0 auto;
  color:#facc15;
  font-size:12px;
  font-weight:950;
  text-align:right;
}

.estorno-result-item em{
  display:block;
  margin-top:3px;
  color:#94a3b8;
  font-size:10px;
  font-style:normal;
  font-weight:800;
}

.estorno-selected-saida{
  margin-top:14px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(253,230,138,.18);
  background:rgba(202,138,4,.07);
}

.estorno-selected-saida span{
  display:block;
  color:#fde68a;
  font-size:10px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.estorno-selected-saida strong{
  display:block;
  margin-top:5px;
  color:#f8fafc;
  font-size:14px;
  font-weight:950;
}

.estorno-selected-saida small{
  display:block;
  margin-top:5px;
  color:#94a3b8;
  font-size:12px;
  font-weight:750;
}

.estorno-selected-saida.is-empty{
  border-style:dashed;
  background:rgba(15,23,42,.36);
}

.estorno-detail-grid,
.estorno-review-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}

.estorno-detail-card,
.estorno-review-card{
  min-height:86px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.12);
  background:rgba(8,13,24,.58);
}

.estorno-review-wide{
  grid-column:1 / -1;
}

.estorno-detail-card span,
.estorno-review-card span{
  display:block;
  color:#fde68a;
  font-size:10px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.estorno-detail-card strong,
.estorno-review-card strong{
  display:block;
  margin-top:8px;
  color:#f8fafc;
  font-size:15px;
  font-weight:950;
  line-height:1.2;
}

.estorno-flow-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin-top:auto;
  padding-top:28px;
}

.estorno-flow-primary,
.estorno-flow-secondary,
.estorno-flow-save{
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 16px;
  border-radius:15px;
  font-size:13px;
  font-weight:950;
  transition:.16s ease;
}

.estorno-flow-primary,
.estorno-flow-save{
  color:#111827;
  border:1px solid rgba(253,230,138,.24);
  background:
    radial-gradient(circle at 18% 14%, rgba(255,255,255,.28), transparent 28%),
    linear-gradient(135deg,#facc15,#f97316);
  box-shadow:0 16px 34px rgba(250,204,21,.16);
}

.estorno-flow-primary:hover,
.estorno-flow-save:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
}

.estorno-flow-secondary{
  color:#cbd5e1;
  background:rgba(15,23,42,.54);
  border:1px solid rgba(148,163,184,.14);
}

.estorno-flow-save{
  min-width:190px;
  justify-content:space-between;
}

.estorno-flow-save i{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(17,24,39,.15);
}

.estorno-success-toast{
  position:fixed;
  right:24px;
  top:86px;
  z-index:99998;
  width:min(420px, calc(100vw - 32px));
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 15px;
  border-radius:18px;
  border:1px solid rgba(250,204,21,.24);
  background:
    radial-gradient(circle at 14% 0%, rgba(250,204,21,.16), transparent 38%),
    linear-gradient(180deg, rgba(15,23,42,.96), rgba(8,13,24,.94));
  box-shadow:
    0 22px 58px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.06);
  opacity:0;
  transform:translateY(-10px) scale(.98);
  pointer-events:none;
  transition:opacity .22s ease, transform .22s ease;
}

.estorno-success-toast.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}

.estorno-success-icon{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#fef3c7;
  background:rgba(250,204,21,.14);
  border:1px solid rgba(250,204,21,.26);
}

.estorno-success-toast strong{
  display:block;
  color:#f8fafc;
  font-size:13px;
  font-weight:950;
  line-height:1.2;
}

.estorno-success-toast span{
  display:block;
  margin-top:4px;
  color:#94a3b8;
  font-size:12px;
  font-weight:750;
  line-height:1.35;
}

@media(max-width:1080px){
  .estorno-flow-board{
    grid-template-columns:1fr;
  }

  .estorno-flow-steps{
    min-height:auto;
    flex-direction:row;
    overflow:auto;
  }

  .estorno-flow-step{
    min-width:210px;
  }
}

@media(max-width:720px){
  #page-estorno.estorno-flow-page{
    padding:16px !important;
  }

  .estorno-flow-head{
    flex-direction:column;
    align-items:flex-start;
  }

  .estorno-flow-back{
    width:100%;
  }

  .estorno-flow-board{
    padding:12px;
    border-radius:22px;
  }

  .estorno-detail-grid,
  .estorno-review-grid{
    grid-template-columns:1fr;
  }

  .estorno-review-wide{
    grid-column:auto;
  }

  .estorno-flow-actions{
    flex-direction:column-reverse;
    align-items:stretch;
  }

  .estorno-flow-primary,
  .estorno-flow-secondary,
  .estorno-flow-save{
    width:100%;
  }

  .estorno-result-item{
    align-items:flex-start;
    flex-direction:column;
  }

  .estorno-result-item > span{
    text-align:left;
  }
}

/* пустой результат эсторно */
.estorno-result-empty{
  cursor:default !important;
  opacity:.78;
}

.estorno-result-empty:hover{
  background:transparent !important;
}

/* страница выхода */
#page-saida.saida-flow-page{
  padding:28px 32px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(244,114,182,.06), transparent 32%),
    radial-gradient(circle at 82% 12%, rgba(236,72,153,.07), transparent 34%);
}

.saida-flow-shell{
  width:100%;
  max-width:none;
  margin:0;
}

.saida-flow-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}

.saida-flow-kicker{
  display:inline-flex;
  align-items:center;
  height:23px;
  padding:0 10px;
  border-radius:999px;
  color:#f9a8d4;
  background:rgba(219,39,119,.12);
  border:1px solid rgba(249,168,212,.18);
  font-size:10px;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.saida-flow-head h1{
  margin:8px 0 0;
  color:#f8fafc;
  font-size:30px;
  font-weight:950;
  line-height:1;
  letter-spacing:-.045em;
}

.saida-flow-back{
  height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 14px;
  border-radius:14px;
  color:#cbd5e1;
  background:rgba(15,23,42,.54);
  border:1px solid rgba(148,163,184,.14);
  font-size:13px;
  font-weight:900;
}

.saida-flow-board{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:20px;
  min-height:620px;
  padding:20px;
  border-radius:30px;
  border:1px solid rgba(148,163,184,.14);
  background:
    radial-gradient(circle at 8% 0%, rgba(244,114,182,.10), transparent 30%),
    radial-gradient(circle at 92% 8%, rgba(236,72,153,.08), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,.94), rgba(8,13,24,.88));
  box-shadow:
    0 28px 82px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.045);
}

.saida-flow-steps{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-height:578px;
  padding:12px;
  border-radius:22px;
  background:rgba(2,6,23,.28);
  border:1px solid rgba(148,163,184,.10);
}

.saida-flow-step{
  display:grid;
  grid-template-columns:38px 1fr;
  grid-template-areas:
    "num title"
    "num sub";
  gap:2px 10px;
  align-items:center;
  min-height:74px;
  padding:12px;
  border-radius:18px;
  text-align:left;
  color:#94a3b8;
  border:1px solid transparent;
  background:transparent;
}

.saida-flow-step span{
  grid-area:num;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:#94a3b8;
  background:rgba(148,163,184,.08);
  font-size:11px;
  font-weight:950;
}

.saida-flow-step strong{
  grid-area:title;
  color:#cbd5e1;
  font-size:13px;
  font-weight:950;
}

.saida-flow-step small{
  grid-area:sub;
  color:#64748b;
  font-size:11px;
  font-weight:800;
}

.saida-flow-step.is-active{
  background:
    radial-gradient(circle at 10% 0%, rgba(244,114,182,.18), transparent 40%),
    rgba(219,39,119,.08);
  border-color:rgba(249,168,212,.25);
}

.saida-flow-step.is-active span{
  color:#ffffff;
  background:linear-gradient(135deg,#db2777,#f472b6);
  box-shadow:0 10px 22px rgba(244,114,182,.18);
}

.saida-flow-step.is-done span{
  color:#fce7f3;
  background:rgba(244,114,182,.14);
}

.saida-flow-content{
  min-width:0;
}

.saida-flow-panel{
  display:none;
  min-height:578px;
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(148,163,184,.12);
  background:
    radial-gradient(circle at 0% 0%, rgba(244,114,182,.07), transparent 32%),
    rgba(2,6,23,.30);
}

.saida-flow-panel.is-active{
  display:flex;
  flex-direction:column;
}

.saida-flow-panel-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(148,163,184,.10);
}

.saida-flow-panel-head span{
  color:#f9a8d4;
  font-size:10px;
  font-weight:950;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.saida-flow-panel-head strong{
  color:#f8fafc;
  font-size:15px;
  font-weight:950;
}

.saida-flow-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.saida-flow-wide{
  grid-column:1 / -1;
}

.saida-flow-field{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:7px;
}

.saida-flow-field > span{
  color:#94a3b8;
  font-size:10px;
  font-weight:950;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.saida-flow-field input,
.saida-flow-field select{
  width:100%;
  height:46px;
  border-radius:15px !important;
  border:1px solid rgba(148,163,184,.16) !important;
  background:rgba(8,13,24,.76) !important;
  color:#f8fafc !important;
  padding:0 14px !important;
  font-size:13px !important;
  font-weight:850 !important;
  outline:none !important;
}

.saida-flow-field input::placeholder{
  color:#64748b;
}

.saida-flow-field input:focus,
.saida-flow-field select:focus{
  border-color:rgba(249,168,212,.52) !important;
  box-shadow:0 0 0 3px rgba(244,114,182,.12) !important;
}

.saida-flow-field input:disabled{
  opacity:.62;
  cursor:not-allowed;
}

.saida-flow-search{
  position:relative;
}

.saida-flow-suggest{
  position:absolute;
  z-index:40;
  left:0;
  right:0;
  top:calc(100% + 7px);
  max-height:310px;
  overflow:auto;
  border-radius:18px !important;
  border:1px solid rgba(148,163,184,.16) !important;
  background:#080f1f !important;
  box-shadow:0 24px 58px rgba(0,0,0,.48) !important;
}

.saida-result-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 13px !important;
  color:#dbe4f0 !important;
  border-bottom:1px solid rgba(148,163,184,.08) !important;
  cursor:pointer;
}

.saida-result-item:hover{
  background:rgba(244,114,182,.10) !important;
  color:#ffffff !important;
}

.saida-result-item strong{
  display:block;
  color:#f8fafc;
  font-size:13px;
  font-weight:950;
}

.saida-result-item small{
  display:block;
  margin-top:4px;
  color:#94a3b8;
  font-size:11px;
  font-weight:750;
}

.saida-result-item > span{
  flex:0 0 auto;
  color:#f472b6;
  font-size:12px;
  font-weight:950;
  text-align:right;
}

.saida-result-item em{
  display:block;
  margin-top:3px;
  color:#94a3b8;
  font-size:10px;
  font-style:normal;
  font-weight:800;
}

.saida-result-empty{
  cursor:default !important;
  opacity:.78;
}

.saida-result-empty:hover{
  background:transparent !important;
}

.saida-selected-product{
  margin-top:14px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(249,168,212,.18);
  background:rgba(219,39,119,.07);
}

.saida-selected-product span{
  display:block;
  color:#f9a8d4;
  font-size:10px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.saida-selected-product strong{
  display:block;
  margin-top:5px;
  color:#f8fafc;
  font-size:14px;
  font-weight:950;
}

.saida-selected-product small{
  display:block;
  margin-top:5px;
  color:#94a3b8;
  font-size:12px;
  font-weight:750;
}

.saida-selected-product.is-empty{
  border-style:dashed;
  background:rgba(15,23,42,.36);
}

.saida-detail-grid,
.saida-review-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}

.saida-detail-card,
.saida-review-card{
  min-height:86px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.12);
  background:rgba(8,13,24,.58);
}

.saida-detail-card span,
.saida-review-card span{
  display:block;
  color:#f9a8d4;
  font-size:10px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.saida-detail-card strong,
.saida-review-card strong{
  display:block;
  margin-top:8px;
  color:#f8fafc;
  font-size:15px;
  font-weight:950;
  line-height:1.2;
}

.saida-flow-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin-top:auto;
  padding-top:28px;
}

.saida-flow-primary,
.saida-flow-secondary,
.saida-flow-save{
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 16px;
  border-radius:15px;
  font-size:13px;
  font-weight:950;
  transition:.16s ease;
}

.saida-flow-primary,
.saida-flow-save{
  color:#ffffff;
  border:1px solid rgba(249,168,212,.24);
  background:
    radial-gradient(circle at 18% 14%, rgba(255,255,255,.24), transparent 28%),
    linear-gradient(135deg,#db2777,#f472b6);
  box-shadow:0 16px 34px rgba(244,114,182,.16);
}

.saida-flow-primary:hover,
.saida-flow-save:hover{
  transform:translateY(-1px);
  filter:brightness(1.06);
}

.saida-flow-secondary{
  color:#cbd5e1;
  background:rgba(15,23,42,.54);
  border:1px solid rgba(148,163,184,.14);
}

.saida-flow-save{
  min-width:190px;
  justify-content:space-between;
}

.saida-flow-save i{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.16);
}

.saida-success-toast{
  position:fixed;
  right:24px;
  top:86px;
  z-index:99998;
  width:min(420px, calc(100vw - 32px));
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 15px;
  border-radius:18px;
  border:1px solid rgba(244,114,182,.24);
  background:
    radial-gradient(circle at 14% 0%, rgba(244,114,182,.16), transparent 38%),
    linear-gradient(180deg, rgba(15,23,42,.96), rgba(8,13,24,.94));
  box-shadow:
    0 22px 58px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.06);
  opacity:0;
  transform:translateY(-10px) scale(.98);
  pointer-events:none;
  transition:opacity .22s ease, transform .22s ease;
}

.saida-success-toast.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}

.saida-success-icon{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#fce7f3;
  background:rgba(244,114,182,.14);
  border:1px solid rgba(244,114,182,.26);
}

.saida-success-toast strong{
  display:block;
  color:#f8fafc;
  font-size:13px;
  font-weight:950;
  line-height:1.2;
}

.saida-success-toast span{
  display:block;
  margin-top:4px;
  color:#94a3b8;
  font-size:12px;
  font-weight:750;
  line-height:1.35;
}

@media(max-width:1080px){
  .saida-flow-board{
    grid-template-columns:1fr;
  }

  .saida-flow-steps{
    min-height:auto;
    flex-direction:row;
    overflow:auto;
  }

  .saida-flow-step{
    min-width:210px;
  }
}

@media(max-width:720px){
  #page-saida.saida-flow-page{
    padding:16px !important;
  }

  .saida-flow-head{
    flex-direction:column;
    align-items:flex-start;
  }

  .saida-flow-back{
    width:100%;
  }

  .saida-flow-board{
    padding:12px;
    border-radius:22px;
  }

  .saida-flow-grid,
  .saida-detail-grid,
  .saida-review-grid{
    grid-template-columns:1fr;
  }

  .saida-flow-wide{
    grid-column:auto;
  }

  .saida-flow-actions{
    flex-direction:column-reverse;
    align-items:stretch;
  }

  .saida-flow-primary,
  .saida-flow-secondary,
  .saida-flow-save{
    width:100%;
  }

  .saida-result-item{
    align-items:flex-start;
    flex-direction:column;
  }

  .saida-result-item > span{
    text-align:left;
  }
}

/* навигация estoque */
#sidebar .sidebar-products-featured{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(96,165,250,.22) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(96,165,250,.18), transparent 34%),
    linear-gradient(90deg, rgba(37,99,235,.16), rgba(15,23,42,.18)) !important;
  color:#dbeafe !important;
  font-weight:900 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 8px 22px rgba(37,99,235,.08);
}

#sidebar .sidebar-products-featured:hover{
  background:
    radial-gradient(circle at 16% 0%, rgba(96,165,250,.24), transparent 36%),
    linear-gradient(90deg, rgba(37,99,235,.24), rgba(15,23,42,.22)) !important;
  border-color:rgba(96,165,250,.34) !important;
  color:#ffffff !important;
}

#sidebar .sidebar-products-featured i{
  color:#93c5fd !important;
}

.sidebar-product-pill{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  height:20px;
  padding:0 8px;
  border-radius:999px;
  color:#bfdbfe;
  background:rgba(59,130,246,.14);
  border:1px solid rgba(147,197,253,.18);
  font-size:9px;
  font-weight:950;
  letter-spacing:.05em;
  text-transform:uppercase;
}

#sidebar .sidebar-muted-item{
  opacity:.58;
}

#sidebar .sidebar-muted-item:hover{
  opacity:.86;
}

body.light #sidebar .sidebar-products-featured{
  background:
    radial-gradient(circle at 16% 0%, rgba(59,130,246,.14), transparent 34%),
    linear-gradient(90deg, rgba(219,234,254,.88), rgba(255,255,255,.92)) !important;
  color:#1e3a8a !important;
  border-color:rgba(59,130,246,.22) !important;
}

/* страница продуктов */
#page-produtos.products-pro-page{
  padding:28px 32px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(96,165,250,.07), transparent 32%),
    radial-gradient(circle at 82% 12%, rgba(14,165,233,.06), transparent 34%);
}

.products-pro-shell{
  width:100%;
  max-width:none;
  margin:0;
}

.products-pro-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}

.products-pro-kicker{
  display:inline-flex;
  align-items:center;
  height:23px;
  padding:0 10px;
  border-radius:999px;
  color:#93c5fd;
  background:rgba(37,99,235,.12);
  border:1px solid rgba(147,197,253,.18);
  font-size:10px;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.products-pro-head h1{
  margin:8px 0 0;
  color:#f8fafc;
  font-size:30px;
  font-weight:950;
  line-height:1;
  letter-spacing:-.045em;
}

.products-pro-head p{
  margin:8px 0 0;
  color:#94a3b8;
  font-size:13px;
  font-weight:750;
}

.products-pro-new{
  height:42px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:0 16px;
  border-radius:15px;
  color:#ffffff;
  border:1px solid rgba(147,197,253,.24);
  background:
    radial-gradient(circle at 18% 14%, rgba(255,255,255,.24), transparent 28%),
    linear-gradient(135deg,#2563eb,#06b6d4);
  font-size:13px;
  font-weight:950;
  box-shadow:0 16px 34px rgba(37,99,235,.22);
  transition:.16s ease;
}

.products-pro-new:hover{
  transform:translateY(-1px);
  filter:brightness(1.07);
}

.products-pro-stats{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin-bottom:14px;
}

.products-pro-stats article{
  position:relative;
  overflow:hidden;
  min-height:92px;
  padding:14px;
  border-radius:20px;
  border:1px solid rgba(148,163,184,.13);
  background:
    radial-gradient(circle at 16% 0%, rgba(96,165,250,.10), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,.86), rgba(8,13,24,.76));
  box-shadow:
    0 14px 36px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.products-pro-stats article::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(96,165,250,.48), transparent);
}

.products-pro-stats span{
  display:block;
  color:#93c5fd;
  font-size:10px;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.products-pro-stats strong{
  display:block;
  margin-top:8px;
  color:#f8fafc;
  font-size:26px;
  font-weight:950;
  line-height:1;
}

.products-pro-stats small{
  display:block;
  margin-top:7px;
  color:#94a3b8;
  font-size:11px;
  font-weight:750;
}

.products-pro-board{
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(148,163,184,.14);
  background:
    radial-gradient(circle at 8% 0%, rgba(96,165,250,.10), transparent 30%),
    radial-gradient(circle at 92% 8%, rgba(14,165,233,.08), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,.94), rgba(8,13,24,.88));
  box-shadow:
    0 26px 78px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.045);
}

.products-pro-toolbar{
  display:grid;
  grid-template-columns:minmax(280px,1fr) 220px 180px 210px auto;
  gap:12px;
  padding:18px;
  border-bottom:1px solid rgba(148,163,184,.10);
}

.products-pro-search,
.products-pro-filter{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.products-pro-search{
  position:relative;
}

.products-pro-search i{
  position:absolute;
  left:14px;
  bottom:14px;
  color:#64748b;
  font-size:13px;
}

.products-pro-filter span{
  color:#94a3b8;
  font-size:10px;
  font-weight:950;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.products-pro-search input,
.products-pro-filter select{
  width:100%;
  height:46px;
  border-radius:15px !important;
  border:1px solid rgba(148,163,184,.16) !important;
  background:rgba(8,13,24,.76) !important;
  color:#f8fafc !important;
  padding:0 14px !important;
  font-size:13px !important;
  font-weight:850 !important;
  outline:none !important;
}

.products-pro-search input{
  padding-left:38px !important;
}

.products-pro-search input::placeholder{
  color:#64748b;
}

.products-pro-search input:focus,
.products-pro-filter select:focus{
  border-color:rgba(147,197,253,.52) !important;
  box-shadow:0 0 0 3px rgba(59,130,246,.12) !important;
}

.products-pro-clear{
  align-self:end;
  height:46px;
  padding:0 14px;
  border-radius:15px;
  color:#cbd5e1;
  background:rgba(15,23,42,.58);
  border:1px solid rgba(148,163,184,.14);
  font-size:13px;
  font-weight:950;
}

.products-pro-clear:hover{
  color:#ffffff;
  border-color:rgba(147,197,253,.28);
  background:rgba(37,99,235,.12);
}

.products-pro-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 18px 16px;
  color:#94a3b8;
  font-size:12px;
  font-weight:800;
}

.products-pro-meta strong{
  color:#cbd5e1;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.products-pro-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  padding:0 18px 18px;
}

.products-pro-card{
  position:relative;
  overflow:hidden;
  min-height:172px;
  padding:15px;
  border-radius:20px;
  border:1px solid rgba(148,163,184,.12);
  background:
    radial-gradient(circle at 14% 0%, rgba(96,165,250,.09), transparent 36%),
    linear-gradient(180deg, rgba(15,23,42,.78), rgba(8,13,24,.72));
  box-shadow:
    0 14px 34px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.035);
  cursor:pointer;
  transition:.16s ease;
}

.products-pro-card:hover{
  transform:translateY(-2px);
  border-color:rgba(147,197,253,.28);
  box-shadow:
    0 20px 46px rgba(0,0,0,.26),
    0 0 28px rgba(59,130,246,.08),
    inset 0 1px 0 rgba(255,255,255,.045);
}

.products-pro-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.products-pro-name{
  min-width:0;
}

.products-pro-name span{
  display:inline-flex;
  max-width:100%;
  height:22px;
  align-items:center;
  padding:0 8px;
  border-radius:8px;
  color:#cbd5e1;
  background:rgba(148,163,184,.09);
  border:1px solid rgba(148,163,184,.12);
  font-size:10px;
  font-weight:850;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.products-pro-name strong{
  display:block;
  margin-top:10px;
  max-width:100%;
  color:#f8fafc;
  font-size:14px;
  font-weight:950;
  line-height:1.18;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.products-pro-status{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  height:21px;
  padding:0 8px;
  border-radius:999px;
  color:#bbf7d0;
  background:rgba(34,197,94,.14);
  border:1px solid rgba(34,197,94,.18);
  font-size:9px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.products-pro-main-value{
  display:flex;
  align-items:flex-end;
  gap:6px;
  margin-top:18px;
}

.products-pro-main-value strong{
  color:#f8fafc;
  font-size:25px;
  font-weight:950;
  line-height:.9;
  letter-spacing:-.035em;
}

.products-pro-main-value span{
  color:#93c5fd;
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
}

.products-pro-meta-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:11px;
  color:#94a3b8;
  font-size:11px;
  font-weight:800;
}

.products-pro-meta-line strong{
  min-width:0;
  color:#cbd5e1;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:right;
}

.products-pro-bar{
  height:7px;
  margin-top:13px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(148,163,184,.12);
}

.products-pro-bar div{
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#2563eb,#22c55e);
  box-shadow:0 0 18px rgba(34,197,94,.18);
}

.products-pro-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:11px;
  color:#94a3b8;
}

.products-pro-foot small{
  min-width:0;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.products-pro-foot i{
  color:#64748b;
  font-size:12px;
}

.products-pro-baixo .products-pro-status{
  color:#fef3c7;
  background:rgba(234,179,8,.14);
  border-color:rgba(234,179,8,.22);
}

.products-pro-baixo .products-pro-bar div{
  background:linear-gradient(90deg,#f59e0b,#facc15);
}

.products-pro-zerado .products-pro-status{
  color:#fecdd3;
  background:rgba(244,63,94,.14);
  border-color:rgba(244,63,94,.22);
}

.products-pro-zerado .products-pro-bar div{
  background:linear-gradient(90deg,#e11d48,#fb7185);
}

.products-pro-excedente .products-pro-status{
  color:#cffafe;
  background:rgba(6,182,212,.14);
  border-color:rgba(6,182,212,.22);
}

.products-pro-excedente .products-pro-bar div{
  background:linear-gradient(90deg,#06b6d4,#67e8f9);
}

.products-pro-empty{
  grid-column:1 / -1;
  min-height:220px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:10px;
  border-radius:22px;
  border:1px dashed rgba(148,163,184,.18);
  background:rgba(15,23,42,.34);
  color:#94a3b8;
  text-align:center;
}

.products-pro-empty i{
  color:#60a5fa;
  font-size:30px;
}

.products-pro-empty strong{
  color:#f8fafc;
  font-size:16px;
  font-weight:950;
}

.products-pro-empty span{
  font-size:13px;
  font-weight:750;
}

@media(max-width:1320px){
  .products-pro-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .products-pro-toolbar{
    grid-template-columns:1fr 1fr 1fr;
  }

  .products-pro-search{
    grid-column:1 / -1;
  }
}

@media(max-width:900px){
  .products-pro-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .products-pro-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .products-pro-toolbar{
    grid-template-columns:1fr;
  }

  .products-pro-meta{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media(max-width:640px){
  #page-produtos.products-pro-page{
    padding:16px !important;
  }

  .products-pro-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .products-pro-new{
    width:100%;
    justify-content:center;
  }

  .products-pro-stats,
  .products-pro-grid{
    grid-template-columns:1fr;
  }
} 

/* страница продуктов компактная */
#page-produtos.products-pro-page{
  padding:20px 24px 24px !important;
}

.products-pro-head{
  min-height:auto !important;
  margin-bottom:12px !important;
  padding:0 !important;
}

.products-pro-head h1{
  margin-top:6px !important;
  font-size:26px !important;
  line-height:1 !important;
}

.products-pro-head p{
  display:none !important;
}

.products-pro-kicker{
  height:21px !important;
  padding:0 9px !important;
  font-size:9px !important;
}

.products-pro-new{
  height:38px !important;
  border-radius:13px !important;
  padding:0 14px !important;
}

.products-pro-stats{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:10px !important;
  margin-bottom:12px !important;
}

.products-pro-stats article{
  min-height:74px !important;
  padding:12px !important;
  border-radius:17px !important;
}

.products-pro-stats strong{
  margin-top:6px !important;
  font-size:22px !important;
}

.products-pro-stats small{
  margin-top:5px !important;
  font-size:10px !important;
}

.products-pro-board{
  border-radius:24px !important;
}

.products-pro-toolbar{
  grid-template-columns:minmax(280px,1fr) 220px 170px 200px auto !important;
  padding:14px !important;
}

.products-pro-search input,
.products-pro-filter select,
.products-pro-clear{
  height:42px !important;
  border-radius:13px !important;
}

.products-pro-meta{
  padding:0 14px 13px !important;
}

/* карточки продуктов в стиле dashboard */
.products-pro-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  padding:0 14px 16px !important;
}

.products-dash-card{
  position:relative;
  overflow:hidden;
  min-height:210px;
  padding:14px;
  border-radius:20px;
  border:1px solid rgba(80,90,120,.20);
  background:
    radial-gradient(circle at 18% 0%, rgba(96,165,250,.10), transparent 34%),
    linear-gradient(180deg, #232733, #1b202d);
  box-shadow:
    0 8px 26px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.04);
  cursor:pointer;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease;
}

.products-dash-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(61,139,255,.45), rgba(30,203,107,.28), transparent);
}

.products-dash-card:hover{
  transform:translateY(-2px);
  border-color:rgba(61,139,255,.32);
  box-shadow:
    0 14px 34px rgba(0,0,0,.24),
    0 0 26px rgba(61,139,255,.08),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.products-dash-glow{
  position:absolute;
  top:-120px;
  left:50%;
  width:240px;
  height:240px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(96,165,250,.08);
  filter:blur(48px);
  pointer-events:none;
}

.products-dash-head{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  align-items:start;
  gap:10px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.products-dash-icon{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:#60a5fa;
  background:rgba(96,165,250,.12);
  border:1px solid rgba(96,165,250,.22);
  box-shadow:0 0 20px rgba(96,165,250,.08);
}

.products-dash-icon i{
  font-size:13px;
}

.products-dash-title{
  min-width:0;
}

.products-dash-title span{
  display:block;
  max-width:100%;
  color:#8fb8ff;
  font-size:9px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.products-dash-title strong{
  display:block;
  margin-top:5px;
  max-width:100%;
  color:#f3f6fa;
  font-size:13px;
  font-weight:950;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.products-dash-status{
  height:21px;
  display:inline-flex;
  align-items:center;
  padding:0 8px;
  border-radius:999px;
  color:#bbf7d0;
  background:rgba(34,197,94,.14);
  border:1px solid rgba(34,197,94,.18);
  font-size:9px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.products-dash-values{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.25fr .85fr;
  margin-top:13px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.products-dash-values > div:first-child{
  padding-right:14px;
  border-right:1px solid rgba(255,255,255,.07);
}

.products-dash-values > div:last-child{
  padding-left:14px;
}

.products-dash-values span{
  display:block;
  color:#8f98a8;
  font-size:9px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.products-dash-values strong{
  display:block;
  margin-top:5px;
  color:#ffffff;
  font-size:25px;
  font-weight:950;
  line-height:.95;
  letter-spacing:-.04em;
  text-shadow:0 0 18px rgba(96,165,250,.12);
}

.products-dash-values small{
  display:block;
  margin-top:5px;
  color:#93c5fd;
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
}

.products-dash-footline{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:12px;
}

.products-dash-footline span{
  display:block;
  color:#8f98a8;
  font-size:9px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.products-dash-footline strong{
  display:block;
  margin-top:4px;
  color:#f3f6fa;
  font-size:12px;
  font-weight:950;
  line-height:1.1;
}

.products-dash-history{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:#60a5fa;
  background:rgba(96,165,250,.08);
  border:1px solid rgba(96,165,250,.18);
  pointer-events:none;
}

.products-dash-history i{
  font-size:11px;
}

.products-dash-bar{
  position:relative;
  z-index:1;
  height:7px;
  margin-top:13px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(148,163,184,.12);
}

.products-dash-bar div{
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#2563eb,#22c55e);
  box-shadow:0 0 18px rgba(34,197,94,.18);
}

.products-dash-meta{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:11px;
  color:#9ca3af;
}

.products-dash-meta span{
  min-width:0;
  font-size:11px;
  font-weight:850;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.products-dash-meta small{
  flex:0 0 auto;
  color:#64748b;
  font-size:10px;
  font-weight:800;
}

/* estados */
.products-dash-baixo{
  border-color:rgba(245,158,11,.22);
}

.products-dash-baixo .products-dash-glow{
  background:rgba(245,158,11,.10);
}

.products-dash-baixo .products-dash-icon,
.products-dash-baixo .products-dash-history{
  color:#facc15;
  background:rgba(234,179,8,.10);
  border-color:rgba(234,179,8,.22);
}

.products-dash-baixo .products-dash-status{
  color:#fef3c7;
  background:rgba(234,179,8,.14);
  border-color:rgba(234,179,8,.22);
}

.products-dash-baixo .products-dash-bar div{
  background:linear-gradient(90deg,#f59e0b,#facc15);
}

.products-dash-zerado{
  border-color:rgba(244,63,94,.22);
}

.products-dash-zerado .products-dash-glow{
  background:rgba(244,63,94,.10);
}

.products-dash-zerado .products-dash-icon,
.products-dash-zerado .products-dash-history{
  color:#fb7185;
  background:rgba(244,63,94,.10);
  border-color:rgba(244,63,94,.22);
}

.products-dash-zerado .products-dash-status{
  color:#fecdd3;
  background:rgba(244,63,94,.14);
  border-color:rgba(244,63,94,.22);
}

.products-dash-zerado .products-dash-bar div{
  background:linear-gradient(90deg,#e11d48,#fb7185);
}

.products-dash-excedente{
  border-color:rgba(6,182,212,.22);
}

.products-dash-excedente .products-dash-glow{
  background:rgba(6,182,212,.10);
}

.products-dash-excedente .products-dash-icon,
.products-dash-excedente .products-dash-history{
  color:#67e8f9;
  background:rgba(6,182,212,.10);
  border-color:rgba(6,182,212,.22);
}

.products-dash-excedente .products-dash-status{
  color:#cffafe;
  background:rgba(6,182,212,.14);
  border-color:rgba(6,182,212,.22);
}

.products-dash-excedente .products-dash-bar div{
  background:linear-gradient(90deg,#06b6d4,#67e8f9);
}

@media(max-width:1320px){
  .products-pro-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:900px){
  .products-pro-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .products-pro-stats{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:640px){
  .products-pro-grid,
  .products-pro-stats{
    grid-template-columns:1fr !important;
  }
}

/* продукты: итоговые карточки */
#page-produtos .products-pro-stats{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-bottom:14px !important;
}

#page-produtos .products-pro-stats article{
  position:relative !important;
  overflow:hidden !important;
  min-height:104px !important;
  padding:16px 16px 14px !important;
  border-radius:20px !important;
  border:1px solid rgba(80,90,120,.20) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(61,139,255,.10), transparent 34%),
    linear-gradient(180deg, #232733, #1b202d) !important;
  box-shadow:
    0 8px 26px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

#page-produtos .products-pro-stats article::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(61,139,255,.45), rgba(30,203,107,.28), transparent);
}

#page-produtos .products-pro-stats article:hover{
  transform:translateY(-2px);
  border-color:rgba(61,139,255,.30) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

#page-produtos .products-pro-stats article span{
  display:block;
  color:#8fb8ff !important;
  font-size:10px !important;
  font-weight:950 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
}

#page-produtos .products-pro-stats article strong{
  display:block;
  margin-top:8px !important;
  color:#ffffff !important;
  font-size:30px !important;
  font-weight:950 !important;
  line-height:.95 !important;
  letter-spacing:-.045em !important;
  text-shadow:
    0 0 14px rgba(255,255,255,.08),
    0 0 26px rgba(96,165,250,.12);
}

#page-produtos .products-pro-stats article small{
  display:block;
  margin-top:8px !important;
  color:#aab2c0 !important;
  font-size:11px !important;
  font-weight:800 !important;
}

/* продукты: панель фильтров */
#page-produtos .products-pro-board{
  overflow:visible !important;
  border-radius:24px !important;
}

#page-produtos .products-pro-toolbar{
  display:grid !important;
  grid-template-columns:minmax(340px,1.35fr) minmax(210px,.75fr) minmax(180px,.65fr) minmax(210px,.75fr) 86px !important;
  align-items:end !important;
  gap:12px !important;
  padding:14px !important;
}

#page-produtos .products-pro-search,
#page-produtos .products-pro-filter{
  height:62px !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  gap:7px !important;
}

#page-produtos .products-pro-search{
  position:relative !important;
}

#page-produtos .products-pro-search::before{
  content:"Buscar";
  display:block;
  color:#94a3b8;
  font-size:10px;
  font-weight:950;
  letter-spacing:.11em;
  text-transform:uppercase;
  margin-bottom:7px;
}

#page-produtos .products-pro-search i{
  left:14px !important;
  bottom:13px !important;
}

#page-produtos .products-pro-filter span{
  height:13px !important;
  line-height:13px !important;
}

#page-produtos .products-pro-search input,
#page-produtos .products-pro-filter select,
#page-produtos .products-pro-clear{
  height:42px !important;
  min-height:42px !important;
  border-radius:13px !important;
}

#page-produtos .products-pro-clear{
  align-self:end !important;
  width:86px !important;
  padding:0 !important;
}

/* продукты: карточки catálogo premium */
#page-produtos #prodpage-grid.products-pro-grid,
#page-produtos .products-pro-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  padding:0 14px 16px !important;
}

.products-catalog-card{
  position:relative;
  overflow:hidden;
  min-height:196px;
  padding:15px;
  border-radius:20px;
  border:1px solid rgba(80,90,120,.18);
  background:
    radial-gradient(circle at 18% 0%, rgba(96,165,250,.07), transparent 34%),
    linear-gradient(180deg, rgba(22,28,41,.96), rgba(13,18,30,.98));
  box-shadow:
    0 10px 30px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.035);
  cursor:pointer;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.products-catalog-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(96,165,250,.28), transparent);
}

.products-catalog-card:hover{
  transform:translateY(-2px);
  border-color:rgba(147,197,253,.26);
  box-shadow:
    0 16px 38px rgba(0,0,0,.27),
    0 0 28px rgba(96,165,250,.06),
    inset 0 1px 0 rgba(255,255,255,.045);
}

.products-catalog-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.products-catalog-title{
  min-width:0;
}

.products-catalog-title span{
  display:inline-flex;
  max-width:100%;
  height:22px;
  align-items:center;
  padding:0 8px;
  border-radius:999px;
  color:#93c5fd;
  background:rgba(96,165,250,.09);
  border:1px solid rgba(96,165,250,.14);
  font-size:9px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.products-catalog-title strong{
  display:block;
  margin-top:10px;
  max-width:100%;
  color:#f8fafc;
  font-size:14px;
  font-weight:950;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.products-catalog-status{
  flex:0 0 auto;
  height:22px;
  display:inline-flex;
  align-items:center;
  padding:0 8px;
  border-radius:999px;
  color:#bbf7d0;
  background:rgba(34,197,94,.13);
  border:1px solid rgba(34,197,94,.18);
  font-size:9px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.products-catalog-stock{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-top:18px;
  padding-bottom:13px;
  border-bottom:1px solid rgba(148,163,184,.10);
}

.products-catalog-stock span{
  display:block;
  color:#8f98a8;
  font-size:9px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.products-catalog-stock strong{
  display:block;
  margin-top:6px;
  color:#ffffff;
  font-size:28px;
  font-weight:950;
  line-height:.9;
  letter-spacing:-.045em;
}

.products-catalog-stock small{
  color:#93c5fd;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
}

.products-catalog-info{
  display:grid;
  grid-template-columns:1.2fr .8fr .8fr;
  gap:10px;
  margin-top:13px;
}

.products-catalog-info div{
  min-width:0;
}

.products-catalog-info span{
  display:block;
  color:#64748b;
  font-size:9px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.products-catalog-info strong{
  display:block;
  margin-top:5px;
  color:#dbe4f0;
  font-size:11px;
  font-weight:900;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.products-catalog-bar{
  height:7px;
  margin-top:14px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(148,163,184,.12);
}

.products-catalog-bar div{
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#2563eb,#22c55e);
  box-shadow:0 0 18px rgba(34,197,94,.18);
}

.products-catalog-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:11px;
  color:#64748b;
  font-size:10px;
  font-weight:850;
}

.products-catalog-footer i{
  color:#93c5fd;
  font-size:10px;
  transition:transform .16s ease;
}

.products-catalog-card:hover .products-catalog-footer i{
  transform:translateX(3px);
}

/* estados catálogo */
.products-catalog-baixo{
  border-color:rgba(245,158,11,.22);
}

.products-catalog-baixo .products-catalog-status{
  color:#fef3c7;
  background:rgba(234,179,8,.13);
  border-color:rgba(234,179,8,.22);
}

.products-catalog-baixo .products-catalog-bar div{
  background:linear-gradient(90deg,#f59e0b,#facc15);
}

.products-catalog-zerado{
  border-color:rgba(244,63,94,.22);
}

.products-catalog-zerado .products-catalog-status{
  color:#fecdd3;
  background:rgba(244,63,94,.13);
  border-color:rgba(244,63,94,.22);
}

.products-catalog-zerado .products-catalog-bar div{
  background:linear-gradient(90deg,#e11d48,#fb7185);
}

.products-catalog-excedente{
  border-color:rgba(6,182,212,.22);
}

.products-catalog-excedente .products-catalog-status{
  color:#cffafe;
  background:rgba(6,182,212,.13);
  border-color:rgba(6,182,212,.22);
}

.products-catalog-excedente .products-catalog-bar div{
  background:linear-gradient(90deg,#06b6d4,#67e8f9);
}

.products-catalog-empty{
  grid-column:1 / -1;
  min-height:220px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:10px;
  border-radius:22px;
  border:1px dashed rgba(148,163,184,.18);
  background:rgba(15,23,42,.34);
  color:#94a3b8;
  text-align:center;
}

.products-catalog-empty i{
  color:#60a5fa;
  font-size:30px;
}

.products-catalog-empty strong{
  color:#f8fafc;
  font-size:16px;
  font-weight:950;
}

.products-catalog-empty span{
  font-size:13px;
  font-weight:750;
}

@media(max-width:1320px){
  #page-produtos .products-pro-toolbar{
    grid-template-columns:1fr 1fr 1fr !important;
  }

  #page-produtos .products-pro-search{
    grid-column:1 / -1 !important;
  }

  #page-produtos .products-pro-clear{
    width:100% !important;
  }

  #page-produtos .products-pro-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:900px){
  #page-produtos .products-pro-toolbar,
  #page-produtos .products-pro-grid{
    grid-template-columns:1fr !important;
  }

  #page-produtos .products-pro-stats{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  #page-produtos .products-pro-clear{
    width:100% !important;
  }
}

@media(max-width:640px){
  #page-produtos.products-pro-page{
    padding:16px !important;
  }

  #page-produtos .products-pro-stats{
    grid-template-columns:1fr !important;
  }
}

/* карточки продуктов kpi */
#page-produtos .products-kpi-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-bottom:14px !important;
}

#page-produtos .products-kpi-card{
  position:relative;
  overflow:hidden;
  min-height:188px;
  padding:14px;
  border-radius:20px;
  border:1px solid rgba(80,90,120,.20);
  background:
    radial-gradient(circle at 18% 0%, rgba(96,165,250,.10), transparent 34%),
    linear-gradient(180deg, #111827, #090d16);
  box-shadow:
    0 8px 26px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.04);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

#page-produtos .products-kpi-card:hover{
  transform:translateY(-2px);
  border-color:rgba(96,165,250,.34);
  box-shadow:
    0 14px 34px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.05);
}

#page-produtos .products-kpi-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(96,165,250,.44), transparent);
}

#page-produtos .products-kpi-glow{
  position:absolute;
  top:-130px;
  left:50%;
  width:230px;
  height:230px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(96,165,250,.12);
  filter:blur(54px);
  pointer-events:none;
}

#page-produtos .products-kpi-head{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  align-items:center;
  gap:10px;
  min-height:38px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

#page-produtos .products-kpi-icon{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:#60a5fa;
  background:rgba(96,165,250,.12);
  border:1px solid rgba(96,165,250,.22);
  box-shadow:0 0 20px rgba(96,165,250,.08);
}

#page-produtos .products-kpi-icon i{
  font-size:13px;
  filter:drop-shadow(0 0 8px currentColor);
}

#page-produtos .products-kpi-head h3{
  margin:0;
  color:#aab2c0;
  font-size:11px;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
}

#page-produtos .products-kpi-values{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.25fr .85fr;
  margin-top:11px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

#page-produtos .products-kpi-values > div:first-child{
  padding-right:12px;
  border-right:1px solid rgba(255,255,255,.08);
}

#page-produtos .products-kpi-values > div:last-child{
  padding-left:12px;
}

#page-produtos .products-kpi-values span{
  display:block;
  color:#8f98a8;
  font-size:9px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

#page-produtos .products-kpi-values strong{
  display:block;
  margin-top:5px;
  color:#ffffff;
  font-size:27px;
  font-weight:950;
  line-height:.95;
  letter-spacing:-.045em;
}

#page-produtos .products-kpi-values small{
  display:block;
  margin-top:5px;
  color:#93c5fd;
  font-size:10px;
  font-weight:950;
}

#page-produtos .products-kpi-diff{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:9px;
}

#page-produtos .products-kpi-diff span,
#page-produtos .products-kpi-diff strong{
  font-size:11px;
  font-weight:950;
}

#page-produtos .products-kpi-diff .is-positive{
  color:#60a5fa;
}

#page-produtos .products-kpi-diff .is-negative{
  color:#fb7185;
}

#page-produtos .products-kpi-chart{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:50px;
  margin-top:8px;
  filter:drop-shadow(0 0 12px rgba(96,165,250,.18));
}

#page-produtos .products-kpi-ok{
  border-color:rgba(34,197,94,.20);
}

#page-produtos .products-kpi-ok .products-kpi-glow{
  background:rgba(34,197,94,.11);
}

#page-produtos .products-kpi-ok .products-kpi-icon,
#page-produtos .products-kpi-ok .products-kpi-values small,
#page-produtos .products-kpi-ok .products-kpi-diff .is-positive{
  color:#34d399;
}

#page-produtos .products-kpi-baixo{
  border-color:rgba(234,179,8,.20);
}

#page-produtos .products-kpi-baixo .products-kpi-glow{
  background:rgba(234,179,8,.11);
}

#page-produtos .products-kpi-baixo .products-kpi-icon,
#page-produtos .products-kpi-baixo .products-kpi-values small,
#page-produtos .products-kpi-baixo .products-kpi-diff .is-positive{
  color:#facc15;
}

#page-produtos .products-kpi-zerado{
  border-color:rgba(244,63,94,.22);
}

#page-produtos .products-kpi-zerado .products-kpi-glow{
  background:rgba(244,63,94,.11);
}

#page-produtos .products-kpi-zerado .products-kpi-icon,
#page-produtos .products-kpi-zerado .products-kpi-values small,
#page-produtos .products-kpi-zerado .products-kpi-diff .is-positive{
  color:#fb7185;
}

#page-produtos .products-kpi-excedente{
  border-color:rgba(6,182,212,.22);
}

#page-produtos .products-kpi-excedente .products-kpi-glow{
  background:rgba(6,182,212,.11);
}

#page-produtos .products-kpi-excedente .products-kpi-icon,
#page-produtos .products-kpi-excedente .products-kpi-values small,
#page-produtos .products-kpi-excedente .products-kpi-diff .is-positive{
  color:#67e8f9;
}

@media(max-width:1400px){
  #page-produtos .products-kpi-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:820px){
  #page-produtos .products-kpi-grid{
    grid-template-columns:1fr !important;
  }
}

/* карточки продуктов компактные */
#page-produtos .products-kpi-card{
  min-height:132px !important;
  padding:12px 14px 10px !important;
  border-radius:18px !important;
}

#page-produtos .products-kpi-head{
  min-height:30px !important;
  padding-bottom:7px !important;
  gap:8px !important;
}

#page-produtos .products-kpi-icon{
  width:30px !important;
  height:30px !important;
  border-radius:11px !important;
}

#page-produtos .products-kpi-icon i{
  font-size:11px !important;
}

#page-produtos .products-kpi-head h3{
  font-size:10px !important;
  letter-spacing:.13em !important;
}

#page-produtos .products-kpi-values{
  margin-top:8px !important;
  padding-bottom:8px !important;
}

#page-produtos .products-kpi-values span{
  font-size:8px !important;
}

#page-produtos .products-kpi-values strong{
  margin-top:4px !important;
  font-size:22px !important;
  line-height:.92 !important;
}

#page-produtos .products-kpi-values small{
  margin-top:4px !important;
  font-size:9px !important;
}

#page-produtos .products-kpi-diff{
  margin-top:6px !important;
}

#page-produtos .products-kpi-diff span,
#page-produtos .products-kpi-diff strong{
  font-size:10px !important;
}

#page-produtos .products-kpi-chart{
  height:32px !important;
  margin-top:5px !important;
}

#page-produtos .products-kpi-glow{
  top:-145px !important;
  width:210px !important;
  height:210px !important;
}

/* карточки продуктов ultra compact */
#page-produtos .products-kpi-grid{
  gap:10px !important;
  margin-bottom:10px !important;
}

#page-produtos .products-kpi-card{
  min-height:88px !important;
  height:88px !important;
  padding:10px 12px !important;
  border-radius:16px !important;
}

#page-produtos .products-kpi-head{
  min-height:24px !important;
  height:24px !important;
  padding-bottom:5px !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
  grid-template-columns:24px minmax(0,1fr) !important;
}

#page-produtos .products-kpi-icon{
  width:24px !important;
  height:24px !important;
  border-radius:9px !important;
}

#page-produtos .products-kpi-icon i{
  font-size:9px !important;
}

#page-produtos .products-kpi-head h3{
  font-size:9px !important;
  letter-spacing:.14em !important;
}

#page-produtos .products-kpi-values{
  margin-top:6px !important;
  padding-bottom:5px !important;
  grid-template-columns:1.2fr .8fr !important;
}

#page-produtos .products-kpi-values span{
  font-size:7px !important;
  letter-spacing:.12em !important;
}

#page-produtos .products-kpi-values strong{
  margin-top:2px !important;
  font-size:19px !important;
  line-height:.9 !important;
}

#page-produtos .products-kpi-values small{
  margin-top:2px !important;
  font-size:8px !important;
}

#page-produtos .products-kpi-diff{
  margin-top:4px !important;
}

#page-produtos .products-kpi-diff span,
#page-produtos .products-kpi-diff strong{
  font-size:9px !important;
}

#page-produtos .products-kpi-chart{
  height:18px !important;
  margin-top:2px !important;
}

#page-produtos .products-kpi-glow{
  top:-165px !important;
  width:190px !important;
  height:190px !important;
  opacity:.7 !important;
}
/* карточки продуктов kpi premium compact */
#page-produtos .products-kpi-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-bottom:14px !important;
}

#page-produtos .products-kpi-card{
  height:128px !important;
  min-height:128px !important;
  padding:12px 13px 10px !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(96,165,250,.12), transparent 36%),
    linear-gradient(180deg, rgba(21,27,40,.98), rgba(10,14,23,.98)) !important;
  border:1px solid rgba(96,165,250,.16) !important;
  box-shadow:
    0 10px 28px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

#page-produtos .products-kpi-card::before{
  background:linear-gradient(90deg, transparent, rgba(96,165,250,.42), transparent) !important;
}

#page-produtos .products-kpi-head{
  display:grid !important;
  grid-template-columns:28px minmax(0,1fr) !important;
  align-items:center !important;
  gap:9px !important;
  height:30px !important;
  min-height:30px !important;
  padding-bottom:7px !important;
  border-bottom:1px solid rgba(255,255,255,.075) !important;
}

#page-produtos .products-kpi-icon{
  width:28px !important;
  height:28px !important;
  border-radius:10px !important;
}

#page-produtos .products-kpi-icon i{
  font-size:10px !important;
}

#page-produtos .products-kpi-head h3{
  text-align:left !important;
  color:#dbeafe !important;
  font-size:10px !important;
  font-weight:950 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

#page-produtos .products-kpi-values{
  margin-top:8px !important;
  padding-bottom:7px !important;
  grid-template-columns:1.2fr .8fr !important;
  border-bottom:1px solid rgba(255,255,255,.065) !important;
}

#page-produtos .products-kpi-values > div:first-child{
  padding-right:10px !important;
}

#page-produtos .products-kpi-values > div:last-child{
  padding-left:10px !important;
}

#page-produtos .products-kpi-values span{
  color:#8f98a8 !important;
  font-size:8px !important;
  font-weight:950 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
}

#page-produtos .products-kpi-values strong{
  margin-top:3px !important;
  color:#ffffff !important;
  font-size:22px !important;
  line-height:.92 !important;
  font-weight:950 !important;
  letter-spacing:-.04em !important;
}

#page-produtos .products-kpi-values small{
  margin-top:3px !important;
  font-size:9px !important;
  font-weight:900 !important;
}

#page-produtos .products-kpi-diff{
  margin-top:6px !important;
}

#page-produtos .products-kpi-diff span{
  font-size:9px !important;
  font-weight:950 !important;
}

#page-produtos .products-kpi-diff strong{
  font-size:11px !important;
  font-weight:950 !important;
}

#page-produtos .products-kpi-chart{
  height:26px !important;
  margin-top:4px !important;
}

#page-produtos .products-kpi-glow{
  top:-150px !important;
  width:205px !important;
  height:205px !important;
  opacity:.72 !important;
}

/* cores por tipo */
#page-produtos .products-kpi-total .products-kpi-icon{
  color:#60a5fa !important;
  background:rgba(96,165,250,.12) !important;
  border-color:rgba(96,165,250,.24) !important;
}

#page-produtos .products-kpi-ok .products-kpi-icon{
  color:#34d399 !important;
  background:rgba(34,197,94,.12) !important;
  border-color:rgba(34,197,94,.24) !important;
}

#page-produtos .products-kpi-baixo .products-kpi-icon{
  color:#facc15 !important;
  background:rgba(234,179,8,.12) !important;
  border-color:rgba(234,179,8,.24) !important;
}

#page-produtos .products-kpi-zerado .products-kpi-icon{
  color:#fb7185 !important;
  background:rgba(244,63,94,.12) !important;
  border-color:rgba(244,63,94,.24) !important;
}

#page-produtos .products-kpi-excedente .products-kpi-icon{
  color:#67e8f9 !important;
  background:rgba(6,182,212,.12) !important;
  border-color:rgba(6,182,212,.24) !important;
}

@media(max-width:1400px){
  #page-produtos .products-kpi-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:820px){
  #page-produtos .products-kpi-grid{
    grid-template-columns:1fr !important;
  }
}

/* модал продукта */
#modal-historico.product-history-modal{
  width:min(1080px,96vw);
  max-height:92vh;
  padding:0 !important;
  border:1px solid rgba(96,165,250,.20) !important;
  border-radius:26px !important;
  background:#080b12 !important;
  color:#f8fafc !important;
  box-shadow:0 28px 90px rgba(0,0,0,.68) !important;
  overflow:hidden !important;
}

#modal-historico.product-history-modal::backdrop{
  background:rgba(2,6,23,.72) !important;
  backdrop-filter:blur(6px);
}

.ph-modal-card{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 0%, rgba(96,165,250,.11), transparent 34%),
    radial-gradient(circle at 92% 8%, rgba(6,182,212,.08), transparent 36%),
    linear-gradient(180deg,#111827,#080b12);
}

.ph-modal-glow{
  position:absolute;
  top:-220px;
  left:50%;
  width:460px;
  height:460px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(96,165,250,.13);
  filter:blur(74px);
  pointer-events:none;
}

.ph-modal-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:20px 22px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.ph-title-block{
  min-width:0;
}

.ph-status-pill{
  display:inline-flex;
  align-items:center;
  height:23px;
  padding:0 10px;
  border-radius:999px;
  color:#dbeafe;
  background:rgba(96,165,250,.12);
  border:1px solid rgba(96,165,250,.20);
  font-size:10px;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.ph-status-ok{
  color:#bbf7d0;
  background:rgba(34,197,94,.12);
  border-color:rgba(34,197,94,.24);
}

.ph-status-baixo{
  color:#fef3c7;
  background:rgba(234,179,8,.12);
  border-color:rgba(234,179,8,.24);
}

.ph-status-zerado{
  color:#fecdd3;
  background:rgba(244,63,94,.12);
  border-color:rgba(244,63,94,.24);
}

.ph-status-excedente{
  color:#cffafe;
  background:rgba(6,182,212,.12);
  border-color:rgba(6,182,212,.24);
}

.ph-title-block h2{
  margin:9px 0 0;
  color:#ffffff;
  font-size:24px;
  font-weight:950;
  line-height:1.08;
  letter-spacing:-.045em;
  max-width:720px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.ph-title-block p{
  display:flex;
  align-items:center;
  gap:7px;
  margin:7px 0 0;
  color:#94a3b8;
  font-size:12px;
  font-weight:800;
}

.ph-title-block p span{
  max-width:260px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.ph-title-block p b{
  color:#475569;
}

.ph-head-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-shrink:0;
}

.ph-action-btn{
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 13px;
  border-radius:13px;
  font-size:12px;
  font-weight:950;
  border:1px solid rgba(148,163,184,.16);
  background:rgba(15,23,42,.62);
  color:#cbd5e1;
  transition:.16s ease;
}

.ph-action-btn:hover{
  transform:translateY(-1px);
  color:#ffffff;
  border-color:rgba(96,165,250,.30);
}

.ph-print-btn{
  color:#dbeafe;
  background:rgba(37,99,235,.14);
  border-color:rgba(96,165,250,.24);
}

.ph-close-btn:hover{
  border-color:rgba(244,63,94,.32);
  background:rgba(244,63,94,.12);
  color:#fecdd3;
}

.ph-tabs{
  position:relative;
  z-index:1;
  display:flex;
  gap:8px;
  padding:12px 18px;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(2,6,23,.22);
  overflow:auto;
}

.ph-tab{
  height:34px;
  padding:0 13px;
  border-radius:999px;
  color:#94a3b8;
  background:rgba(15,23,42,.48);
  border:1px solid rgba(148,163,184,.12);
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
  transition:.16s ease;
}

.ph-tab:hover{
  color:#e2e8f0;
  border-color:rgba(96,165,250,.24);
}

.ph-tab.is-active{
  color:#ffffff;
  background:
    radial-gradient(circle at 20% 0%, rgba(255,255,255,.20), transparent 30%),
    linear-gradient(135deg,#2563eb,#06b6d4);
  border-color:rgba(147,197,253,.34);
  box-shadow:0 12px 28px rgba(37,99,235,.16);
}

.ph-body{
  position:relative;
  z-index:1;
  max-height:calc(92vh - 150px);
  overflow:auto;
  padding:18px;
}

.ph-tab-panel{
  display:none;
}

.ph-tab-panel.is-active{
  display:block;
}

.ph-summary-grid,
.ph-consumo-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.ph-summary-card{
  position:relative;
  overflow:hidden;
  min-height:118px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.13);
  background:
    radial-gradient(circle at 16% 0%, rgba(96,165,250,.08), transparent 34%),
    linear-gradient(180deg,rgba(15,23,42,.84),rgba(8,13,24,.78));
  box-shadow:
    0 10px 28px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.035);
}

.ph-summary-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(96,165,250,.38), transparent);
}

.ph-summary-card span{
  display:block;
  color:#8fb8ff;
  font-size:9px;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.ph-summary-card strong{
  display:block;
  margin-top:9px;
  color:#ffffff;
  font-size:24px;
  font-weight:950;
  line-height:.96;
  letter-spacing:-.04em;
}

.ph-summary-card small{
  display:block;
  margin-top:8px;
  color:#94a3b8;
  font-size:11px;
  font-weight:800;
  line-height:1.25;
}

.ph-main-card{
  border-color:rgba(96,165,250,.24);
}

.ph-main-card strong{
  font-size:30px;
}

.ph-card-mini-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.ph-card-mini-head > span{
  min-width:0;
}

.ph-mini-action{
  display:inline-flex;
  align-items:center;
  gap:6px;
  height:26px;
  padding:0 9px;
  border-radius:999px;
  border:1px solid rgba(96,165,250,.22);
  background:rgba(15,23,42,.64);
  color:#bfdbfe;
  font-size:10px;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
  transition:.16s ease;
}

.ph-mini-action:hover{
  color:#fff;
  border-color:rgba(125,211,252,.45);
  background:rgba(37,99,235,.22);
}

.ph-summary-card > .ph-mini-action{
  position:absolute;
  top:11px;
  right:11px;
  z-index:2;
}

.ph-main-card > span{
  padding-right:86px;
}

.hist-consumo-modal{
  width:min(420px,92vw);
  padding:0;
  border:0;
  border-radius:16px;
  background:transparent;
  color:#e5e7eb;
}

.hist-consumo-modal::backdrop{
  background:rgba(2,6,23,.58);
  backdrop-filter:blur(3px);
}

.hist-consumo-card{
  overflow:hidden;
  border:1px solid rgba(148,163,184,.16);
  border-radius:16px;
  background:
    radial-gradient(circle at 20% 0%, rgba(96,165,250,.10), transparent 32%),
    linear-gradient(180deg,rgba(15,23,42,.98),rgba(8,13,24,.98));
  box-shadow:0 22px 60px rgba(0,0,0,.34);
}

.hist-consumo-card header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 15px 12px;
  border-bottom:1px solid rgba(148,163,184,.12);
}

.hist-consumo-card header span{
  display:block;
  color:#93c5fd;
  font-size:10px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.hist-consumo-card header strong{
  display:block;
  margin-top:4px;
  color:#fff;
  font-size:15px;
  font-weight:950;
  line-height:1.15;
}

.hist-consumo-x{
  width:30px;
  height:30px;
  border-radius:10px;
  border:1px solid rgba(148,163,184,.16);
  background:rgba(15,23,42,.62);
  color:#cbd5e1;
  font-size:20px;
  line-height:1;
}

.hist-consumo-x:hover{
  color:#fff;
  background:rgba(239,68,68,.18);
  border-color:rgba(248,113,113,.32);
}

.hist-consumo-fields{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:10px;
  align-items:end;
  padding:14px 15px;
}

.hist-consumo-fields label span{
  display:block;
  margin-bottom:5px;
  color:#94a3b8;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}

.hist-consumo-fields input{
  width:100%;
  height:34px;
  padding:0 9px;
  border-radius:10px;
  border:1px solid rgba(148,163,184,.16);
  background:rgba(2,6,23,.42);
  color:#e5e7eb;
  font-size:12px;
  outline:none;
}

.hist-consumo-fields button{
  height:34px;
  padding:0 12px;
  border-radius:10px;
  background:linear-gradient(135deg,#2563eb,#0891b2);
  color:#fff;
  font-size:12px;
  font-weight:950;
  box-shadow:0 12px 24px rgba(37,99,235,.18);
}

.hist-consumo-result{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  padding:0 15px 15px;
}

#hist-consumo-result.hist-consumo-result{
  margin:0 !important;
  padding:0 15px 15px !important;
  border-top:0 !important;
}

.hist-consumo-result.hidden{
  display:none;
}

.hist-consumo-result article{
  min-width:0;
  padding:10px;
  border-radius:12px;
  border:1px solid rgba(148,163,184,.12);
  background:rgba(2,6,23,.34);
}

.hist-consumo-result span{
  display:block;
  color:#94a3b8;
  font-size:9px;
  font-weight:950;
  text-transform:uppercase;
}

.hist-consumo-result strong{
  display:block;
  margin-top:5px;
  color:#f8fafc;
  font-size:13px;
  font-weight:950;
  line-height:1.15;
  overflow-wrap:anywhere;
}

@media (max-width:520px){
  .hist-consumo-fields{
    grid-template-columns:1fr;
  }

  .hist-consumo-result{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

.ph-movement-resume{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}

.ph-movement-resume article{
  padding:13px;
  border-radius:17px;
  border:1px solid rgba(148,163,184,.12);
  background:rgba(2,6,23,.28);
}

.ph-movement-resume span{
  display:block;
  color:#94a3b8;
  font-size:9px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.ph-movement-resume strong{
  display:block;
  margin-top:7px;
  color:#f8fafc;
  font-size:18px;
  font-weight:950;
  line-height:1;
}

.ph-movement-resume small{
  display:block;
  margin-top:6px;
  color:#64748b;
  font-size:11px;
  font-weight:800;
}

.ph-panel-headline{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.ph-panel-headline span{
  display:block;
  color:#60a5fa;
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.ph-panel-headline strong{
  display:block;
  margin-top:4px;
  color:#f8fafc;
  font-size:18px;
  font-weight:950;
}

.ph-panel-headline small{
  color:#94a3b8;
  font-size:12px;
  font-weight:850;
}

.ph-timeline{
  display:flex;
  flex-direction:column;
  gap:10px;
  max-height:58vh;
  overflow:auto;
  padding-right:4px;
}

.ph-timeline-item{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:12px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.12);
  background:linear-gradient(180deg,rgba(15,23,42,.68),rgba(8,13,24,.60));
}

.ph-timeline-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#34d399;
  background:rgba(34,197,94,.10);
  border:1px solid rgba(34,197,94,.20);
}

.ph-move-saida .ph-timeline-icon{
  color:#f472b6;
  background:rgba(244,114,182,.10);
  border-color:rgba(244,114,182,.20);
}

.ph-move-estorno .ph-timeline-icon{
  color:#facc15;
  background:rgba(250,204,21,.10);
  border-color:rgba(250,204,21,.20);
}

.ph-timeline-title{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.ph-timeline-title strong{
  color:#f8fafc;
  font-size:13px;
  font-weight:950;
}

.ph-timeline-title small{
  color:#94a3b8;
  font-size:11px;
  font-weight:800;
}

.ph-timeline-info p{
  margin:5px 0 0;
  color:#cbd5e1;
  font-size:12px;
  font-weight:800;
}

.ph-timeline-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:7px;
}

.ph-timeline-meta span{
  display:inline-flex;
  height:22px;
  align-items:center;
  padding:0 8px;
  border-radius:999px;
  color:#94a3b8;
  background:rgba(148,163,184,.08);
  border:1px solid rgba(148,163,184,.10);
  font-size:10px;
  font-weight:850;
}

.ph-timeline-qtd{
  text-align:right;
  min-width:110px;
}

.ph-timeline-qtd strong{
  display:block;
  color:#34d399;
  font-size:15px;
  font-weight:950;
}

.ph-move-saida .ph-timeline-qtd strong{
  color:#f472b6;
}

.ph-move-estorno .ph-timeline-qtd strong{
  color:#facc15;
}

.ph-timeline-qtd span{
  display:block;
  margin-top:4px;
  color:#64748b;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}

.ph-config-box,
.ph-excedente-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(148,163,184,.13);
  background:
    radial-gradient(circle at 10% 0%, rgba(96,165,250,.10), transparent 34%),
    linear-gradient(180deg,rgba(15,23,42,.74),rgba(8,13,24,.70));
}

.ph-config-box span,
.ph-excedente-box span{
  display:block;
  color:#8fb8ff;
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.ph-config-box strong,
.ph-excedente-box strong{
  display:block;
  margin-top:7px;
  color:#ffffff;
  font-size:22px;
  font-weight:950;
}

.ph-config-box small,
.ph-excedente-box small{
  display:block;
  margin-top:6px;
  color:#94a3b8;
  font-size:12px;
  font-weight:800;
}

.ph-config-btn{
  height:40px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 14px;
  border-radius:14px;
  color:#ffffff;
  background:linear-gradient(135deg,#2563eb,#06b6d4);
  border:1px solid rgba(147,197,253,.28);
  font-size:12px;
  font-weight:950;
  box-shadow:0 12px 28px rgba(37,99,235,.18);
}

.ph-excedente-box{
  margin-top:12px;
  border-color:rgba(6,182,212,.22);
}

.ph-empty-state{
  min-height:220px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:10px;
  padding:24px;
  border-radius:20px;
  border:1px dashed rgba(148,163,184,.18);
  background:rgba(15,23,42,.34);
  color:#94a3b8;
  text-align:center;
}

.ph-empty-state i{
  color:#60a5fa;
  font-size:28px;
}

.ph-empty-state strong{
  color:#f8fafc;
  font-size:15px;
  font-weight:950;
}

.ph-empty-state span{
  font-size:12px;
  font-weight:800;
}

.ph-error-state i{
  color:#fb7185;
}

@media(max-width:980px){
  .ph-summary-grid,
  .ph-consumo-grid,
  .ph-movement-resume{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .ph-modal-head{
    flex-direction:column;
  }

  .ph-head-actions{
    width:100%;
  }

  .ph-action-btn{
    flex:1;
  }
}

@media(max-width:680px){
  #modal-historico.product-history-modal{
    width:96vw;
  }

  .ph-body{
    padding:12px;
  }

  .ph-summary-grid,
  .ph-consumo-grid,
  .ph-movement-resume{
    grid-template-columns:1fr;
  }

  .ph-timeline-item{
    grid-template-columns:38px minmax(0,1fr);
  }

  .ph-timeline-qtd{
    grid-column:2;
    text-align:left;
  }

  .ph-config-box,
  .ph-excedente-box{
    align-items:flex-start;
    flex-direction:column;
  }

  .ph-config-btn{
    width:100%;
    justify-content:center;
  }
}

/* модал продукта: визуальная очистка */
#modal-historico.product-history-modal{
  width:min(980px,94vw) !important;
  border-radius:24px !important;
}

#modal-historico .ph-modal-card{
  background:
    radial-gradient(circle at 12% 0%, rgba(96,165,250,.08), transparent 32%),
    linear-gradient(180deg,#0d1422,#070b13) !important;
}

#modal-historico .ph-modal-head{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:start !important;
  padding:18px 20px 14px !important;
}

#modal-historico .ph-title-block{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) !important;
  column-gap:12px !important;
  align-items:center !important;
}

#modal-historico .ph-status-pill{
  grid-row:1 / 3 !important;
  height:28px !important;
  padding:0 11px !important;
  font-size:9px !important;
  letter-spacing:.12em !important;
}

#modal-historico .ph-title-block h2{
  margin:0 !important;
  font-size:23px !important;
  max-width:680px !important;
}

#modal-historico .ph-title-block p{
  grid-column:2 !important;
  margin-top:6px !important;
  font-size:11px !important;
}

#modal-historico .ph-head-actions{
  align-self:start !important;
}

#modal-historico .ph-action-btn{
  height:34px !important;
  border-radius:12px !important;
  padding:0 12px !important;
}

#modal-historico .ph-tabs{
  padding:10px 18px !important;
  gap:7px !important;
  background:rgba(2,6,23,.16) !important;
}

#modal-historico .ph-tab{
  height:31px !important;
  padding:0 12px !important;
  font-size:11px !important;
  background:transparent !important;
}

#modal-historico .ph-tab.is-active{
  background:linear-gradient(135deg,#2563eb,#06b6d4) !important;
  box-shadow:0 10px 22px rgba(37,99,235,.13) !important;
}

#modal-historico .ph-body{
  padding:16px 18px 18px !important;
  max-height:calc(92vh - 138px) !important;
}

#modal-historico .ph-summary-grid{
  grid-template-columns:1.15fr 1fr 1fr 1fr !important;
  gap:10px !important;
}

#modal-historico .ph-summary-card{
  min-height:102px !important;
  padding:13px !important;
  border-radius:17px !important;
  background:
    linear-gradient(180deg,rgba(15,23,42,.62),rgba(8,13,24,.58)) !important;
  border-color:rgba(148,163,184,.10) !important;
  box-shadow:
    0 8px 22px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.03) !important;
}

#modal-historico .ph-summary-card span{
  font-size:8.5px !important;
  letter-spacing:.14em !important;
}

#modal-historico .ph-summary-card strong{
  margin-top:8px !important;
  font-size:21px !important;
}

#modal-historico .ph-summary-card small{
  margin-top:7px !important;
  font-size:10.5px !important;
}

#modal-historico .ph-main-card{
  border-color:rgba(96,165,250,.22) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(96,165,250,.12), transparent 38%),
    linear-gradient(180deg,rgba(15,23,42,.72),rgba(8,13,24,.62)) !important;
}

#modal-historico .ph-main-card strong{
  font-size:28px !important;
}

#modal-historico .ph-movement-resume{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
  margin-top:10px !important;
}

#modal-historico .ph-movement-resume article{
  padding:12px !important;
  border-radius:16px !important;
  background:rgba(2,6,23,.18) !important;
  border-color:rgba(148,163,184,.09) !important;
}

#modal-historico .ph-movement-resume span{
  font-size:8.5px !important;
}

#modal-historico .ph-movement-resume strong{
  font-size:17px !important;
}

#modal-historico .ph-movement-resume small{
  font-size:10.5px !important;
}

#modal-historico .ph-modal-glow{
  opacity:.55 !important;
}

/* модал продукта:  */
#modal-historico .ph-body{
  padding:20px !important;
}

#modal-historico .ph-overview-layout{
  display:grid;
  grid-template-columns:minmax(360px,1.05fr) minmax(360px,.95fr);
  gap:16px;
  align-items:stretch;
}

#modal-historico .ph-stock-hero{
  position:relative;
  overflow:hidden;
  min-height:278px;
  padding:20px;
  border-radius:24px;
  border:1px solid rgba(96,165,250,.20);
  background:
    radial-gradient(circle at 16% 0%, rgba(96,165,250,.16), transparent 38%),
    radial-gradient(circle at 88% 18%, rgba(6,182,212,.08), transparent 34%),
    linear-gradient(180deg,rgba(15,23,42,.84),rgba(8,13,24,.78));
  box-shadow:
    0 18px 46px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.045);
}

#modal-historico .ph-stock-hero::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(96,165,250,.48), transparent);
}

#modal-historico .ph-stock-hero-top{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  padding-bottom:22px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

#modal-historico .ph-stock-hero span,
#modal-historico .ph-flow-head span,
#modal-historico .ph-flow-card span{
  display:block;
  color:#8fb8ff;
  font-size:10px;
  font-weight:950;
  letter-spacing:.15em;
  text-transform:uppercase;
}

#modal-historico .ph-stock-hero-top strong{
  display:block;
  margin-top:12px;
  color:#ffffff;
  font-size:44px;
  font-weight:950;
  line-height:.92;
  letter-spacing:-.06em;
  text-shadow:
    0 0 16px rgba(255,255,255,.10),
    0 0 32px rgba(96,165,250,.16);
}

#modal-historico .ph-stock-hero small,
#modal-historico .ph-flow-card small,
#modal-historico .ph-status-note span{
  display:block;
  margin-top:8px;
  color:#94a3b8;
  font-size:12px;
  font-weight:800;
  line-height:1.35;
}

#modal-historico .ph-stock-orb{
  width:58px;
  height:58px;
  flex:0 0 58px;
  display:grid;
  place-items:center;
  border-radius:20px;
  color:#60a5fa;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.16), transparent 32%),
    rgba(96,165,250,.12);
  border:1px solid rgba(96,165,250,.22);
  box-shadow:
    0 0 26px rgba(96,165,250,.10),
    inset 0 1px 0 rgba(255,255,255,.06);
}

#modal-historico .ph-stock-orb i{
  font-size:22px;
  filter:drop-shadow(0 0 10px currentColor);
}

#modal-historico .ph-stock-hero-bottom{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:18px;
}

#modal-historico .ph-stock-hero-bottom > div{
  min-height:106px;
  padding:15px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.10);
  background:rgba(2,6,23,.24);
}

#modal-historico .ph-stock-hero-bottom strong{
  display:block;
  margin-top:9px;
  color:#f8fafc;
  font-size:24px;
  font-weight:950;
  line-height:1;
  letter-spacing:-.035em;
}

#modal-historico .ph-flow-panel{
  position:relative;
  overflow:hidden;
  min-height:278px;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(148,163,184,.13);
  background:
    radial-gradient(circle at 12% 0%, rgba(34,197,94,.08), transparent 34%),
    linear-gradient(180deg,rgba(15,23,42,.70),rgba(8,13,24,.68));
  box-shadow:
    0 18px 46px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.035);
}

#modal-historico .ph-flow-head{
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

#modal-historico .ph-flow-head strong{
  display:block;
  margin-top:7px;
  color:#ffffff;
  font-size:22px;
  font-weight:950;
  line-height:1;
  letter-spacing:-.04em;
}

#modal-historico .ph-flow-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:14px;
}

#modal-historico .ph-flow-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  padding:14px 15px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.10);
  background:rgba(2,6,23,.26);
}

#modal-historico .ph-flow-card strong{
  grid-row:1 / 3;
  grid-column:2;
  color:#ffffff;
  font-size:23px;
  font-weight:950;
  line-height:1;
  white-space:nowrap;
}

#modal-historico .ph-flow-card small{
  margin-top:5px;
}

#modal-historico .ph-flow-entrada strong{
  color:#34d399;
}

#modal-historico .ph-flow-saida strong{
  color:#f472b6;
}

#modal-historico .ph-flow-estorno strong{
  color:#facc15;
}

#modal-historico .ph-status-note{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-top:14px;
  padding:13px;
  border-radius:18px;
  border:1px dashed rgba(96,165,250,.20);
  background:rgba(96,165,250,.055);
}

#modal-historico .ph-status-note i{
  margin-top:2px;
  color:#60a5fa;
}

#modal-historico .ph-status-note span{
  margin:0;
}

@media(max-width:980px){
  #modal-historico .ph-overview-layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  #modal-historico .ph-stock-hero-top{
    flex-direction:column;
  }

  #modal-historico .ph-stock-hero-bottom{
    grid-template-columns:1fr;
  }

  #modal-historico .ph-stock-hero-top strong{
    font-size:36px;
  }

  #modal-historico .ph-flow-card{
    grid-template-columns:1fr;
  }

  #modal-historico .ph-flow-card strong{
    grid-row:auto;
    grid-column:auto;
  }
}

/* карточки продуктов kpi:  */
#page-produtos .products-kpi-values small{
  margin-top:6px !important;
  transform:translateY(-2px);
}

#page-produtos .products-kpi-values{
  padding-bottom:10px !important;
}

#page-produtos .products-kpi-card{
  padding-bottom:14px !important;
}


/* выравнивание карточек продуктов */
#page-produtos .products-kpi-card{
  height:120px !important;
  min-height:120px !important;
  padding:11px 14px 12px !important;
  display:flex !important;
  flex-direction:column !important;
}

#page-produtos .products-kpi-head{
  height:30px !important;
  min-height:30px !important;
  display:grid !important;
  grid-template-columns:28px 1fr !important;
  align-items:center !important;
  gap:9px !important;
  padding-bottom:8px !important;
}

#page-produtos .products-kpi-icon{
  width:28px !important;
  height:28px !important;
  border-radius:10px !important;
}

#page-produtos .products-kpi-head h3{
  margin:0 !important;
  text-align:center !important;
  transform:translateX(-14px);
  font-size:10px !important;
  line-height:1 !important;
}

#page-produtos .products-kpi-values{
  flex:1 !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  align-items:center !important;
  margin-top:0 !important;
  padding:8px 0 7px !important;
}

#page-produtos .products-kpi-values > div{
  min-height:54px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

#page-produtos .products-kpi-values > div:first-child{
  padding-right:12px !important;
}

#page-produtos .products-kpi-values > div:last-child{
  padding-left:12px !important;
}

#page-produtos .products-kpi-values span{
  font-size:8px !important;
  line-height:1 !important;
  margin:0 !important;
}

#page-produtos .products-kpi-values strong{
  margin-top:7px !important;
  font-size:24px !important;
  line-height:.88 !important;
}

#page-produtos .products-kpi-values small{
  margin-top:7px !important;
  transform:none !important;
  font-size:9px !important;
  line-height:1 !important;
}

#page-produtos .products-kpi-diff,
#page-produtos .products-kpi-chart{
  display:none !important;
}

/* выравнивание kpi продуктов */
#page-produtos .products-kpi-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-bottom:14px !important;
}

#page-produtos .products-kpi-card{
  height:126px !important;
  min-height:126px !important;
  max-height:126px !important;
  padding:12px 14px 13px !important;
  display:grid !important;
  grid-template-rows:34px 1fr !important;
  gap:8px !important;
  overflow:hidden !important;
}

#page-produtos .products-kpi-head{
  position:relative !important;
  height:34px !important;
  min-height:34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 34px !important;
  margin:0 !important;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
}

#page-produtos .products-kpi-icon{
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  border-radius:10px !important;
  margin:0 !important;
}

#page-produtos .products-kpi-icon i{
  font-size:10px !important;
}

#page-produtos .products-kpi-head h3{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  text-align:center !important;
  transform:none !important;
  color:#dbeafe !important;
  font-size:10px !important;
  font-weight:950 !important;
  line-height:1 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

#page-produtos .products-kpi-values{
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  align-items:stretch !important;
  border-bottom:0 !important;
}

#page-produtos .products-kpi-values > div{
  min-height:0 !important;
  height:100% !important;
  display:grid !important;
  grid-template-rows:14px 27px 16px !important;
  align-content:center !important;
  justify-items:center !important;
  text-align:center !important;
  padding:5px 10px 4px !important;
}

#page-produtos .products-kpi-values > div:first-child{
  border-right:1px solid rgba(255,255,255,.07) !important;
}

#page-produtos .products-kpi-values > div:last-child{
  border-right:0 !important;
}

#page-produtos .products-kpi-values span{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  color:#8fb8ff !important;
  font-size:8px !important;
  font-weight:950 !important;
  line-height:14px !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

#page-produtos .products-kpi-values strong{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  color:#ffffff !important;
  font-size:25px !important;
  font-weight:950 !important;
  line-height:27px !important;
  letter-spacing:-.045em !important;
  text-align:center !important;
}

#page-produtos .products-kpi-values small{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  color:#93c5fd !important;
  font-size:9px !important;
  font-weight:900 !important;
  line-height:16px !important;
  text-align:center !important;
}

#page-produtos .products-kpi-diff,
#page-produtos .products-kpi-chart{
  display:none !important;
}
/* хаб анимация */
#btn-hub-top.hub-uiverse-rocket,
#btn-hub-top.hub-uiverse-rocket *{
  animation-play-state:running !important;
}

#btn-hub-top.hub-uiverse-rocket .hub-uiverse-liquid{
  animation:hubLiquidWave 5.4s ease-in-out infinite alternate !important;
}

#btn-hub-top.hub-uiverse-rocket .hub-uiverse-stars span{
  animation:hubStarTwinkle 2.4s ease-in-out infinite !important;
}

#btn-hub-top.hub-uiverse-rocket .hub-uiverse-icon{
  animation:hubRocketFloat 2.25s ease-in-out infinite !important;
}

#btn-hub-top.hub-uiverse-rocket .hub-uiverse-icon::before{
  animation:hubRocketTrail .9s ease-in-out infinite !important;
}

#btn-hub-top.hub-uiverse-rocket:hover{
  transform:translateY(-2px) scale(1.045) !important;
  filter:brightness(1.08) saturate(1.15) !important;
}

#btn-hub-top.hub-uiverse-rocket:hover::before{
  transform:translateX(135%) !important;
}

#btn-hub-top.hub-uiverse-rocket:hover .hub-uiverse-icon,
#btn-hub-top.hub-uiverse-rocket.hub-launching .hub-uiverse-icon{
  animation:hubRocketTakeoff .76s cubic-bezier(.18,.85,.25,1) forwards !important;
}

/* боковое меню */
#sidebar #menu-ai-btn .fa-chevron-down,
#sidebar #menu-ecommerce-btn .fa-chevron-down,
#sidebar #menu-calendar-btn .fa-chevron-down,
#sidebar #menu-task-btn .fa-chevron-down,
#sidebar #menu-email-btn .fa-chevron-down,
#sidebar #menu-forms-btn .fa-chevron-down{
  display:none !important;
}

#sidebar #menu-email-btn{
  opacity:.82;
}

#sidebar #menu-email-btn:hover{
  opacity:1;
}

/* отключенные элементы */
#sidebar .sidebar-disabled-soft{
  opacity:.38 !important;
  filter:grayscale(.35) saturate(.65) !important;
}

#sidebar .sidebar-disabled-soft:hover{
  background:transparent !important;
  color:inherit !important;
  transform:none !important;
}

#sidebar .sidebar-disabled-soft .sidebar-product-pill,
#sidebar .sidebar-disabled-soft .badge,
#sidebar .sidebar-disabled-soft span:last-child{
  opacity:.65 !important;
}

/* будущая стоимость */
.dash-value-soon-card{
  position:relative !important;
  overflow:hidden !important;
  opacity:.72 !important;
  border-style:dashed !important;
  border-color:rgba(148,163,184,.18) !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(148,163,184,.08), transparent 34%),
    linear-gradient(180deg, rgba(30,41,59,.58), rgba(15,23,42,.52)) !important;
  filter:saturate(.72) !important;
}

.dash-value-soon-card::after{
  content:"EM BREVE";
  position:absolute;
  top:14px;
  right:14px;
  height:22px;
  display:inline-flex;
  align-items:center;
  padding:0 9px;
  border-radius:999px;
  color:#94a3b8;
  background:rgba(148,163,184,.10);
  border:1px solid rgba(148,163,184,.16);
  font-size:9px;
  font-weight:950;
  letter-spacing:.13em;
}

.dash-value-soon-card .dash-insight-label{
  color:#94a3b8 !important;
}

.dash-value-soon-card strong{
  color:#cbd5e1 !important;
  font-size:20px !important;
  letter-spacing:-.02em !important;
}

.dash-value-soon-card small{
  color:#94a3b8 !important;
  max-width:230px;
}

/* отчеты поток */
#modal-relatorios.reports-flow-modal{
  width:min(1180px,96vw) !important;
  max-width:min(1180px,96vw) !important;
  height:min(84vh,780px) !important;
  max-height:84vh !important;
  padding:0 !important;
  border:1px solid rgba(96,165,250,.18) !important;
  border-radius:26px !important;
  background:#080b12 !important;
  color:#f8fafc !important;
  overflow:hidden !important;
  box-shadow:0 28px 90px rgba(0,0,0,.68) !important;
}

#modal-relatorios.reports-flow-modal::backdrop{
  background:rgba(2,6,23,.72) !important;
  backdrop-filter:blur(6px);
}

.reports-flow-shell{
  height:100%;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  background:
    radial-gradient(circle at 15% 0%, rgba(59,130,246,.11), transparent 36%),
    radial-gradient(circle at 90% 10%, rgba(6,182,212,.07), transparent 34%),
    linear-gradient(180deg,#101827,#070b13);
}

.reports-flow-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  padding:20px 22px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.reports-flow-kicker{
  display:inline-flex;
  height:23px;
  align-items:center;
  padding:0 10px;
  border-radius:999px;
  color:#93c5fd;
  background:rgba(37,99,235,.13);
  border:1px solid rgba(147,197,253,.20);
  font-size:10px;
  font-weight:950;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.reports-flow-head h2{
  margin:8px 0 0;
  color:#ffffff;
  font-size:26px;
  font-weight:950;
  line-height:1;
  letter-spacing:-.045em;
}

.reports-flow-head p{
  margin:8px 0 0;
  color:#94a3b8;
  font-size:12px;
  font-weight:800;
  line-height:1.4;
}

.reports-flow-close{
  height:38px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 14px;
  border-radius:14px;
  color:#cbd5e1;
  background:rgba(15,23,42,.64);
  border:1px solid rgba(148,163,184,.16);
  font-size:12px;
  font-weight:950;
}

.reports-flow-body{
  min-height:0;
  display:grid;
  grid-template-columns:240px minmax(420px,1fr) 330px;
  gap:14px;
  padding:16px;
  overflow:hidden;
}

.reports-flow-menu,
.reports-flow-workspace,
.reports-flow-preview{
  min-height:0;
  border-radius:24px;
  border:1px solid rgba(148,163,184,.12);
  background:
    radial-gradient(circle at 14% 0%, rgba(96,165,250,.07), transparent 34%),
    linear-gradient(180deg,rgba(15,23,42,.74),rgba(8,13,24,.70));
  box-shadow:
    0 14px 38px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.035);
}

.reports-flow-menu{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:12px;
  overflow:auto;
}

.reports-flow-option{
  width:100%;
  min-height:78px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:11px;
  align-items:center;
  padding:12px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.11);
  background:rgba(2,6,23,.26);
  text-align:left;
  transition:.16s ease;
}

.reports-flow-option:hover{
  transform:translateY(-1px);
  border-color:rgba(96,165,250,.28);
  background:rgba(15,23,42,.52);
}

.reports-flow-option.is-active{
  border-color:rgba(34,211,238,.50);
  background:
    radial-gradient(circle at 16% 0%, rgba(34,211,238,.16), transparent 38%),
    linear-gradient(180deg,rgba(8,145,178,.18),rgba(15,23,42,.84));
}

.reports-flow-option i{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#60a5fa;
  background:rgba(96,165,250,.12);
  border:1px solid rgba(96,165,250,.20);
}

.reports-flow-option strong{
  display:block;
  color:#f8fafc;
  font-size:13px;
  font-weight:950;
}

.reports-flow-option small{
  display:block;
  margin-top:4px;
  color:#94a3b8;
  font-size:10.5px;
  font-weight:800;
  line-height:1.25;
}

.reports-flow-workspace{
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  gap:14px;
  padding:16px;
  overflow:auto;
}

.reports-flow-step{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.reports-flow-step-title{
  display:flex;
  gap:11px;
  align-items:center;
}

.reports-flow-step-title > span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:#bfdbfe;
  background:rgba(96,165,250,.12);
  border:1px solid rgba(96,165,250,.22);
  font-size:11px;
  font-weight:950;
}

.reports-flow-step-title strong{
  display:block;
  color:#ffffff;
  font-size:18px;
  font-weight:950;
  line-height:1;
}

.reports-flow-step-title small{
  display:block;
  margin-top:5px;
  color:#94a3b8;
  font-size:11px;
  font-weight:800;
}

.reports-flow-range{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  justify-content:flex-end;
}

.reports-flow-range button{
  height:31px;
  padding:0 10px;
  border-radius:999px;
  color:#94a3b8;
  background:rgba(15,23,42,.50);
  border:1px solid rgba(148,163,184,.12);
  font-size:11px;
  font-weight:950;
}

.reports-flow-range button.is-active{
  color:#ffffff;
  background:linear-gradient(135deg,#2563eb,#06b6d4);
  border-color:rgba(147,197,253,.32);
}

.reports-flow-filters{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-content:start;
}

.reports-flow-filters label{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:0;
}

.reports-flow-filter-wide{
  grid-column:1 / -1;
}

.reports-flow-filters span{
  color:#94a3b8;
  font-size:10px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.reports-flow-filters input,
.reports-flow-filters select{
  height:42px;
  width:100%;
  border-radius:14px;
  color:#f8fafc;
  background:rgba(2,6,23,.62);
  border:1px solid rgba(148,163,184,.16);
  padding:0 13px;
  font-size:13px;
  font-weight:850;
  outline:none;
}

.reports-flow-filters input:focus,
.reports-flow-filters select:focus{
  border-color:rgba(96,165,250,.48);
  box-shadow:0 0 0 3px rgba(59,130,246,.12);
}

.reports-flow-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.07);
}

.reports-flow-primary,
.reports-flow-ghost,
.reports-flow-pdf{
  height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 15px;
  border-radius:14px;
  font-size:12px;
  font-weight:950;
}

.reports-flow-primary,
.reports-flow-pdf{
  color:#ffffff;
  background:linear-gradient(135deg,#2563eb,#06b6d4);
  border:1px solid rgba(147,197,253,.28);
  box-shadow:0 12px 28px rgba(37,99,235,.18);
}

.reports-flow-ghost{
  color:#cbd5e1;
  background:rgba(15,23,42,.64);
  border:1px solid rgba(148,163,184,.16);
}

.reports-flow-preview{
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto;
  gap:12px;
  padding:16px;
  overflow:hidden;
}

.reports-flow-preview-head span{
  display:block;
  color:#60a5fa;
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.reports-flow-preview-head strong{
  display:block;
  margin-top:4px;
  color:#f8fafc;
  font-size:16px;
  font-weight:950;
}

.reports-flow-kpis{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.reports-flow-kpis article{
  min-height:72px;
  padding:11px;
  border-radius:16px;
  border:1px solid rgba(148,163,184,.10);
  background:rgba(2,6,23,.26);
}

.reports-flow-kpis span{
  display:block;
  color:#8fb8ff;
  font-size:8.5px;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.reports-flow-kpis strong{
  display:block;
  margin-top:8px;
  color:#ffffff;
  font-size:17px;
  font-weight:950;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.reports-flow-output{
  min-height:0;
  overflow:auto;
  padding:12px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.12);
  background:rgba(2,6,23,.30);
}

.reports-flow-output:empty::before{
  content:"Clique em Gerar prévia para visualizar os dados filtrados.";
  min-height:220px;
  display:grid;
  place-items:center;
  color:#64748b;
  font-size:12px;
  font-weight:850;
  text-align:center;
  border:1px dashed rgba(148,163,184,.16);
  border-radius:14px;
}

.reports-flow-empty{
  min-height:220px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:10px;
  padding:24px;
  border-radius:18px;
  border:1px dashed rgba(148,163,184,.18);
  background:rgba(15,23,42,.34);
  text-align:center;
}

.reports-flow-empty i{
  color:#60a5fa;
  font-size:28px;
}

.reports-flow-empty strong{
  color:#f8fafc;
  font-size:15px;
  font-weight:950;
}

.reports-flow-empty span{
  max-width:280px;
  color:#94a3b8;
  font-size:12px;
  font-weight:800;
  line-height:1.4;
}

.reports-flow-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  font-size:11px;
}

.reports-flow-table th{
  position:sticky;
  top:0;
  z-index:2;
  padding:10px 9px;
  color:#dbeafe;
  background:#111827;
  border-bottom:1px solid rgba(148,163,184,.16);
  text-align:left;
  font-size:10px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.reports-flow-table td{
  padding:9px;
  border-bottom:1px solid rgba(148,163,184,.10);
  color:#cbd5e1;
  font-weight:800;
  max-width:150px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.reports-flow-limit{
  margin-top:10px;
  color:#64748b;
  font-size:11px;
  font-weight:850;
  text-align:center;
}

@media(max-width:1120px){
  .reports-flow-body{
    grid-template-columns:220px minmax(0,1fr);
    overflow:auto;
  }

  .reports-flow-preview{
    grid-column:1 / -1;
  }
}

@media(max-width:780px){
  #modal-relatorios.reports-flow-modal{
    height:92vh !important;
  }

  .reports-flow-head{
    flex-direction:column;
  }

  .reports-flow-body{
    grid-template-columns:1fr;
  }

  .reports-flow-menu{
    flex-direction:row;
    overflow:auto;
  }

  .reports-flow-option{
    min-width:210px;
  }

  .reports-flow-step{
    flex-direction:column;
  }

  .reports-flow-range{
    justify-content:flex-start;
  }

  .reports-flow-filters,
  .reports-flow-kpis{
    grid-template-columns:1fr;
  }

  .reports-flow-actions{
    flex-direction:column;
  }

  .reports-flow-primary,
  .reports-flow-ghost,
  .reports-flow-pdf{
    width:100%;
  }
}
/* отчеты простой поток */
#modal-relatorios.reports-lite-modal{
  width:min(900px,94vw) !important;
  max-width:min(900px,94vw) !important;
  padding:0 !important;
  border-radius:26px !important;
  border:1px solid rgba(96,165,250,.18) !important;
  background:#080b12 !important;
  color:#f8fafc !important;
  overflow:hidden !important;
  box-shadow:0 28px 90px rgba(0,0,0,.68) !important;
}

#modal-relatorios.reports-lite-modal::backdrop{
  background:rgba(2,6,23,.72) !important;
  backdrop-filter:blur(6px);
}

.reports-lite-shell{
  background:
    radial-gradient(circle at 16% 0%, rgba(59,130,246,.12), transparent 36%),
    radial-gradient(circle at 88% 10%, rgba(6,182,212,.08), transparent 34%),
    linear-gradient(180deg,#101827,#070b13);
}

.reports-lite-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  padding:20px 22px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.reports-lite-kicker{
  display:inline-flex;
  height:23px;
  align-items:center;
  padding:0 10px;
  border-radius:999px;
  color:#93c5fd;
  background:rgba(37,99,235,.13);
  border:1px solid rgba(147,197,253,.20);
  font-size:10px;
  font-weight:950;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.reports-lite-head h2{
  margin:8px 0 0;
  color:#ffffff;
  font-size:26px;
  font-weight:950;
  line-height:1;
  letter-spacing:-.045em;
}

.reports-lite-head p{
  margin:8px 0 0;
  color:#94a3b8;
  font-size:12px;
  font-weight:800;
  line-height:1.4;
}

.reports-lite-close{
  height:38px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 14px;
  border-radius:14px;
  color:#cbd5e1;
  background:rgba(15,23,42,.64);
  border:1px solid rgba(148,163,184,.16);
  font-size:12px;
  font-weight:950;
}

.reports-lite-body{
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:16px;
  padding:18px;
}

.reports-lite-types,
.reports-lite-config{
  border-radius:24px;
  border:1px solid rgba(148,163,184,.12);
  background:
    radial-gradient(circle at 14% 0%, rgba(96,165,250,.07), transparent 34%),
    linear-gradient(180deg,rgba(15,23,42,.74),rgba(8,13,24,.70));
  box-shadow:
    0 14px 38px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.035);
}

.reports-lite-types{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:12px;
}

.reports-lite-type{
  width:100%;
  min-height:76px;
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:13px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.11);
  background:rgba(2,6,23,.26);
  text-align:left;
  transition:.16s ease;
}

.reports-lite-type:hover{
  transform:translateY(-1px);
  border-color:rgba(96,165,250,.28);
  background:rgba(15,23,42,.52);
}

.reports-lite-type.is-active{
  border-color:rgba(34,211,238,.50);
  background:
    radial-gradient(circle at 16% 0%, rgba(34,211,238,.16), transparent 38%),
    linear-gradient(180deg,rgba(8,145,178,.18),rgba(15,23,42,.84));
}

.reports-lite-type i{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:#60a5fa;
  background:rgba(96,165,250,.12);
  border:1px solid rgba(96,165,250,.20);
}

.reports-lite-type strong{
  display:block;
  color:#f8fafc;
  font-size:13px;
  font-weight:950;
}

.reports-lite-type small{
  display:block;
  margin-top:4px;
  color:#94a3b8;
  font-size:10.5px;
  font-weight:800;
}

.reports-lite-config{
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:18px;
}

.reports-lite-current{
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.reports-lite-current span,
.reports-lite-filters span{
  display:block;
  color:#60a5fa;
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.reports-lite-current strong{
  display:block;
  margin-top:6px;
  color:#ffffff;
  font-size:22px;
  font-weight:950;
  line-height:1;
}

.reports-lite-current small{
  display:block;
  margin-top:7px;
  color:#94a3b8;
  font-size:12px;
  font-weight:800;
}

.reports-lite-filters{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
}

.reports-lite-filters label{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.reports-lite-filters input,
.reports-lite-filters select{
  height:43px;
  width:100%;
  border-radius:14px;
  color:#f8fafc;
  background:rgba(2,6,23,.62);
  border:1px solid rgba(148,163,184,.16);
  padding:0 13px;
  font-size:13px;
  font-weight:850;
  outline:none;
}

.reports-lite-filters input:focus,
.reports-lite-filters select:focus{
  border-color:rgba(96,165,250,.48);
  box-shadow:0 0 0 3px rgba(59,130,246,.12);
}

.reports-lite-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  padding-top:15px;
  border-top:1px solid rgba(255,255,255,.07);
}

.reports-lite-primary,
.reports-lite-ghost{
  height:41px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 16px;
  border-radius:14px;
  font-size:12px;
  font-weight:950;
}

.reports-lite-primary{
  color:#ffffff;
  background:linear-gradient(135deg,#2563eb,#06b6d4);
  border:1px solid rgba(147,197,253,.28);
  box-shadow:0 12px 28px rgba(37,99,235,.18);
}

.reports-lite-ghost{
  color:#cbd5e1;
  background:rgba(15,23,42,.64);
  border:1px solid rgba(148,163,184,.16);
}

@media(max-width:820px){
  .reports-lite-body{
    grid-template-columns:1fr;
  }

  .reports-lite-filters{
    grid-template-columns:1fr;
  }

  .reports-lite-actions{
    flex-direction:column;
  }

  .reports-lite-primary,
  .reports-lite-ghost{
    width:100%;
  }
}

/* nazvanie produkta */
.products-catalog-title{
  min-width:0 !important;
  flex:1 1 auto !important;
}

.products-catalog-title span{
  display:inline-flex !important;
  width:max-content !important;
  max-width:100% !important;
  margin-bottom:7px !important;
  padding:4px 8px !important;
  border-radius:999px !important;
  color:#93c5fd !important;
  background:rgba(96,165,250,.10) !important;
  border:1px solid rgba(96,165,250,.18) !important;
  font-size:9px !important;
  font-weight:950 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.products-catalog-title strong{
  display:block !important;
  max-width:100% !important;
  color:#ffffff !important;
  font-size:16px !important;
  font-weight:950 !important;
  line-height:1.22 !important;
  letter-spacing:-.025em !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.05),
    0 10px 26px rgba(0,0,0,.32) !important;

  white-space:normal !important;
  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
}

.products-catalog-top{
  align-items:flex-start !important;
  gap:12px !important;
  padding-bottom:12px !important;
  border-bottom:1px solid rgba(148,163,184,.10) !important;
}

.products-catalog-status{
  flex:0 0 auto !important;
  margin-top:2px !important;
  box-shadow:0 8px 18px rgba(0,0,0,.18) !important;
}

.products-catalog-card{
  border-color:rgba(96,165,250,.16) !important;
}

.products-catalog-card:hover .products-catalog-title strong{
  color:#dbeafe !important;
}

/* название продукта */
.products-catalog-title strong{
  position:relative !important;
  padding:8px 10px 9px 12px !important;
  border-radius:14px !important;
  color:#ffffff !important;
  background:
    linear-gradient(90deg, rgba(96,165,250,.16), rgba(96,165,250,.045)) !important;
  border:1px solid rgba(96,165,250,.18) !important;
  font-size:17px !important;
  font-weight:950 !important;
  line-height:1.22 !important;
  letter-spacing:-.02em !important;
  text-shadow:0 2px 14px rgba(0,0,0,.45) !important;
}

.products-catalog-title strong::before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  bottom:9px;
  width:3px;
  border-radius:999px;
  background:#60a5fa;
  box-shadow:0 0 14px rgba(96,165,250,.75);
}

.products-catalog-card:hover .products-catalog-title strong{
  background:
    linear-gradient(90deg, rgba(96,165,250,.24), rgba(96,165,250,.075)) !important;
  border-color:rgba(147,197,253,.34) !important;
  color:#f8fbff !important;
}

/* фикс аватара GM Hall */
#avatar-img.hidden,
#avatar-circle.hidden{
  display: none !important;
}

#avatar-img{
  object-fit: cover !important;
}