/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.35_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.35_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!../../packages/ui/src/styles.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --bg: #0f0e13;
  --card: #1a1822;
  --card-2: #211e2c;
  --accent: #c45cff;
  --accent-deep: #7a3ad6;
  --ai-bg: #3a2a4d;
  --ai-text: #d9b8ff;
  --live-bg: #2a3a4d;
  --live-text: #b8d6ff;
  --text: #ece9f1;
  --dim: #8b8696;
  --success: #4ade80;
  --danger: #ff6b6b;
  --line: rgba(255, 255, 255, 0.06);
  --line-2: rgba(255, 255, 255, 0.12);
  --sans: 'Inter', 'General Sans', system-ui, -apple-system, sans-serif;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font-family: inherit;
  cursor: pointer;
}

.solvia-glow {
  box-shadow: 0 0 24px -6px var(--accent);
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.35_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.35_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/prototype/globals.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Backoffice admin skin — ported 1:1 from the design preview (Solvia Backoffice.html). */
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@400;500&family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root {
  --bg: #0d0d0d;
  --card: #161616;
  --card-2: #1c1c1c;
  --line: #222222;
  --line-2: #2e2e2e;
  --text: #f5f5f5;
  --dim: #888888;
  --dim-2: #5a5a5a;
  --vip: #ff3333;
  --spicy: #ff007f;
  --green: #00cc66;
  --gold: #e8b84b;
  --serif: 'Bodoni Moda', Georgia, serif;
  --sans: 'Inter Tight', system-ui, sans-serif;
  --mono: 'JetBrains Mono', monospace;
}

.bo-root * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

.bo-root {
  height: 100dvh;
  width: 100%;
  background: var(--bg);
  font-family: var(--sans);
  color: var(--text);
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
}

.bo-root ::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
.bo-root ::-webkit-scrollbar-track {
  background: transparent;
}
.bo-root ::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 99px;
  border: 2px solid var(--bg);
}
.bo-root ::-webkit-scrollbar-thumb:hover {
  background: #383838;
}
.bo-root .noscroll {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.bo-root .noscroll::-webkit-scrollbar {
  display: none;
}
.bo-root button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
  color: inherit;
}
.bo-root input,
.bo-root textarea,
.bo-root select {
  font-family: inherit;
}

@keyframes vipPulse {
  0%,
  100% {
    box-shadow: 0 0 0 1px var(--vip), 0 0 14px -2px rgba(255, 51, 51, 0.5);
  }
  50% {
    box-shadow: 0 0 0 1.5px var(--vip), 0 0 24px 0px rgba(255, 51, 51, 0.85);
  }
}
@keyframes dotFlash {
  0%,
  100% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
}
@keyframes typeDot {
  0%,
  60%,
  100% {
    transform: translateY(0);
    opacity: 0.4;
  }
  30% {
    transform: translateY(-3px);
    opacity: 1;
  }
}
@keyframes rowIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes msgIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes scanSweep {
  0% {
    top: 0;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    top: 100%;
    opacity: 0;
  }
}
@keyframes spinLoad {
  to {
    transform: rotate(360deg);
  }
}
@keyframes lockIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes coinSpin {
  to {
    transform: rotate(360deg);
  }
}