@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;700&display=swap";
/* [project]/src/app/globals.css [app-client] (css) */
:root {
  --bg-app: #fafafa;
  --bg-sidebar: #fff;
  --bg-card: #fff;
  --bg-input: #f4f4f5;
  --bg-overlay: #17171c0d;
  --border-main: #e4e4e7;
  --border-glass: #e4e4e766;
  --border-bright: #00d4ff26;
  --text-main: #09090b;
  --text-muted: #55555e;
  --text-dim: #888891;
  --text-on-primary: #fff;
  --primary: #00bfe6;
  --primary-glow: #00d4ff26;
  --accent: #c44cff;
  --accent-glow: #cc66ff26;
  --success: #096;
  --success-bg: #00cc881a;
  --warning: #c90;
  --warning-bg: #ffbf001a;
  --danger: red;
  --danger-bg: #ff00001a;
  --font-main: "Outfit", -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", monospace;
  --transition: all .5s cubic-bezier(.16, 1, .3, 1);
  --glass: blur(20px) saturate(200%);
  --radius-xl: 32px;
  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 10px;
  --shadow-sm: 0 2px 4px #111;
  --shadow-md: 0 4px 12px #111;
  --shadow-lg: 0 12px 24px #111;
  --bg-glass: #fafafab3;
  --bg-glass-strong: #fafafae6;
  --border-glass-strong: #d7d7db99;
  --shadow-premium: 0 2px 4px #111, 0 10px 20px #111, 0 20px 40px #111;
}

[data-theme="dark"] {
  --bg-app: #05080f;
  --bg-sidebar: #080c16;
  --bg-card: #0b111e;
  --bg-input: #0e1525;
  --bg-overlay: #0009;
  --border-main: #e1e7ef14;
  --border-glass: #e1e7ef1f;
  --border-bright: #00d4ff4d;
  --bg-glass: #111;
  --bg-glass-strong: #111;
  --border-glass-strong: #111;
  --text-main: #f8fafc;
  --text-muted: #a6b5c9;
  --text-dim: #718198;
  --primary: #00d4ff;
  --primary-glow: #00d4ff40;
  --accent: #c6f;
  --accent-glow: #cc66ff40;
  --success: #1affb3;
  --success-bg: #1affb326;
  --warning: #fc3;
  --warning-bg: #ffcc3326;
  --danger: #ff4c4c;
  --danger-bg: #ff4c4c26;
  --shadow-premium: 0 30px 60px -12px #111, 0 0 30px var(--primary-glow);
}

* {
  box-sizing: border-box;
  cursor: default;
  margin: 0;
  padding: 0;
}

body {
  background: var(--bg-app);
  color: var(--text-main);
  font-family: var(--font-main);
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  transition: background .3s, color .3s;
  position: relative;
  overflow-x: hidden;
}

.aurora {
  z-index: -1;
  background: var(--bg-app);
  pointer-events: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}

.aurora:before, .aurora:after {
  content: "";
  background: radial-gradient(circle at center, var(--primary-glow) 0%, transparent 50%);
  filter: blur(120px);
  opacity: .5;
  width: 100%;
  height: 100%;
  animation: 22s ease-in-out infinite alternate aurora-float;
  position: absolute;
  top: -50%;
  left: -50%;
}

.aurora:after {
  background: radial-gradient(circle at center, var(--accent-glow) 0%, transparent 50%);
  animation-duration: 15s;
  animation-direction: alternate-reverse;
  top: 50%;
  left: 50%;
}

@keyframes aurora-float {
  0% {
    transform: translateY(0)rotate(0)scale(1);
  }

  100% {
    transform: translateY(20%)rotate(20deg)scale(1.2);
  }
}

body:before {
  content: "";
  pointer-events: none;
  opacity: .02;
  z-index: 100;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

input, textarea, button, select {
  cursor: pointer;
  outline: none;
  font-family: inherit;
}

input:focus, textarea:focus {
  cursor: text;
}

select {
  background: var(--bg-card);
  color: var(--text-main);
  border: 1px solid var(--border-main);
}

select option {
  background: var(--bg-card);
  color: var(--text-main);
  padding: .5rem;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background: none;
}

::-webkit-scrollbar-thumb {
  background: #111;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #111;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}

@keyframes pulse-subtle {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .7;
    transform: scale(.98);
  }
}

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

  100% {
    transform: translateY(100%);
  }
}

.premium-card {
  background: var(--card-bg);
  -webkit-backdrop-filter: var(--glass);
  backdrop-filter: var(--glass);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-premium);
  transition: var(--transition);
  border: 1px solid #1a1a1a;
}

.premium-card:hover {
  border-color: var(--glass-border-bright);
  transform: translateY(-2px);
}

@keyframes pulse-ring {
  0% {
    opacity: .5;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}

.pulse-ring {
  animation: 1.5s infinite pulse-ring;
}

.btn-premium {
  transition: all .3s;
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
}

.btn-premium:before {
  content: "";
  background: linear-gradient(90deg, #0000, #fff3, #0000);
  width: 100%;
  height: 100%;
  transition: left .5s;
  position: absolute;
  top: 0;
  left: -100%;
}

.btn-premium:hover:before {
  left: 100%;
}

.btn-premium:active {
  transform: scale(.96);
}

.glass-panel {
  -webkit-backdrop-filter: blur(16px);
  background: #0a0a0aa6;
  border: 1px solid #ffffff0d;
  box-shadow: 0 4px 30px #00000080;
}

.glass-panel:hover {
  border-color: #ffffff26;
  box-shadow: 0 8px 32px #00f0ff1a;
}

/*# sourceMappingURL=src_app_globals_91e4631d.css.map*/