[v-cloak] { display: none; }

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

.modal-box {
  box-shadow: 0 20px 40px -10px rgba(0,0,0,0.1) !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  padding: 0;
}

@media (max-width: 640px) {
  .modal-box {
    max-height: 92vh !important;
    height: 92vh !important;
    border-radius: 16px !important;
  }
}

.btn {
  border-radius: 10px !important;
  text-transform: none !important;
  font-weight: 500;
  box-shadow: none !important;
}

.input, .select {
  border-radius: 10px !important;
  box-shadow: none !important;
  border-color: #e2e8f0 !important;
  background: #f8fafc;
}

.input:focus, .select:focus {
  border-color: #0ea5e9 !important;
  outline: none;
  box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.15) !important;
}