:root {
  --primary: #0b132b;
  --primary-light: #1c2541;
  --secondary: #e11d48;
  --secondary-hover: #be123c;
  --bg: #f8fafc;
  --card-bg: #ffffff;
  --accent: #e11d48;
  --success: #10b981;
  --success-bg: #ecfdf5;
  --info: #0288d1;
  --info-bg: #f0f9ff;
  --warning: #f59e0b;
  --warning-bg: #fffbeb;
  --sales: #10b981;
  --quiz: #8b5cf6;
  --text-dark: #0f172a;
  --text-muted: #64748b;
  --text-light: #94a3b8;
  --corp-gray: #94a3b8;
  --border-color: #e2e8f0;
  --border-color-hover: #cbd5e1;
  --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px -1px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 10px 25px -5px rgba(15, 23, 42, 0.08), 0 8px 10px -6px rgba(15, 23, 42, 0.04);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --font-main: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* --- APP PRELOADER --- */
#app-preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0b132b;
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.5s ease-out;
}

.preloader-content {
  text-align: center;
}

.preloader-icon {
  font-size: 3rem;
  color: var(--secondary);
  animation: pulse 1.5s infinite;
}

.preloader-text {
  margin-top: 15px;
  color: #fff;
  font-family: var(--font-main);
  font-weight: 600;
  letter-spacing: 0.5px;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--font-main);
  background-color: var(--bg);
  color: var(--text-dark);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Smooth Card Hover Transitions */
.card, .bento-card, .dashboard-card, .content-card, .home-bento-card {
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.25s ease !important;
}

.card:hover, .bento-card:hover, .dashboard-card:hover, .content-card:hover, .home-bento-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-lg) !important;
  border-color: var(--border-color-hover) !important;
}


/* IP Sorgu Kartı */

.ip-input-group { display: flex; gap: 10px; margin-bottom: 15px; }
.ip-input-group input { flex: 1; padding: 10px; border-radius: 8px; border: 1px solid #ddd; font-size: 0.9rem; outline: none; transition: 0.2s; }
.ip-input-group input:focus { border-color: var(--primary); box-shadow: 0 0 0 2px rgba(14,27,66,0.1); }
.ip-result { display: none; padding: 12px; background: #fff; border-radius: 8px; border: 1px solid #efefef; font-size: 0.85rem; color: #334155; line-height: 1.6; }