:root {
  --bg-dark: #040811;
  --panel-bg: rgba(9, 20, 38, 0.92);
  --neon-blue: #00F0FF;
  --neon-glow: 0 0 12px rgba(0, 240, 255, 0.35);
  --purple-shadow: #A855F7;
  --urgent-red: #FF2A54;
  --urgent-glow: 0 0 14px rgba(255, 42, 84, 0.45);
  --gold: #FFC800;
  --green: #00E676;
  --text-main: #E8F4FF;
  --text-muted: #8AB4F8;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Rajdhani', sans-serif;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

body {
  background: var(--bg-dark);
  color: var(--text-main);
  min-height: 100vh;
  min-height: 100dvh;
  padding: calc(118px + env(safe-area-inset-top)) 12px calc(95px + env(safe-area-inset-bottom)) 12px;
  overflow-x: hidden;
  line-height: 1.35;
}

body::before { content: ""; position: fixed; inset: 0; z-index: -1; background: radial-gradient(circle at 50% 0%, #0f2547 0%, var(--bg-dark) 75%); }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }

html { overscroll-behavior-y: contain; }
body { touch-action: manipulation; -webkit-touch-callout: none; }