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

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
    Ubuntu, Cantarell, sans-serif;
  background: #0f172a;
  color: #e2e8f0;
}

/* ── Sidebar: Desktop behavior ─────────────────────────────── */

.sidebar-desktop {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 220px;
  background: #1e293b;
  border-right: 1px solid #334155;
  z-index: 99;
  display: flex;
  flex-direction: column;
  padding: 16px 12px;
  transition: transform 0.3s ease, width 0.3s ease;
}

@media (min-width: 769px) {
  .sidebar-desktop {
    transform: translateX(0);
  }
  .sidebar-collapsed {
    width: 60px;
    padding: 16px 8px;
  }
}

@media (max-width: 768px) {
  .sidebar-desktop {
    transform: translateX(-100%);
  }
  .sidebar-desktop.sidebar-mobile-open {
    transform: translateX(0);
  }
}

/* ── Sidebar toggle button ── */
.sidebar-toggle-desktop {
  display: flex !important;
}

@media (max-width: 768px) {
  .sidebar-toggle-desktop {
    display: none !important;
  }
}

/* ── Mobile hamburger ── */
.mobile-hamburger {
  display: none !important;
}

@media (max-width: 768px) {
  .mobile-hamburger {
    display: inline-flex !important;
  }
}

/* ── Tables: desktop table, mobile cards ── */
.table-desktop {
  display: block;
}
.table-mobile {
  display: none;
}

@media (max-width: 768px) {
  .table-desktop {
    display: none !important;
  }
  .table-mobile {
    display: block !important;
  }
}

/* ── Card hover accent (Prime) ── */
.card-hover {
  position: relative;
  transition: box-shadow 0.2s ease, transform 0.15s ease;
}

.card-hover::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 24px;
  right: 24px;
  height: 2px;
  background: linear-gradient(90deg,
    transparent, #3b82f6 10%, #22c55e 50%, #f59e0b 90%, transparent
  );
  border-radius: 2px;
}

.card-hover:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
}

/* ── Loading spinner ── */
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* ── Scrollbars ── */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: #0f172a;
}
::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #475569;
}

/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/