/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/vendor/design-system/tokens/tokens.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
/* Atyx Design Tokens */
/* Extracted from atyx-prototype.html and homepage.html */

:root {
  /* ---- Colors ---- */
  --atyx-obsidian: #080A0D;
  --atyx-brand-navy: #0E1C2E;
  --atyx-gold: #C8A84B;
  --atyx-gold-light: #E2C96A;
  --atyx-ivory: #F0EBE0;
  --atyx-white: #FFFFFF;

  /* Greys */
  --atyx-g400: #6B8299;
  --atyx-g600: #3D566E;
  --atyx-g800: #1A2D3F;

  /* Semantic */
  --atyx-green: #5cb87a;
  --atyx-red: #d45454;
  --atyx-blue: #5488e8;
  --atyx-orange: #d4943c;
  --atyx-purple: #9b59b6;

  /* ---- Typography ---- */
  --atyx-font-serif: 'Cormorant Garamond', Georgia, serif;
  --atyx-font-sans: 'Outfit', system-ui, sans-serif;
  --atyx-font-mono: 'DM Mono', 'Courier New', monospace;

  /* ---- Spacing ---- */
  --atyx-space-xs: 4px;
  --atyx-space-sm: 8px;
  --atyx-space-md: 16px;
  --atyx-space-lg: 24px;
  --atyx-space-xl: 32px;
  --atyx-space-2xl: 48px;

  /* ---- Borders ---- */
  --atyx-radius-sm: 4px;
  --atyx-radius-md: 8px;
  --atyx-radius-lg: 12px;
  --atyx-radius-full: 9999px;

  --atyx-border-subtle: 1px solid rgba(200, 168, 75, 0.08);
  --atyx-border-default: 1px solid rgba(200, 168, 75, 0.12);
  --atyx-border-strong: 1px solid rgba(200, 168, 75, 0.25);

  /* ---- Shadows ---- */
  --atyx-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --atyx-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
  --atyx-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);

  /* ---- Backgrounds ---- */
  --atyx-bg-card: rgba(14, 28, 46, 0.35);
  --atyx-bg-card-hover: rgba(14, 28, 46, 0.55);
  --atyx-bg-overlay: rgba(8, 10, 13, 0.92);
  --atyx-bg-input: rgba(14, 28, 46, 0.4);

  /* ---- Transitions ---- */
  --atyx-transition-fast: 0.15s ease;
  --atyx-transition-normal: 0.2s ease;
  --atyx-transition-slow: 0.3s ease;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/vendor/design-system/components/styles.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
/* Atyx Component Styles */

/* ---- Card ---- */
.atyx-card {
  background: var(--atyx-bg-card);
  border: var(--atyx-border-subtle);
  border-radius: var(--atyx-radius-md);
  padding: var(--atyx-space-lg);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  transition: border-color var(--atyx-transition-normal);
}
.atyx-card:hover {
  border-color: rgba(200, 168, 75, 0.15);
}
.atyx-card--stat {
  text-align: center;
}

/* ---- Stat ---- */
.atyx-stat__label {
  font-family: var(--atyx-font-mono);
  font-size: 9px;
  color: var(--atyx-g400);
  text-transform: uppercase;
  letter-spacing: 0.15em;
}
.atyx-stat__value {
  font-family: var(--atyx-font-serif);
  font-size: 28px;
  font-weight: 300;
  color: var(--atyx-ivory);
  margin: 8px 0 4px;
  letter-spacing: -0.02em;
}
.atyx-stat__change {
  font-family: var(--atyx-font-mono);
  font-size: 10px;
}
.atyx-stat__change--up { color: var(--atyx-green); }
.atyx-stat__change--down { color: var(--atyx-red); }
.atyx-stat__change--neutral { color: var(--atyx-g400); }

