/* Minimal styles layered with Tailwind Play CDN. No @apply to keep it simple. */

.input{
  width:100%;
  border:1px solid #e5e7eb;
  background:#fff;
  padding:0.5rem 0.75rem;
  border-radius:0.5rem;
  font-size:0.875rem;
  outline:none;
}
.input:focus{ box-shadow:0 0 0 3px rgba(99,102,241,.2); }

.btn{
  border:1px solid #e5e7eb;
  background:#fff;
  padding:0.5rem 0.75rem;
  border-radius:0.5rem;
  font-size:0.875rem;
}
.btn:hover{ background:#f8fafc; }

.btn-primary{
  background:#4f46e5;
  color:#fff;
  padding:0.5rem 1rem;
  border-radius:0.5rem;
  font-size:0.875rem;
  border:0;
}
.btn-primary:hover{ background:#4338ca; }

.btn-green{
  background:#059669;
  color:#fff;
  padding:0.5rem 0.75rem;
  border-radius:0.5rem;
  font-size:0.875rem;
  border:0;
}
.btn-green:hover{ background:#047857; }

.card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:1rem;
  padding:1rem;
}
.card-title{ font-weight:600;margin-bottom:.75rem; }
.muted{ font-size:.75rem;color:#64748b; }
.stat{ font-size:1.5rem;font-weight:600;margin-top:.25rem; }

.nav-item{
  display:block;
  padding:.5rem .75rem;
  border-radius:.5rem;
  font-size:.875rem;
  color:#334155;
}
.nav-item:hover{ background:#f1f5f9; }
.nav-item.active{ background:#f1f5f9; font-weight:600; }

.modal{ border:none; padding:0; }
.modal::backdrop{ background: rgba(2,6,23,.45); }
.modal-box{ background:#fff; border-radius:.75rem; padding:1.5rem; width:36rem; max-width:92vw; }

.check{ display:inline-flex; align-items:center; gap:.5rem; font-size:.875rem; margin-right:1rem; }