*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:#f9fafb;color:#111827;line-height:1.5}.min-h-screen{min-height:100vh}.max-w-md{max-width:28rem;margin:0 auto}.max-w-6xl{max-width:72rem;margin:0 auto}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.p-4{padding:1rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.mb-8{margin-bottom:2rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mb-3{margin-bottom:.75rem}.mb-2{margin-bottom:.5rem}.mt-8{margin-top:2rem}.mt-6{margin-top:1.5rem}.mt-4{margin-top:1rem}.mr-2{margin-right:.5rem}.ml-2{margin-left:.5rem}.card{background:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);padding:1.5rem}.btn-primary{background-color:#2563eb;color:#fff;font-weight:500;padding:.75rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary:hover{background-color:#1d4ed8}.btn-primary:disabled{background-color:#d1d5db;cursor:not-allowed}.btn-secondary{background-color:#e5e7eb;color:#374151;font-weight:500;padding:.75rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s;font-size:1rem}.btn-secondary:hover{background-color:#d1d5db}.input-field{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1.125rem;transition:all .2s}.input-field:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.bg-gradient-blue{background:linear-gradient(to bottom right,#dbeafe,#e0e7ff)}.bg-gradient-green{background:linear-gradient(to bottom right,#ecfdf5,#d1fae5)}.grid{display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.gap-2{gap:.5rem}.gap-4{gap:1rem}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-2>*+*{margin-left:.5rem}.space-x-1>*+*{margin-left:.25rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-3>*+*{margin-top:.75rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-white{color:#fff}.text-gray-900{color:#111827}.text-gray-800{color:#1f2937}.text-gray-700{color:#374151}.text-gray-600{color:#4b5563}.text-gray-500{color:#6b7280}.text-gray-400{color:#9ca3af}.text-blue-600{color:#2563eb}.text-blue-700{color:#1d4ed8}.text-green-600{color:#059669}.text-green-800{color:#065f46}.text-red-600{color:#dc2626}.text-yellow-400{color:#fbbf24}.text-gray-300{color:#d1d5db}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-900{background-color:#111827}.bg-blue-600{background-color:#2563eb}.bg-green-600{background-color:#059669}.bg-red-50{background-color:#fef2f2}.bg-green-50{background-color:#ecfdf5}.border{border-width:1px}.border-2{border-width:2px}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-blue-300{border-color:#93c5fd}.border-red-200{border-color:#fecaca}.border-green-200{border-color:#bbf7d0}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.rounded-lg{border-radius:.5rem}.w-full{width:100%}.w-16{width:4rem}.w-8{width:2rem}.w-5{width:1.25rem}.w-4{width:1rem}.h-16{height:4rem}.h-8{height:2rem}.h-5{height:1.25rem}.h-4{height:1rem}.h-screen{height:100vh}.h-full{height:100%}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.transition-all{transition:all .2s}.transition-colors{transition:color .2s,background-color .2s}.transition-transform{transition:transform .2s}.transition-shadow{transition:box-shadow .2s}.scale-105{transform:scale(1.05)}.scale-110:hover{transform:scale(1.1)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.overflow-x-auto{overflow-x:auto}.relative{position:relative}.absolute{position:absolute}.inset-y-0{top:0;bottom:0}.left-0{left:0}.inline-block{display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.slot-button{min-height:48px;min-width:80px}.slot-button:disabled{opacity:.5}#qr-reader{max-width:100%}#qr-reader video{border-radius:.5rem}@media (min-width: 768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.hover\\:bg-blue-50:hover{background-color:#eff6ff}.hover\\:bg-blue-700:hover{background-color:#1d4ed8}.hover\\:bg-gray-300:hover{background-color:#d1d5db}.hover\\:border-blue-300:hover{border-color:#93c5fd}.hover\\:text-blue-700:hover{color:#1d4ed8}.hover\\:shadow-md:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}