/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@15.1.6_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/.pnpm/next@15.1.6_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./app/globals.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg-base:      #0d0d12;
  --bg-surface:   #13131a;
  --bg-card:      #1a1a24;
  --bg-hover:     #1f1f2e;
  --border:       #2a2a3d;
  --border-light: #323248;

  --text-primary:   #f0f0f8;
  --text-secondary: #8888a8;
  --text-muted:     #55556a;

  --accent:        #6c63ff;
  --accent-hover:  #7c74ff;
  --accent-dim:    rgba(108,99,255,0.15);

  --green:  #22c55e;
  --green-dim: rgba(34,197,94,0.15);
  --red:    #ef4444;
  --red-dim: rgba(239,68,68,0.15);
  --yellow: #f59e0b;
  --yellow-dim: rgba(245,158,11,0.15);
  --blue:   #3b82f6;
  --blue-dim: rgba(59,130,246,0.15);
  --purple: #a855f7;
  --purple-dim: rgba(168,85,247,0.15);
  --cyan:   #06b6d4;
  --cyan-dim: rgba(6,182,212,0.15);
}

html, body { height: 100%; }

body {
  background: var(--bg-base);
  color: var(--text-primary);
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }
button { cursor: pointer; font-family: inherit; }
input, textarea, select {
  font-family: inherit;
  background: var(--bg-card);
  color: var(--text-primary);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 14px;
  outline: none;
  transition: border-color 0.15s;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-dim);
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border-light); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--text-muted); }