/* ==========================================
   Общие стили приложения (общие для всех страниц)
   ========================================== */

:root {
  --glass-bg: rgba(255, 255, 255, 0.06);
  --glass-border: rgba(255, 255, 255, 0.10);
  --glass-blur: 20px;
  --accent: #6c5ce7;
  --accent-glow: rgba(108, 92, 231, 0.4);
  --text-primary: #f0f0f0;
  --text-secondary: rgba(255, 255, 255, 0.6);
  --nav-height: 64px;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  background: linear-gradient(145deg, #0b0b1a 0%, #1a1040 40%, #0d0d2b 100%);
  color: var(--text-primary);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  user-select: none;
  overflow: hidden;
  height: 100vh;
}

.container-fluid {
  padding: 0 !important;
  height: 100vh;
  max-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* Декоративные фоновые блобы */
.app-bg {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}
.app-bg::before,
.app-bg::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.15;
}
.app-bg::before {
  width: 300px; height: 300px;
  background: var(--accent);
  top: -60px; right: -80px;
}
.app-bg::after {
  width: 400px; height: 400px;
  background: #00cec9;
  bottom: -100px; left: -120px;
}

/* ГЛАВНЫЙ КОНТЕЙНЕР */
.app {
  position: relative;
  z-index: 1;
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100vh;
  max-height: 100vh;
}

/* СТЕКЛЯННЫЕ КАРТЫ */
.glass {
  background: var(--glass-bg);
  backdrop-filter: blur(var(--glass-blur));
  -webkit-backdrop-filter: blur(var(--glass-blur));
  border: 1px solid var(--glass-border);
  border-radius: 16px;
  padding: 20px;
}