/* ---- Badge ---- */
.atyx-badge {
  font-family: var(--atyx-font-mono);
  font-size: 9px;
  padding: 3px 8px;
  border-radius: 3px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.atyx-badge--success { background: rgba(92,184,122,0.15); color: var(--atyx-green); border: 1px solid rgba(92,184,122,0.3); }
.atyx-badge--warning { background: rgba(212,148,60,0.15); color: var(--atyx-orange); border: 1px solid rgba(212,148,60,0.3); }
.atyx-badge--error { background: rgba(212,84,84,0.15); color: var(--atyx-red); border: 1px solid rgba(212,84,84,0.3); }
.atyx-badge--info { background: rgba(84,136,232,0.15); color: var(--atyx-blue); border: 1px solid rgba(84,136,232,0.3); }
.atyx-badge--gold { background: rgba(200,168,75,0.15); color: var(--atyx-gold); border: 1px solid rgba(200,168,75,0.3); }

/* ---- Signal Card ---- */
.atyx-signal {
  background: var(--atyx-bg-card);
  border-radius: var(--atyx-radius-md);
  padding: var(--atyx-space-md);
  margin-bottom: var(--atyx-space-md);
  border-left: 2px solid var(--atyx-gold);
}
.atyx-signal--high { border-left-color: var(--atyx-red); }
.atyx-signal--medium { border-left-color: var(--atyx-orange); }
.atyx-signal--info { border-left-color: var(--atyx-blue); }
.atyx-signal__header {
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin-bottom: 8px;
}
.atyx-signal__title {
  font-family: var(--atyx-font-sans);
  font-size: 14px;
  font-weight: 400;
  color: var(--atyx-ivory);
}
.atyx-signal__body {
  font-size: 13px;
  color: var(--atyx-g400);
  line-height: 1.6;
  font-weight: 300;
}
.atyx-signal__meta {
  display: flex;
  gap: 16px;
  margin-top: 10px;
  font-family: var(--atyx-font-mono);
  font-size: 9px;
  color: var(--atyx-g600);
  letter-spacing: 0.08em;
}

/* ---- Briefing Card ---- */
.atyx-briefing {
  background: var(--atyx-bg-card);
  border: var(--atyx-border-subtle);
  border-radius: var(--atyx-radius-md);
  padding: var(--atyx-space-md);
  margin-bottom: var(--atyx-space-md);
}
.atyx-briefing__date {
  font-family: var(--atyx-font-mono);
  font-size: 10px;
  color: var(--atyx-gold);
  margin-bottom: 10px;
  letter-spacing: 0.1em;
}
.atyx-briefing__item {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 1.6;
  font-weight: 300;
  color: var(--atyx-ivory);
}
.atyx-briefing__bullet {
  color: var(--atyx-gold);
  flex-shrink: 0;
  font-size: 11px;
}

/* ---- Tabs ---- */
.atyx-tabs {
  display: flex;
  gap: 0;
  border-bottom: 1px solid rgba(200, 168, 75, 0.1);
  margin-bottom: var(--atyx-space-lg);
  overflow-x: auto;
}
.atyx-tab {
  padding: 10px 20px;
  cursor: pointer;
  font-family: var(--atyx-font-mono);
  font-size: 10px;
  color: var(--atyx-g400);
  border: none;
  border-bottom: 1px solid transparent;
  background: none;
  transition: all var(--atyx-transition-normal);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  white-space: nowrap;
}
.atyx-tab:hover { color: var(--atyx-ivory); }
.atyx-tab--active { color: var(--atyx-gold); border-bottom-color: var(--atyx-gold); }

/* ---- Table ---- */
.atyx-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  font-weight: 300;
}
.atyx-table th {
  text-align: left;
  padding: 10px 12px;
  color: var(--atyx-g400);
  font-family: var(--atyx-font-mono);
  font-weight: 400;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 0.15em;
  border-bottom: 1px solid rgba(200, 168, 75, 0.1);
}
.atyx-table td {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(200, 168, 75, 0.05);
  color: var(--atyx-ivory);
}
.atyx-table tr:hover td {
  background: rgba(200, 168, 75, 0.03);
}

