/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[3].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[3].use[2]!./node_modules/next/font/local/target.css?{"path":"node_modules/geist/dist/sans.js","import":"","arguments":[{"src":"./fonts/geist-sans/Geist-Variable.woff2","variable":"--font-geist-sans","weight":"100 900"}],"variableName":"GeistSans"} ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: '__GeistSans_245d8d';
src: url(/_next/static/media/27834908180db20f-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 100 900;
}@font-face {font-family: '__GeistSans_Fallback_245d8d';src: local("Arial");ascent-override: 94.56%;descent-override: 27.76%;line-gap-override: 0.00%;size-adjust: 106.28%
}.__className_245d8d {font-family: '__GeistSans_245d8d', '__GeistSans_Fallback_245d8d'
}.__variable_245d8d {--font-geist-sans: '__GeistSans_245d8d', '__GeistSans_Fallback_245d8d'
}

/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'Conthrax';
  src: url('/fonts/Conthrax.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --font: var(--font-geist-sans), 'Segoe UI', sans-serif;

  --gray-400: rgba(255,255,255,0.25);
  --gray-500: rgba(255,255,255,0.4);
  --gray-600: rgba(255,255,255,0.5);
  --gray-700: rgba(255,255,255,0.65);
  --gray-800: rgba(255,255,255,0.8);
  --gray-900: #ffffff;

  --primary:       #6366f1;
  --primary-dark:  #4f46e5;
  --primary-light: rgba(99,102,241,0.15);

  --surface:        rgba(255,255,255,0.04);
  --surface-2:      #06070f;
  --border:         rgba(255,255,255,0.09);

  --sidebar-bg:     #0f1117;
  --sidebar-border: #1e2131;
  --sidebar-hover:  #1a1d2e;
  --sidebar-active: #1e2131;

  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
}

html, body {
  height: 100%;
  font-family: var(--font);
  background: var(--surface-2);
  color: var(--gray-900);
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.015em;
}

button {
  font-family: var(--font);
}

input, textarea, select {
  font-family: var(--font);
}

select {
  background-color: #0f1117;
  color: #fff;
}

select option {
  background-color: #0f1117;
  color: #fff;
}

input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  filter: invert(1) opacity(0.4);
}

input[type="checkbox"] {
  accent-color: #6366f1;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes notifPulse {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(248,113,113,0.5); }
  50%       { transform: scale(1.3); box-shadow: 0 0 0 5px rgba(248,113,113,0); }
}

.notif-dot {
  animation: notifPulse 2.4s ease-in-out infinite;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgba(99, 102, 241, 0.25);
  border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(99, 102, 241, 0.5);
}

::-webkit-scrollbar-corner {
  background: transparent;
}

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(99, 102, 241, 0.25) transparent;
}