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

:root {
  --bg: #0d0d0f;
  --surface: #16161a;
  --border: #2a2a32;
  --text: #e8e8f0;
  --text-muted: #6b6b80;
  --accent: #5b8af0;
  --accent-hover: #7aa2f7;
  --danger: #f05b5b;
  --success: #5bf0a0;
  --warning: #f0c05b;
  --font: 'Inter', system-ui, -apple-system, sans-serif;
}

html, body { height: 100%; }

body {
  font-family: var(--font);
  background: var(--bg);
  color: var(--text);
  font-size: 14px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--accent); text-decoration: none; }
a:hover { color: var(--accent-hover); }

button {
  font-family: var(--font);
  cursor: pointer;
  border: none;
  outline: none;
  transition: all 0.15s ease;
}

/* Global overrides to prevent unreadable dark-theme select components */
select {
  font-family: var(--font);
  background-color: #111827 !important; /* Dark Grey (#111827) */
  color: #f9fafb !important;            /* Off-White (#f9fafb) */
  border: 1px solid #374151 !important; /* Dark Border (#374151) */
  border-radius: 6px;
  padding: 8px 12px;
  outline: none;
  appearance: none !important;          /* Strip native OS styles */
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f9fafb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 14px !important;
  padding-right: 36px !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

select:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 2px rgba(91, 138, 240, 0.25) !important;
}

/* Target native select options globally to guarantee contrast on all desktop browsers */
select option {
  background-color: #111827 !important; /* Force dark background */
  color: #f9fafb !important;            /* Force visible text */
  padding: 10px 14px !important;
}

select option:hover, select option:focus, select option:checked {
  background-color: #1f2937 !important; /* Dark Highlight Hover (#1f2937) */
  color: #f9fafb !important;
}

/* Scrollbar customization for modern sleek administrative look */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: var(--bg);
}
::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--text-muted);
}