/* ---- XIRR Badge ---- */
.atyx-xirr {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 4px;
  font-family: var(--atyx-font-mono);
  font-size: 10px;
  letter-spacing: 0.05em;
}
.atyx-xirr--positive {
  background: rgba(92,184,122,0.15);
  color: var(--atyx-green);
  border: 1px solid rgba(92,184,122,0.3);
}
.atyx-xirr--negative {
  background: rgba(212,84,84,0.15);
  color: var(--atyx-red);
  border: 1px solid rgba(212,84,84,0.3);
}

/* ---- Reconciliation Dot ---- */
.atyx-recon {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--atyx-font-mono);
  font-size: 9px;
  letter-spacing: 0.05em;
}
.atyx-recon__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.atyx-recon--confirmed .atyx-recon__dot { background: var(--atyx-green); }
.atyx-recon--inferred .atyx-recon__dot { background: var(--atyx-orange); }
.atyx-recon--conflict .atyx-recon__dot { background: var(--atyx-red); }

/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/globals.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
/* Atyx Onboarding — Global Styles */

:root {
  /* Background */
  --atyx-bg: var(--atyx-obsidian);
  
  /* Typography */
  --atyx-text-primary: var(--atyx-ivory);
  --atyx-text-secondary: var(--atyx-g400);
  
  /* Accent */
  --atyx-accent: var(--atyx-gold);
  
  /* Spacing */
  --atyx-space-xs: 0.25rem;
  --atyx-space-sm: 0.5rem;
  --atyx-space-md: 1rem;
  --atyx-space-lg: 1.5rem;
  --atyx-space-xl: 2rem;
  --atyx-space-2xl: 3rem;
}

/* Reset */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
  font-family: var(--atyx-font-sans);
  background: var(--atyx-bg);
  color: var(--atyx-text-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Grid overlay background */
.atyx-obsidian-bg {
  background-color: var(--atyx-bg);
  background-image:
    linear-gradient(rgba(200, 168, 75, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(200, 168, 75, 0.03) 1px, transparent 1px);
  background-size: 80px 80px;
}

/* Card styles */
.atyx-card {
  background: rgba(14, 28, 46, 0.6);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 1px solid rgba(200, 168, 75, 0.08);
  border-radius: 12px;
  padding: var(--atyx-space-xl);
}

/* Button styles */
.atyx-btn-primary {
  background: var(--atyx-accent);
  color: var(--atyx-bg);
  font-family: var(--atyx-font-sans);
  font-weight: 600;
  border: none;
  border-radius: 8px;
  padding: var(--atyx-space-md) var(--atyx-space-lg);
  cursor: pointer;
  width: 100%;
  transition: opacity 0.2s;
}

.atyx-btn-primary:hover {
  opacity: 0.9;
}

.atyx-btn-primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Input styles */
.atyx-input {
  background: rgba(14, 28, 46, 0.4);
  border: 1px solid rgba(200, 168, 75, 0.15);
  border-radius: 8px;
  padding: var(--atyx-space-md);
  color: var(--atyx-text-primary);
  font-family: var(--atyx-font-mono);
  font-size: 1.25rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
}

.atyx-input:focus {
  outline: none;
  border-color: var(--atyx-accent);
}

.atyx-input::placeholder {
  color: var(--atyx-text-secondary);
  text-transform: none;
  letter-spacing: normal;
  font-size: 1rem;
}

/* Typography */
.atyx-heading {
  font-family: var(--atyx-font-serif);
  font-size: 2rem;
  font-weight: 400;
  color: var(--atyx-text-primary);
}

.atyx-subheading {
  font-family: var(--atyx-font-sans);
  font-size: 1rem;
  color: var(--atyx-text-secondary);
}

/* Layout helpers */
.atyx-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: var(--atyx-space-xl);
}

.atyx-container {
  width: 100%;
  max-width: 400px;
}

/* Responsive */
@media (max-width: 768px) {
  .connect-grid {
    grid-template-columns: 1fr !important;
  }
}