/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
* { box-sizing: border-box; }
body { margin: 0; font-family: Inter, system-ui, sans-serif; background: #0b1020; color: #e8ecff; }
.container { max-width: 1200px; margin: 0 auto; padding: 20px; }
.grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); grid-gap: 12px; gap: 12px; }
.card { background: #121933; border: 1px solid #24305e; border-radius: 14px; padding: 16px; }
.tableWrap { background: #121933; border: 1px solid #24305e; border-radius: 14px; overflow: auto; }
.table { width: 100%; border-collapse: collapse; min-width: 760px; }
.table th, .table td { text-align: left; padding: 12px; border-top: 1px solid #24305e; }
.table thead th { border-top: none; }
.btn { background: #2f5bff; color: white; border: 0; border-radius: 10px; padding: 8px 12px; cursor: pointer; font-size: 12px; }
.badge { padding: 4px 8px; border-radius: 999px; font-size: 12px; font-weight: 600; }
.badge.active { background: #15351f; color: #6ee7a8; }
.badge.idle { background: #2a2d38; color: #b8c1d9; }
.modalBackdrop { position: fixed; inset: 0; background: rgba(0,0,0,.45); display: grid; place-items: center; padding: 16px; }
.modal { width: min(700px, 100%); background: #111a33; border: 1px solid #2a3a72; border-radius: 14px; padding: 18px; }
.muted { opacity: .75; font-size: 13px; }
@media (max-width: 1024px) { .grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 640px) {
  .container { padding: 14px; }
  .grid { grid-template-columns: 1fr; }
  h1 { font-size: 22px; }
}