*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#374151;background-color:#f9fafb}.min-h-screen{min-height:100vh}.dark .bg-gray-900{background-color:#111827}.py-8{padding-top:2rem;padding-bottom:2rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-4{margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.mb-1{margin-bottom:.25rem}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.md\:w-80{width:20rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-red-500{color:#ef4444}.text-green-600{color:#059669}.dark .text-green-400{color:#4ade80}.text-red-600{color:#dc2626}.dark .text-red-400{color:#f87171}.text-gray-600{color:#4b5563}.dark .text-gray-400{color:#9ca3af}.text-gray-900{color:#111827}.dark .text-white{color:#fff}.text-blue-50{color:#eff6ff}.text-blue-500{color:#3b82f6}.text-blue-600{color:#2563eb}.text-3xl{font-size:1.875rem}.text-2xl{font-size:1.5rem}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.space-x-3>*+*{margin-left:.75rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-4{gap:1rem}.gap-8{gap:2rem}.bg-white{background-color:#fff}.dark .bg-gray-800{background-color:#1f2937}.bg-gray-50{background-color:#f9fafb}.dark .bg-gray-700{background-color:#374151}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-gray-200{border-color:#e5e7eb}.dark .border-gray-700{border-color:#374151}.dark .border-gray-600{border-color:#4b5563}.p-8{padding:2rem}.p-6{padding:1.5rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.pl-12{padding-left:3rem}.pr-3{padding-right:.75rem}.mt-1{margin-top:.25rem}.mt-8{margin-top:2rem}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from: #3b82f6;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0))}.to-blue-600{--tw-gradient-to: #2563eb}.btn{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s;border:1px solid transparent}.btn-sm{padding:.375rem .75rem;font-size:.875rem}.btn-primary{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.btn-primary:hover{background-color:#2563eb;border-color:#2563eb}.btn-outline-primary{background-color:transparent;color:#3b82f6;border-color:#3b82f6}.btn-outline-primary:hover{background-color:#3b82f6;color:#fff}.btn-success{background-color:#059669;color:#fff;border-color:#059669}.btn-success:hover{background-color:#047857;border-color:#047857}.btn-success:disabled{background-color:#6b7280;border-color:#6b7280;cursor:not-allowed}.badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:.25rem;text-transform:uppercase;letter-spacing:.05em}.badge-outline-success{color:#059669;border:1px solid #059669;background-color:transparent}.badge-outline-danger{color:#dc2626;border:1px solid #dc2626;background-color:transparent}.badge-outline-warning{color:#d97706;border:1px solid #d97706;background-color:transparent}.badge-outline-info{color:#0891b2;border:1px solid #0891b2;background-color:transparent}.badge-outline-secondary{color:#6b7280;border:1px solid #6b7280;background-color:transparent}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.h-8{height:2rem}.w-8{width:2rem}.h-4{height:1rem}.w-4{width:1rem}.h-6{height:1.5rem}.w-6{width:1.5rem}.border-b-2{border-bottom-width:2px}.border-primary{border-color:#3b82f6}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.bg-black{background-color:#000}.bg-opacity-50{background-color:#00000080}.z-50{z-index:50}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-h-\[90vh\]{max-height:90vh}.mx-4{margin-left:1rem;margin-right:1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal-content{background:white;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:24rem;width:100%;overflow:hidden}.modal-header{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb}.modal-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s;border:1px solid transparent;width:100%;font-size:.875rem}.modal-btn-secondary{background-color:transparent;color:#4b5563;border-color:#d1d5db}.modal-btn-secondary:hover{background-color:#f9fafb}.modal-btn-option{display:flex;align-items:center;width:100%;padding:.75rem 1rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s}.modal-btn-option:hover{background-color:#f3f4f6;border-color:#3b82f6}.modal-btn-option:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6;border-color:#e5e7eb}.modal-btn-option:disabled:hover{background-color:#f3f4f6;border-color:#e5e7eb}.modal-btn-option svg{color:#4b5563}.modal-btn-option:disabled svg{color:#9ca3af}.modal-btn-option span{font-weight:500;color:#111827}.modal-btn-option:disabled span{color:#9ca3af}.modal-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:color .2s}.modal-close:hover{color:#4b5563}.amount-display{text-align:center;margin-bottom:1.5rem}.amount-label{font-size:.875rem;color:#6b7280;margin-bottom:.5rem;font-weight:500}.amount-value{font-size:1.875rem;font-weight:700;color:#111827}.payment-options{display:flex;flex-direction:column;gap:.75rem}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media (max-width: 768px){.md\:grid-cols-2,.md\:grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:w-80{width:100%}}@media print{.btn,.fixed{display:none!important}}.focus\:ring-2:focus{box-shadow:0 0 0 3px #3b82f61a}.focus\:ring-primary:focus{--tw-ring-color: #3b82f6}.focus\:border-primary:focus{border-color:#3b82f6}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:bg-gray-50:hover{background-color:#f9fafb}.dark .hover\:bg-gray-700:hover{background-color:#374151}.hover\:text-gray-600:hover{color:#4b5563}.dark .hover\:text-gray-300:hover{color:#d1d5db}.hover\:bg-green-700:hover{background-color:#047857}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.resize-none{resize:none}.capitalize{text-transform:capitalize}