@tailwind base;@tailwind components;@tailwind utilities;body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.registration-container{background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.6;min-height:100vh;padding:1rem}.import-file-wrapper{display:flex;gap:12px;margin-bottom:12px}.registration-logo{margin-left:12px;vertical-align:middle}@media (max-width:768px){.registration-logo{height:100px;max-width:180px}}.download-btn,.import-file-label{align-items:center;background-color:#eaf3ff;border-radius:8px;box-shadow:0 2px 6px #00000014;color:#1976d2;cursor:pointer;display:inline-flex;font-weight:600;gap:6px;padding:10px 16px;text-decoration:none;transition:all .25s ease}.download-btn:hover,.import-file-label:hover{background-color:#d7e9ff;box-shadow:0 4px 10px #0000001f}#import-file{display:none}.registration-wrapper{margin:0 auto;max-width:70%}.input-error{background:#fff6f6;border:2px solid #e74c3c!important}.input-success{background:#f0fdf4;border:2px solid #10b981!important;transition:border-color .2s,background .2s}.registration-header{margin-bottom:2rem;padding:1.5rem;text-align:center}.registration-title{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 1px 2px #0000001a}.registration-subtitle{font-size:1.25rem;font-weight:700;margin-bottom:24px;text-align:center}.registration-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 25px #00000014;padding:2rem;position:relative}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.error-message:before{content:"⚠️";font-size:1.2rem}.form-section{margin-bottom:2.5rem}.section-title{align-items:center;border-bottom:2px solid #f1f5f9;color:#334155;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.service-grid{grid-gap:1.5rem;align-items:end;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr}@media (max-width:768px){.form-grid,.service-grid{grid-template-columns:1fr}.registration-form{padding:1.5rem}.registration-title{font-size:1.75rem}}.form-group{display:flex;flex-direction:column}.form-label{align-items:center;color:#475569;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;margin-bottom:.5rem}.required{color:#dc2626;font-weight:600}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input:hover:not(:focus):not(.readonly),.form-select:hover:not(:focus),.form-textarea:hover:not(:focus){border-color:#cbd5e1}.form-input.readonly{background:#f8fafc;border-color:#e2e8f0;color:#64748b;cursor:not-allowed}.form-textarea{min-height:80px;resize:vertical}.price-display{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #dbeafe;border-radius:8px;color:#1d4ed8;display:flex;font-size:1rem;font-weight:600;justify-content:center;padding:.75rem;text-align:center}.participants-list{display:flex;flex-direction:column;gap:1rem}.participant-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;gap:1rem;padding:1.25rem;transition:all .2s ease}.participant-item:hover{background:#f1f5f9;border-color:#cbd5e1}.participant-number{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;box-shadow:0 2px 4px #3b82f633;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;width:2rem}.participant-input{flex:1 1;margin:0}.remove-btn{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.remove-btn:hover{background:#b91c1c;box-shadow:0 4px 8px #dc262633;transform:translateY(-1px)}.add-participant-btn{align-self:flex-start;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 4px #10b98133;color:#fff;cursor:pointer;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.add-participant-btn:hover{box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.summary-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;margin:2rem 0;padding:2rem}.summary-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:1.5rem}.summary-item{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1rem;text-align:center}.summary-value{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.summary-value:first-child{color:#059669}.summary-value.price{color:#3b82f6}.summary-value.total{color:#dc2626}.summary-label{color:#64748b;font-size:.875rem;font-weight:500}.submit-section{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:2rem;text-align:center}.submit-btn{background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:10px;box-shadow:0 4px 12px #0596694d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 8px 20px #05966966;transform:translateY(-2px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-content{align-items:center;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;gap:1rem;min-width:200px;padding:2rem;text-align:center}.spinner{border:4px solid #e2e8f0;border-top-color:#3b82f6;height:40px;width:40px}.loading-content span{color:#475569;font-size:1rem;font-weight:500}@media (max-width:480px){.registration-container{padding:.5rem}.registration-form{padding:1rem}.participant-item{align-items:stretch;flex-direction:column;gap:.75rem;padding:1rem}.participant-number{align-self:flex-start}.summary-grid{gap:1rem;grid-template-columns:1fr}.submit-btn{padding:1rem;width:100%}.registration-wrapper{max-width:100%}}.form-input:invalid:not(:focus):not(:placeholder-shown){background:#fef2f2;border-color:#dc2626}.form-input:valid:not(:focus):not(:placeholder-shown){border-color:#10b981}.registration-form>*{animation:fadeInUp .3s ease-out}.spinner-overlay{align-items:center;background:#fff9;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:3000}.form-note{color:#d9534f;display:block;font-size:12px;margin-top:4px}.spinner{border:6px solid #e0e0e0;border-top-color:#009688;height:48px;width:48px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group{margin:20px 0}.terms-label{align-items:flex-start;color:#333;cursor:pointer;display:flex;font-size:15px;gap:12px;line-height:1.6}.terms-checkbox{accent-color:#007bff;border-radius:3px;cursor:pointer;height:20px;margin-top:2px;width:20px}.terms-link{color:#007bff;font-weight:500;text-decoration:none;transition:color .2s ease}.terms-link:hover{color:#0056b3;text-decoration:underline}.terms-required{color:#dc3545;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;bottom:0;right:0;z-index:1000}.modal-content{animation:modalFadeIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:600px;overflow:hidden;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-content h2{border-bottom:1px solid #eee;color:#333;font-size:20px;font-weight:600;margin:0;padding:24px 24px 16px}.modal-text{color:#555;flex:1 1;font-size:14px;line-height:1.7;overflow-y:auto;padding:20px 24px}.modal-text::-webkit-scrollbar{width:6px}.modal-text::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-text::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.modal-text::-webkit-scrollbar-thumb:hover{background:#999}.modal-text p{margin:0 0 16px}.modal-text p:last-child{margin-bottom:0}.modal-close{background:#0000;color:#007bff;font-size:16px;font-weight:500;padding:16px 20px;right:0;top:0;transition:color .2s;z-index:10}.modal-close:hover{background:#f5f5f5;color:#0056b3}.modal-close:active{transform:translateY(1px)}body{background-color:#f3fdf5;color:#2e3d30;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.search-toggle-btn{background-color:#2e7d32;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:10px 12px;position:fixed;right:20px;top:20px;transition:background-color .3s ease;z-index:1000}.search-toggle-btn:hover{background-color:#1b5e20}.language-switcher-fixed{left:16px;position:fixed;top:16px;z-index:2000}.search-form{grid-gap:1rem;background-color:#fffc;border:2px dashed #a5d6a7;border-radius:10px;box-shadow:0 0 10px #2e7d3233;display:grid;gap:1rem;margin:0 auto;max-width:700px;padding:1.5rem}.search-form input{background-color:#f5fff6;border:1px solid #c8e6c9;border-radius:8px;font-size:1rem;padding:10px;transition:border .3s ease;width:100%}.search-form input:focus{border-color:#66bb6a;outline:none}.search-form button{align-items:center;background-color:#2e7d32;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:8px;justify-content:center;padding:10px 14px;transition:background-color .3s ease}.search-form button:hover{background-color:#1b5e20}label{font-weight:600;margin-bottom:12px}input,label{display:block}input{margin-top:4px;padding:6px;width:100%}.search-results{background-color:#e8f5e9;border-radius:10px;box-shadow:0 0 10px #4caf501a;margin-top:2rem;padding:1rem}.search-result-item{background-color:#fff;border:1px solid #a5d6a7;border-radius:10px;margin-bottom:1.5rem;padding:1rem;transition:transform .2s ease}.search-result-item strong{color:#2e7d32}.search-result-item a{color:#42a5f5;text-decoration:underline}.success{color:#388e3c}.fail,.success{font-weight:700}.fail{color:#c62828}.pending{color:#f9a825;font-weight:700}.error-message{color:#d32f2f;font-weight:700}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-content{background-color:#fff;border-radius:8px;max-width:500px;padding:2rem;position:relative;width:100%}.modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:20px;height:24px;line-height:1;padding:0;position:absolute;right:12px;text-align:center;top:8px;width:24px}.modal-close:hover{color:#000}.search-button-wrapper{background-color:#f1f8f4;border:2px dashed #a5d6a7;border-radius:12px;box-shadow:0 0 10px #4caf501a;display:flex;justify-content:center;margin-top:1rem;padding:1rem}.search-button-wrapper button{align-items:center;background-color:#2e7d32;border:none;border-radius:10px;box-shadow:0 4px 10px #4caf5033;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:8px;min-width:150px;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.search-button-wrapper button:hover{background-color:#1b5e20;transform:translateY(-2px)}.search-button-wrapper button:disabled{background-color:#a5d6a7;cursor:not-allowed}.search-icon{font-size:1.1rem}.overlay-loading{align-items:center;background-color:#ffffffb3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.spinner-large{animation:spin 1s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#42a5f5;height:64px;width:64px}@media (max-width:768px){.search-form{grid-template-columns:1fr}.search-form button,.search-form input,.search-result-item{font-size:.9rem}.search-toggle-btn{font-size:.9rem;height:36px;padding:6px;right:15px;top:15px;width:36px}.modal-close{font-size:16px;height:20px;right:10px;top:6px;width:20px}.modal-content{max-width:90%;padding:1.2rem}}.language-switcher{display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.language-trigger{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #0000001a;border-radius:6px;box-shadow:0 1px 3px #0000001a;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;min-width:100px;padding:6px 10px;transition:all .2s ease}.language-trigger:hover{background:#fffffff2;border-color:#00000026;box-shadow:0 2px 6px #00000026}.language-trigger:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.flag{font-size:14px;line-height:1}.language-name{flex:1 1;text-align:left;white-space:nowrap}.dropdown-arrow{opacity:.7;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.language-dropdown{animation:dropdownFadeIn .15s ease-out;background:#fff;border:1px solid #0000001a;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.language-option{align-items:center;background:#fff;border:none;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px;text-align:left;transition:background-color .2s ease;width:100%}.language-option:hover{background:#f8fafc}.language-option.active{background:#eff6ff;color:#2563eb;font-weight:600}.language-option.active:hover{background:#dbeafe}.language-switcher.dark .language-trigger{background:#1f2937e6;border-color:#ffffff1a;color:#f9fafb}.language-switcher.dark .language-trigger:hover{background:#1f2937f2;border-color:#fff3}.language-switcher.dark .language-dropdown{background:#1f2937;border-color:#ffffff1a}.language-switcher.dark .language-option{background:#1f2937;color:#f9fafb}.language-switcher.dark .language-option:hover{background:#374151}.language-switcher.dark .language-option.active{background:#3b82f633;color:#60a5fa}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.language-trigger{font-size:12px;min-width:90px;padding:5px 8px}.language-option{font-size:12px;padding:7px 10px}}.step-progress-container{background:#0000;margin:20px 0;padding:40px 20px;position:relative;width:100%}.step-progress-wrapper{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:800px;position:relative}.step-progress-line{background:#e5e7eb;right:50px;z-index:1}.step-progress-line,.step-progress-line-fill{height:2px;left:50px;position:absolute;top:50%;transform:translateY(-50%)}.step-progress-line-fill{background:#00a19d;transition:width .5s ease;z-index:2}.step-item{flex:1 1;flex-direction:column;max-width:120px;z-index:3}.step-circle,.step-item{align-items:center;display:flex;position:relative}.step-circle{background:#fff;border:2px solid #d1d5db;border-radius:50%;color:#9ca3af;font-size:14px;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.step-circle.pending{background:#fff;border-color:#d1d5db;color:#9ca3af}.step-circle.active{background:#fff;border-color:#00a19d;color:#00a19d}.step-circle.completed{background:#fff;border-color:#10b981;color:#10b981}.step-label{font-size:13px;font-weight:500;line-height:1.4;margin-top:8px;max-width:100px;text-align:center;transition:all .3s ease}.step-label.pending{color:#9ca3af}.step-label.active{color:#00a19d;font-weight:600}.step-label.completed{color:#10b981;font-weight:600}@media (max-width:768px){.step-progress-container{margin:15px 10px;padding:30px 15px}.step-progress-line,.step-progress-line-fill{left:30px;right:30px}.step-circle{font-size:13px;height:36px;width:36px}.step-label{font-size:12px;margin-top:6px;max-width:80px}}@media (max-width:480px){.step-progress-container{padding:25px 10px}.step-progress-line,.step-progress-line-fill{left:25px;right:25px}.step-circle{font-size:12px;height:32px;width:32px}.step-label{font-size:11px;max-width:70px}}body{background-color:#f5f8fa;font-family:Segoe UI,Roboto,sans-serif;margin:0;padding:0}.hio-form-container{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;display:block;margin:40px auto;max-width:1200px;padding:48px 40px}.hio-form-container h2{border-bottom:2px solid #e8f5e9;color:#3b9a5e;font-size:24px;font-weight:700;margin-bottom:25px;padding-bottom:15px;text-align:center}.hio-form-container h5{align-items:center;color:#2e7d32;display:flex;font-size:15px;font-weight:600;margin-bottom:8px;margin-top:20px}.hio-form-container h5 .icon{font-size:18px;margin-right:8px}.hio-form-container input[type=email],.hio-form-container input[type=file],.hio-form-container input[type=text]{background-color:#f9fcfa;border:1.5px solid #d0e8d5;border-radius:12px;font-size:18px;outline:none;padding:18px 20px;transition:all .3s ease;width:100%}.hio-form-container input:focus{background-color:#fff;border-color:#3b9a5e;box-shadow:0 0 0 3px #3b9a5e33}.form-row{grid-gap:32px;display:grid;gap:32px;margin-bottom:0}.form-row-2{grid-template-columns:1fr 1fr;margin-bottom:32px}.form-row-3{grid-template-columns:1fr 1fr 1fr;margin-bottom:32px}.photo-section-row{display:flex;gap:20px;margin-bottom:20px;margin-top:25px}.photo-section-row .photo-card{flex:1 1;min-width:0}.photo-card{background-color:#f9fcfa;border:1px solid #e0f2e9;border-radius:12px;box-shadow:0 2px 10px #3b9a5e0d;display:flex;flex-direction:column;margin-bottom:0;padding:16px}.photo-card-header{align-items:center;display:flex;margin-bottom:12px}.photo-card-number{align-items:center;background-color:#3b9a5e;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;margin-right:10px;width:24px}.photo-card-title{color:#2e7d32;flex:1 1;font-size:14px;font-weight:600}.photo-content{flex-wrap:wrap;gap:15px}.photo-content,.photo-example{align-items:stretch;display:flex}.photo-example{flex:1 1;min-width:220px}.photo-example img{border:1px solid #d0e8d5;border-radius:8px;height:100%;min-height:240px;object-fit:cover;width:100%}.photo-upload{flex:1 1;flex-direction:column;justify-content:stretch;min-width:220px}.photo-preview,.photo-upload{align-items:center;display:flex}.photo-preview{background-color:#e8f5e9;border:1px dashed #3b9a5e;border-radius:8px;height:240px;justify-content:center;margin-bottom:10px;overflow:hidden;width:100%}.photo-preview img{height:100%;object-fit:cover;width:100%}.photo-preview .placeholder{color:#3b9a5e;font-size:40px}.capture-button{align-items:center;background-color:#3b9a5e;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease;width:100%}.capture-button:hover{background-color:#2e7d32;transform:translateY(-2px)}.capture-button:active{transform:translateY(0)}.camera-icon{font-size:16px}.form-buttons{display:flex;justify-content:center;margin-top:30px}.form-buttons button[type=submit]{align-items:center;background-color:#3b9a5e;border:none;border-radius:10px;box-shadow:0 4px 12px #3b9a5e33;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 30px;text-align:center;transition:all .3s ease;width:100%}.form-buttons button[type=submit]:hover{background-color:#2e7d32;box-shadow:0 6px 14px #3b9a5e4d;transform:translateY(-2px)}.form-buttons button[type=submit]:active{transform:translateY(0)}.overlay{align-items:center;background:#fffffff2;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.spinner-big{animation:spin 1s linear infinite;border:4px solid #e0f2e9;border-radius:50%;border-top-color:#3b9a5e;height:50px;margin-bottom:16px;width:50px}.loading-text{color:#2e7d32;max-width:80%;text-align:center}.input-valid{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%234caf50' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");border-color:#4caf50!important}.input-invalid,.input-valid{background-position:right 10px center;background-repeat:no-repeat;background-size:20px;padding-right:40px!important}.input-invalid{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23f44336' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");border-color:#f44336!important}@media screen and (max-width:1200px){.hio-form-container{max-width:98vw;padding:24px 8px}.form-row-2,.form-row-3{gap:16px}}@media screen and (max-width:900px){.form-row-2,.form-row-3{gap:16px;grid-template-columns:1fr}.photo-section-row{flex-direction:column;gap:16px}}@media screen and (max-width:600px){.hio-form-container{border-radius:12px;margin:10px;padding:16px}.photo-content{flex-direction:column}.photo-preview{height:160px}}body{background-color:#f8f9fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:20px}.c-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto 20px;max-width:70%;overflow:hidden;width:100%}@media (max-width:900px){.c-container{border-radius:0;box-shadow:none;margin:0;max-width:100%!important;min-width:0;padding:0;width:100vw}}.headerc{background:linear-gradient(135deg,#81e6d9,#4fd1c7,#319795);color:#fff;padding:32px 24px;position:relative;text-align:center}.headerc:before{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.header-contentc{position:relative;z-index:1}.headerc h1{font-size:28px;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px #0000004d}.order-status{margin-top:16px}.status-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffc107e6;border:1px solid #ffc1074d;border-radius:25px;color:#856404;display:inline-block;font-weight:600;padding:8px 20px}.c-content{max-width:100%;padding:40px 32px;width:100%}.section{background:#fafbfc;border:1px solid #e9ecef;border-radius:12px;margin-bottom:40px;padding:24px}.section-title{border-bottom:3px solid #3498db;color:#2c3e50;font-size:20px;font-weight:700;margin-bottom:24px;padding-bottom:12px;position:relative}.section-title:after{background:#e74c3c;bottom:-3px;content:"";height:3px;left:0;position:absolute;width:60px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:0}.info-itemc:nth-child(3){grid-column:1/span 2}.info-itemc{background:#fff;border:1px solid #dee2e6;border-radius:10px;box-shadow:0 2px 8px #0000000d;padding:24px 28px;transition:all .3s ease}.info-itemc:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.info-labelc{color:#6c757d;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.info-valuec{color:#2c3e50;font-size:16px;font-weight:600}.total-fee{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #f39c12;overflow:hidden;position:relative}.total-fee:before{animation:shimmer 2s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.total-fee .info-valuec{color:#d68910;font-size:20px;font-weight:700;position:relative;z-index:1}.participants-section{background:#fff;border:1px solid #dee2e6;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.table-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6;padding:20px 24px}.table-header h3{color:#2c3e50;font-size:18px;font-weight:700;margin:0}table{border-collapse:collapse;width:100%}th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#2c3e50;font-size:14px;font-weight:700;letter-spacing:.5px;text-align:left;text-transform:uppercase}td,th{padding:16px 20px}td{border-bottom:1px solid #f1f3f4;color:#495057;font-weight:500}tr:last-child td{border-bottom:none}tbody tr:hover{background-color:#f8f9fa;transition:background-color .2s ease}.btn-container{border-top:2px solid #e9ecef;margin-top:40px;padding-top:32px;text-align:center}.btn{border:2px solid #2c3e50;border-radius:50px;display:inline-block;font-weight:700;margin:0 12px;overflow:hidden;padding:14px 32px;position:relative;text-decoration:none}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary-1{background:linear-gradient(135deg,#059669,#047857);border-color:#2980b9;box-shadow:0 4px 12px #0596694d;color:#fff;width:100%}.btn-primary-1:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-2px)}.btn-secondary{background:#fff;border-color:#2c3e50;color:#2c3e50}.btn-secondary:hover{background:#2c3e50;box-shadow:0 4px 15px #2c3e504d;color:#fff}@media (max-width:768px){body{padding:10px}.c-container{border-radius:8px;margin:0;max-width:100%!important}.c-content,.header{padding:24px 20px}.header h1{font-size:24px}.info-grid{gap:16px;grid-template-columns:1fr}.info-item:nth-child(3){grid-column:auto}.section{margin-bottom:24px;padding:20px}.btn{display:block;margin:12px auto;max-width:280px}table{font-size:14px}td,th{padding:12px 16px}}@media (max-width:480px){.participants-section{overflow-x:auto}table{min-width:500px}.info-grid{grid-template-columns:1fr}}@media (max-width:600px){.c-container{border-radius:0;box-shadow:none;margin:0;max-width:100%!important;min-width:0;padding:0;width:100vw}.c-content{padding:0 4px!important}.info-grid,.participants-section,.section{padding-left:0!important;padding-right:0!important}.info-labelc,.info-valuec,.section-title,.table-header{font-size:15px!important}.participants-section table{font-size:13px;min-width:0;table-layout:fixed;width:100%}.participants-section td,.participants-section th{font-size:13px;padding:8px 4px;word-break:break-word}.table-header h3{font-size:15px}}.payment-page-container{background:#f8f9fa;border-radius:12px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;gap:20px;margin:20px auto;max-width:70%;padding:20px;width:100%}.user-type-method-group{background:#f7f9fb;border-radius:12px;box-shadow:0 2px 8px #0001;margin:32px auto 24px;padding:20px 16px;width:100%}.user-type-method-row{align-items:flex-end;display:flex;gap:32px;justify-content:space-between}.payment-method-col,.user-type-col{display:flex;flex:1 1;flex-direction:column}.payment-method-label,.user-type-label{color:#0d47a1;font-weight:500;font-weight:700;margin-bottom:6px}.payment-method-textbox,.user-type-dropdown{background:#fff;border:1px solid #d0d7de;border-radius:6px;font-size:1rem;padding:8px 12px}.payment-method-textbox{background:#f0f2f5;border:1px solid #e0e0e0}.order-info{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 25px #00000014;padding:2rem;position:relative}.order-info h2{color:#0d47a1;font-size:1.2rem;margin:0 0 10px}.info-item{color:#333;font-size:1rem}.info-item .label{color:#0d47a1;font-weight:700;min-width:140px}.info-item .total-fee{color:#f57c00;font-size:1.1rem;font-weight:700}.user-type-section{background-color:#e8f5e9;border-radius:12px;margin-bottom:20px;padding:20px}.user-type-section h2{color:#0d47a1;font-size:1.2rem;font-weight:600;margin-bottom:20px}.user-type-radio{display:flex;flex-wrap:wrap;gap:20px}.radio-option{cursor:pointer;flex:1 1;min-width:120px;position:relative}.radio-option input[type=radio]{display:none}.radio-label{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;font-weight:500;overflow:hidden;padding:15px 20px;position:relative;transition:all .3s ease}.radio-label:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.radio-option:hover .radio-label:before{left:100%}.radio-option input[type=radio]:checked+.radio-label{background:linear-gradient(135deg,#1976d2,#42a5f5);border-color:#1976d2;box-shadow:0 8px 25px #1976d24d;color:#fff;transform:translateY(-2px)}.user-type-section .radio-indicator{display:none}.payment-method-section{background-color:#e8f5e9;border-radius:12px;padding:20px}.payment-method-section h1{color:#0d47a1;font-size:1.2rem;font-weight:600;margin-bottom:20px}.payment-options{display:flex;flex-direction:column;gap:15px}.payment-option{cursor:pointer;opacity:1;position:relative;transition:all .3s ease}.payment-option input[type=radio]{display:none}.payment-option .radio-label{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;justify-content:flex-start;padding:20px;transition:all .3s ease}.payment-option input[type=radio]:checked+.radio-label{background:linear-gradient(135deg,#28a745,#20c997);border-color:#28a745;box-shadow:0 8px 25px #28a7454d;color:#fff;transform:translateY(-2px)}.payment-method-section .radio-indicator{display:none}.payment-icon{font-size:1.2rem;margin-left:auto}.slide-in{animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.navigation-buttons-1{bottom:20px;display:flex;justify-content:center;padding:10px 0;position:-webkit-sticky;position:sticky}.confirm-payment-button-1{background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:10px;box-shadow:0 4px 12px #0596694d;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;padding:14px 24px;transition:background .3s ease,transform .2s ease;width:100%}.confirm-payment-button-1:hover{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 8px 20px #05966966;transform:translateY(-1px)}.confirm-payment-button-1:active{box-shadow:0 3px 6px #0d47a133;transform:translateY(0)}@media screen and (max-width:768px){.user-type-radio{flex-direction:column}.payment-page-container{max-width:100%!important}.radio-option{min-width:auto}}@media screen and (max-width:480px){.payment-page-container{margin:10px;max-width:100%!important;padding:15px}.order-info h2,.payment-method-section h1,.user-type-section h2{font-size:1.1rem}.info-item{font-size:.9rem}.info-item .total-fee{font-size:1rem}.confirm-payment-button-1{font-size:.95rem;padding:12px 20px}.radio-label{padding:12px 15px}.payment-option .radio-label{padding:15px}}@media (max-width:600px){.user-type-method-row{align-items:stretch;flex-direction:column;gap:12px}.payment-method-col,.user-type-col{width:100%}.payment-method-label{white-space:normal;word-break:break-word}.payment-page-container{margin:10px;max-width:100%!important;padding:15px}}:root{--shadow:0 2px 4px #0000001a;--border-radius:4px}.order-success-2col{display:flex;gap:16px;margin-top:24px;width:100%}.order-left,.order-right{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;flex:1 1;max-width:50%;min-width:0;overflow:hidden;padding:20px 16px}.section-header{border-bottom:1px solid #eee;color:#f7b500;font-size:1.1em;font-weight:700;margin:16px 0 8px;padding-bottom:4px}.info-row{font-size:14px;margin-bottom:8px}.info-label{color:#333;width:160px}.info-value{color:#222}.total-value{color:#e67e22}.participants-table{margin-top:8px}.participants-table td,.participants-table th{border:1px solid;border-color:#eee #eee #ddd;padding:10px}.participants-table th{background-color:#f7f7f7;font-weight:600}.payment-status-page{margin:0 auto;overflow-x:hidden;padding:16px;width:100%}@media (min-width:768px){.payment-status-page{max-width:800px;padding:24px}}.payment-form-wrapper{background:#fff;background:var(--white);border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--border-radius);display:flex;flex-direction:column;gap:16px;padding:16px}@media (min-width:768px){.payment-form-wrapper{padding:24px}}.page-title{margin-bottom:16px;padding:0 8px}.page-title h1{color:#212529;color:var(--text-dark);font-size:18px;margin:0}.order-status{align-items:center;display:flex}.status-badge{border-radius:12px;color:#fff;color:var(--white);font-size:14px;font-weight:500;padding:6px 12px}.status-badge,.success{background-color:#28a745;background-color:var(--success-color)}.pending{background-color:#ffc107}.fail{background-color:#ff6b6b;background-color:var(--danger-color)}.card{border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:4px;margin-bottom:16px;padding:16px}.card-header{margin-bottom:12px}.card-header h2{color:#212529;color:var(--text-dark);font-size:16px;margin:0}.info-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;height:20px;margin-right:8px;width:20px}.card-content{padding:0}.participant-item{padding:8px 0}.order-titlec{color:#e9ac3b}.section-divider{border:none;border-top:1px solid #eee;margin:60px 0 24px}.order-status-row{margin-top:12px}.navigation-buttons-container{display:flex;justify-content:flex-end;margin-top:16px}.navigation-buttons{border-radius:4px;border-radius:var(--border-radius);font-size:14px;padding:10px 20px}@media (min-width:768px){.page-title h1{font-size:20px}.card-header h2{font-size:18px}.navigation-buttons{font-size:16px}}@media (max-width:900px){.order-success-2col{flex-direction:column;gap:12px}.order-left,.order-right{max-width:100%;padding:16px 8px}}@media (min-width:1200px){.payment-status-page{max-width:1100px}.order-left,.order-right{font-size:16px;padding:32px}.section-header{font-size:1.2em}.info-label{width:200px}.info-label,.info-row{font-size:16px}}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-footer{background:#f9f9f9;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:auto;padding:30px 20px;text-align:center}.footer-text{color:#000;font-size:1.1rem;font-style:italic;line-height:1.6;margin:0 auto;max-width:800px}.footer-text strong{color:red}.no-underline{color:inherit;text-decoration:none}@media (max-width:768px){.footer-text{font-size:.95rem;padding:0 10px}}.order-details-page .main-content{align-items:stretch;display:flex;gap:32px;margin:0 auto;max-width:1200px;min-height:0;width:100%}.order-details-bg{background:#fff;border-radius:18px;box-shadow:0 4px 24px 0 #00000012;margin:32px auto;max-width:1320px;padding:32px 24px}.page-title{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.page-title h1{color:#007a78;color:var(--primary-dark);font-size:22px;margin-right:10px}.order-status,.page-title h1{margin-bottom:10px}.status-badge-1{background-color:#28a745;background-color:var(--success-color);border-radius:20px;color:#fff;color:var(--white);font-size:14px;font-weight:500;padding:6px 12px}.card{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);margin-bottom:20px;overflow:hidden}.card-header{align-items:center;background-color:#00a19d0d;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color);display:flex;padding:16px}.card-header h2,.card-header h3{color:#007a78;color:var(--primary-dark);font-size:18px;font-weight:600;margin:0}.customer-icon,.info-icon,.order-icon,.participants-icon,.payment-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;height:24px;margin-right:12px;width:24px}.order-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300A19D'%3E%3Cpath d='M19 3H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2zm0-4H7V7h10v2zM7 15h7v2H7v-2z'/%3E%3C/svg%3E")}.customer-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300A19D'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E")}.payment-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300A19D'%3E%3Cpath d='M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z'/%3E%3C/svg%3E")}.participants-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300A19D'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E")}.card-content{padding:16px}.info-row{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:8px 0}.info-row:last-child{border-bottom:none}.info-row.total{border-top:2px solid #e9ecef;border-top:2px solid var(--border-color);font-weight:700;margin-top:8px;padding-top:12px}.info-label{color:#6c757d;color:var(--text-light);font-weight:500}.info-value{color:#212529;color:var(--text-dark);font-weight:400}.total-value{color:#007a78;color:var(--primary-dark);font-size:18px;font-weight:700}.participants-list{list-style-type:none}.participant-item{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color);padding:12px 8px}.participant-item:last-child{border-bottom:none}.participant-info{display:flex;flex-wrap:wrap;justify-content:space-between}.participant-name{margin-right:8px}.participant-code{color:#6c757d;color:var(--text-light);font-size:14px}.navigation-buttons-container{margin-bottom:32px;margin-top:24px}.navigation-buttons{background-color:#00a19d;background-color:var(--primary-color);border:none;border-radius:8px;box-shadow:0 2px 8px #00a19d4d;color:#fff;color:var(--white);cursor:pointer;font-size:16px;font-weight:600;height:50px;transition:background-color .3s ease;width:100%}.navigation-buttons:focus,.navigation-buttons:hover{background-color:#007a78;background-color:var(--primary-dark);outline:none}.navigation-buttons:active{transform:translateY(1px)}.button-wrapper-1{display:flex;justify-content:center;margin-top:16px}.view-details-button{background-color:#3b9a5e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s ease}.view-details-button:hover{background-color:#317d4d}.order-details-header{margin-bottom:16px;text-align:center}.order-details-header h1{font-size:2rem;font-weight:700;margin:0 auto 8px}.order-info-row{align-items:center;display:flex;justify-content:space-between}.left-content{flex:2 1;flex-direction:column;min-width:0}.info-row-group,.left-content{display:flex;gap:20px;height:100%}.customer-info,.package-info,.right-content{display:flex;flex:1 1;flex-direction:column;min-width:0}.payment-info{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0}.payment-info .card-header{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color)}.payment-info .card-content{padding:18px 20px}.payment-info .info-row{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color);font-size:15px;padding:10px 0}.payment-info .info-row.total .info-label{font-size:20px;font-weight:700}.payment-info .info-row.total .info-value{color:#e53935;font-size:24px;font-weight:700}.payment-info .info-row.total{border-bottom:none;border-top:2px solid #e9ecef;border-top:2px solid var(--border-color);color:#007a78;color:var(--primary-dark);font-weight:700;margin-top:10px;padding-top:14px}.order-summary{background:#f5f5f9;border-radius:12px;border-radius:var(--border-radius,12px);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow,0 2px 8px 0 #0000000a);display:flex;flex-direction:column;gap:8px;margin-bottom:0;padding:20px 24px}.order-summary h2{color:#007a78;color:var(--primary-dark);font-size:20px;margin-bottom:4px}.order-summary>div{color:#6c757d;color:var(--text-light);font-size:15px}.participants-table{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius,12px);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow,0 2px 8px 0 #0000000a);box-sizing:border-box;margin-left:auto;margin-right:auto;margin-top:32px;max-width:1200px}.participants-list-table{border-collapse:collapse;margin-top:0;width:100%}.participants-list-table td,.participants-list-table th{border:1px solid #e9ecef;border:1px solid var(--border-color,#e0e0e0);font-size:15px;padding:10px 8px;text-align:left}.participants-list-table th{background:#f6fafd;color:#007a78;color:var(--primary-dark);font-weight:600}.claim-link{color:#00a19d;color:var(--primary-color,#009688);font-weight:500;text-decoration:none;transition:color .2s}.claim-link:hover{color:#007a78;color:var(--primary-dark,#00796b);text-decoration:underline}@media (max-width:1024px){.order-details-page .main-content{flex-direction:column;gap:0}.right-content{margin-top:24px;max-width:100%;min-width:0}}@media (max-width:700px){.order-details-bg{border-radius:0;box-shadow:none;margin:0;max-width:100vw;padding:8px}.card-header h3{font-size:16px}.order-details-page .main-content{flex-direction:column;gap:0;max-width:100vw;padding:0}.left-content,.right-content{gap:10px;max-width:100%;min-width:0}.info-row-group{flex-direction:column;gap:12px}.order-summary{font-size:15px}.order-summary,.payment-info .card-content{padding:10px 6px}.participants-list-table{font-size:13px;min-width:0;table-layout:fixed;width:100%}.participants-list-table td,.participants-list-table th{font-size:13px;max-width:120px;overflow-wrap:break-word;padding:7px 4px;white-space:pre-line;word-break:break-word}.customer-info,.package-info,.participants-table,.payment-info{border-radius:8px;box-shadow:none;margin:0 0 12px}}.payment-container{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 24px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:100px auto;max-width:600px;padding:30px;text-align:center}.payment-container h2{color:#2b6cb0;margin-bottom:20px}.qr-section{margin-top:2rem}.payment-container p{color:#333;font-size:16px}.payment-link{color:#3182ce;font-weight:700;text-decoration:none}.payment-link:hover{text-decoration:underline}.payment-container.error{background-color:#fff5f5;border-color:#feb2b2;color:#c53030}:root{--primary-color:#00a19d;--primary-dark:#007a78;--primary-light:#00bfb6;--secondary-color:#ffa400;--danger-color:#ff6b6b;--light-bg:#f8f9fa;--border-color:#e9ecef;--text-dark:#212529;--text-light:#6c757d;--white:#fff;--shadow:0 4px 6px #0000001a;--border-radius:12px;--success-color:#28a745}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;color:#212529;color:var(--text-dark);font-family:Roboto,sans-serif;line-height:1.6}.srp-search-results-page{margin:10px auto 0;overflow-x:hidden;padding:16px;width:50%}.srp-order-title-search{background:#eaf6fb;border-radius:6px;box-sizing:border-box;color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:24px;margin-left:0;margin-right:auto;padding:12px 24px;width:100%}.srp-sort-section{margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:900px}.srp-sort-select{background:#f4f5fa;border:1px solid #ccc;border-radius:8px;font-size:16px;max-width:900px;padding:10px 14px;width:100%}.srp-search-result-item{background:none;border:none;border-radius:0;box-shadow:none;margin:0 auto 32px;max-width:none;padding:0;transition:none}.srp-card-customer-info{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);margin-bottom:0;padding:0}.srp-order-table{background:#fff;border-collapse:collapse;border-radius:8px;font-size:16px;table-layout:fixed;width:100%}.srp-order-label,.srp-order-value{padding:10px 18px}.srp-order-label{color:#333;font-weight:500;width:180px}.srp-order-label,.srp-order-value{background:#fff;border-bottom:1px solid #f0f0f0;padding:12px 16px}.srp-order-value{color:#222;text-align:right;word-break:break-word}.srp-order-fee{color:#d32f2f}.srp-order-fee-value{color:#d32f2f;font-weight:600}.srp-badge-paid{background:#e6f4ea;border-radius:6px;color:#388e3c;display:inline-block;font-size:14px;font-weight:500;padding:4px 12px}.srp-button-wrapper-1{display:flex;justify-content:flex-start;margin-left:auto;margin-right:auto;margin-top:24px;max-width:900px}.srp-view-details-button{background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:10px 28px;transition:background .2s}.srp-view-details-button:hover{background:#1976d2}@media (max-width:600px){.srp-search-results-page{padding:8px;width:100%}.srp-card-customer-info,.srp-order-table{max-width:100%;min-width:0;width:100%}.srp-order-label,.srp-order-value{font-size:14px;padding:8px;word-break:break-word}.srp-order-title-search{font-size:18px;padding:10px 12px}.srp-search-result-item{padding:.5rem}}.vnpay-container{align-items:center;background-color:#f3f4f6;display:flex;font-family:Arial,sans-serif;justify-content:center;min-height:100vh}.vnpay-box{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:400px;padding:24px;text-align:center;width:90%}.vnpay-spinner{animation:spin 1s linear infinite;border:4px solid #3b82f6;border-top-color:#0000;height:40px;width:40px}.vnpay-icon,.vnpay-spinner{border-radius:50%;margin:0 auto 16px}.vnpay-icon{align-items:center;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.vnpay-icon.success{background-color:#d1fae5;color:#10b981}.vnpay-contract{color:#2563eb;font-weight:700;margin-bottom:16px}.vnpay-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;margin-top:8px;padding:10px 16px;transition:background-color .3s ease;width:100%}.vnpay-button.green{background-color:#10b981;color:#fff}.vnpay-button.green:hover{background-color:#059669}.vnpay-button.blue{background-color:#3b82f6;color:#fff}.vnpay-button.blue:hover{background-color:#2563eb}.container{align-items:center;background:#f5f5f5;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;padding:32px 0;width:100%}.container,.step-wrapper{display:flex;justify-content:center}.step-wrapper{margin-bottom:24px}.desktop-wrapper{background:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:16px;padding:16px}.participants-table{border-collapse:collapse;width:100%}.participants-table td,.participants-table th{border:1px solid #ccc;padding:8px;text-align:left}.participants-table th{background-color:#f5f5f5}.error,.loading{align-items:center;display:flex;justify-content:center;min-height:100vh}.loading-text{color:#333}.error-text,.loading-text{font-size:18px;font-weight:600}.error-text{color:#d32f2f}.order-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;margin:40px auto;max-width:900px;padding:40px 48px;width:100%}.header{margin-bottom:24px}.order-title{color:#d32f2f;font-size:24px;font-weight:700;margin-bottom:8px}.subtitle{color:#666;margin-bottom:16px}.checkmark{background:#4caf50;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:inline-block;font-size:24px;height:40px;line-height:40px;width:40px}.order-details{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.info-item{border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:8px 0}.info-label{color:#666;flex:1 1;font-size:16px}.info-value{color:#333;flex:1 1;font-size:16px;font-weight:600;text-align:right}.participants-container{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;max-height:150px;overflow-y:auto;padding:8px}.participants-list{list-style:none;margin:0;padding:0}.participant-item{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:6px 0}.participant-name{color:#333;font-weight:500}.participant-code{color:#757575;font-style:italic}.link{color:#0288d1;font-weight:500;text-decoration:none}.link:hover{color:#01579b;text-decoration:underline}.home-button{background:#d32f2f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:background .3s ease;width:100%}.home-button:hover{background:#b71c1c}.check-button{background:#fff;border:1px solid #d32f2f;border-radius:8px;color:#d32f2f;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:background .3s ease,color .3s ease;width:100%}.thankyou-message{font-size:1.1em;justify-content:center;margin:16px 0 24px;text-align:center}.check-button:hover{background:#d32f2f;color:#fff}@media (max-width:900px){.order-card{margin:24px 0;max-width:100%;padding:24px 8px}.desktop-wrapper{padding:24px}}@media (max-width:600px){.participants-table{font-size:13px;min-width:0;table-layout:fixed;width:100%}.participants-table td,.participants-table th{font-size:13px;padding:8px 4px;word-break:break-word}.participants-table thead th{white-space:normal}}.boithuong-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.boithuong-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:800px;overflow:hidden}.boithuong-title{background:linear-gradient(45deg,#1e3c72,#2a5298);color:#fff;font-size:2.2rem;font-weight:600;margin:0;padding:30px;text-align:center;text-shadow:0 2px 4px #0000004d}.info-section{border-bottom:1px solid #e0e0e0;padding:30px}.info-item{align-items:center;display:flex;margin-bottom:15px}.info-label-n{color:#333;font-size:1.1rem;font-weight:600;min-width:120px}.info-value-n{background:#f8f9fa;border-left:4px solid #2a5298;border-radius:8px;color:#555;font-size:1.1rem;padding:8px 15px}.upload-section{padding:30px}.sample-image-container{border:1px dashed #ccc;border-radius:5px;margin-bottom:15px;padding:10px}.sample-label{color:#666;font-size:14px;margin-bottom:8px}.sample-image{border-radius:5px;max-height:200px;max-width:200px}.upload-title{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:25px;text-align:center}.image-upload-group{background:#fafafa;border:2px dashed #d0d0d0;border-radius:15px;margin-bottom:30px;padding:25px;transition:all .3s ease}.image-upload-group:hover{background:#f5f7ff;border-color:#2a5298}.image-title{color:#333;font-size:1.2rem;font-weight:500;line-height:1.4;margin-bottom:15px}.choose-image-btn{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 25px;transition:all .3s ease}.choose-image-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.image-preview{margin-top:20px;text-align:center}.image-preview img{border-radius:10px;box-shadow:0 8px 20px #0000001a;max-height:200px;max-width:300px;object-fit:cover}.image-name{color:#666;font-size:.9rem;font-style:italic;margin-top:10px}.upload-btn{background:linear-gradient(45deg,#28a745,#20c997);border:none;border-radius:15px;box-shadow:0 8px 20px #28a7454d;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:600;margin-top:20px;padding:20px;transition:all .3s ease;width:100%}.upload-btn:hover:not(.disabled){box-shadow:0 12px 30px #28a74566;transform:translateY(-3px)}.upload-btn.disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.boithuong-container{padding:10px}.boithuong-title{font-size:1.8rem;padding:20px}.info-section,.upload-section{padding:20px}.info-item{align-items:flex-start;flex-direction:column}.info-label-n{margin-bottom:5px;min-width:auto}.info-value-n{width:100%}.image-upload-group{padding:15px}.image-title{font-size:1.1rem}.image-preview img{max-width:100%}}.upload-btn:disabled{overflow:hidden;position:relative}.upload-btn:disabled:after{animation:loading 1.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes loading{0%{left:-100%}to{left:100%}}.redirect-overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.redirect-content{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000004d;padding:40px;text-align:center}.redirect-content p{color:#333;font-size:1.2rem;font-weight:500;margin:20px 0 0}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#2a5298;height:50px;margin:0 auto;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.scanner-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.scanner-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:32px;width:100%}.header{margin-bottom:32px;text-align:center}.icon-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:inline-flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.qr-icon{fill:#fff;height:32px;width:32px}.title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:28px;font-weight:700;margin:0 0 8px}.subtitle{color:#718096;font-size:16px;margin:0}.scanner-section{align-items:center;display:flex;justify-content:center;margin-bottom:32px;min-height:280px}.welcome-state{text-align:center}.scan-illustration{margin-bottom:24px}.scan-frame{background:linear-gradient(45deg,#f7fafc,#edf2f7);border:2px solid #e2e8f0;border-radius:16px;height:120px;margin:0 auto;position:relative;width:120px}.corner{border:3px solid #667eea;height:20px;position:absolute;width:20px}.corner-tl{border-radius:8px 0 0 0;border-right:none;left:-2px}.corner-tl,.corner-tr{border-bottom:none;top:-2px}.corner-tr{border-left:none;border-radius:0 8px 0 0;right:-2px}.corner-bl{border-radius:0 0 0 8px;border-right:none;left:-2px}.corner-bl,.corner-br{border-top:none;bottom:-2px}.corner-br{border-left:none;border-radius:0 0 8px 0;right:-2px}.scan-line{background:linear-gradient(90deg,#0000,#667eea,#0000);height:2px;left:8px;opacity:.6;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.scan-line.active{animation:scan 2s ease-in-out infinite}@keyframes scan{0%,to{opacity:0;transform:translateY(-50px)}50%{opacity:1;transform:translateY(50px)}}.welcome-text{color:#718096;font-size:14px;margin:0}.camera-container{text-align:center;width:100%}.camera-frame{background:#000;border-radius:16px;margin-bottom:16px;overflow:hidden;position:relative}.camera-video{height:200px;object-fit:cover;width:100%}.scan-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.scan-box{height:150px;position:relative;width:150px}.scanning-text{color:#718096;font-size:14px;margin:0}.error-state,.result-state{text-align:center}.error-icon,.success-icon{font-size:48px;margin-bottom:16px}.error-text{color:#e53e3e;font-size:14px;margin:0}.result-title{color:#2d3748;font-size:20px;font-weight:600;margin:0 0 16px}.result-content{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:16px}.result-text{color:#2d3748;font-size:14px;font-weight:500;margin:0;word-break:break-all}.controls{text-align:center}.btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:160px;padding:16px 32px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#3498db,#2980b9);border-color:#2980b9;box-shadow:0 4px 15px #3498db4d;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#2980b9,#1f4e79);box-shadow:0 6px 20px #3498db66;transform:translateY(-2px)}.btn-stop{background:linear-gradient(135deg,#fc8181,#e53e3e)!important;box-shadow:0 4px 12px #e53e3e66!important}.btn-stop:hover{box-shadow:0 8px 20px #e53e3e80!important}.btn-secondary{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 4px 12px #48bb7866;color:#fff}.btn-secondary:hover{box-shadow:0 8px 20px #48bb7880;transform:translateY(-2px)}.btn-icon{font-size:18px}@media (max-width:480px){.scanner-container{padding:16px}.scanner-card{padding:24px}.title{font-size:24px}.btn{font-size:14px;min-width:140px;padding:14px 24px}.scan-frame{height:100px;width:100px}.camera-video{height:180px}.scan-box{height:120px;width:120px}}input:focus,select:focus,textarea:focus{outline:none!important}.form-page{color:#222;display:flex;flex-direction:column;margin:0 auto 85px;max-width:480px;padding:16px}.create-order-header,.create-order-title{align-items:center;display:flex;flex-direction:column;gap:8px}.form-title{color:#000;font-family:Be Vietnam;font-size:44px;font-weight:700;line-height:120%;text-align:center}.form-description{color:#616161;font-family:Be Vietnam;font-size:16px;font-weight:400;line-height:140%;margin-bottom:10px}.cards-container{border-radius:12px;overflow:hidden}.cards-container .form-card-customer-wrapper+.form-card-player-wrapper,.cards-container .form-card-player-wrapper+.form-card-contract-wrapper{border-top:1px dashed #ccc}.form-card-contract-wrapper,.form-card-customer-wrapper,.form-card-player-wrapper{align-items:flex-start;align-self:stretch;background:#fff;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:16px}.form-card-contract-wrapper{margin-bottom:50px}.form-card-customer-header,.form-card-player-header{align-items:center;display:flex;gap:12px;width:329px}.avatar-icon-customer{align-items:center;background:#e4eccd;border-radius:100px;display:flex;justify-content:center;padding:6px}.form-card-customer-header h3,.form-card-player-header h3{color:#212121;font-family:Be Vietnam;font-size:18px;font-weight:500;line-height:120%}.form-group-customer{align-self:stretch;display:flex;flex-direction:column;gap:8px}.form-group-customer label{color:#8c8b8b;font-family:Be Vietnam;font-size:14px;font-weight:400;line-height:20px;margin-top:10px}.form-group-customer input{align-items:center;border:2px solid #e5e7eb;border-radius:12px;display:flex;height:48px;padding:14px 16px;width:100%}.form-group-player{align-self:stretch;display:flex;flex-direction:column;gap:12px;margin-top:10px}.form-group-player label{color:#8c8b8b;font-family:Be Vietnam;font-size:14px;font-weight:400;line-height:20px;margin-top:10px}.form-group-player input{border:2px solid #e5e7eb;border-radius:12px;display:flex;height:48px;padding:14px 16px;width:100%}.info_delete{align-items:center;display:flex;justify-content:space-between;width:329px}.info_delete p{color:#212121;font-family:Be Vietnam;font-size:16px;font-weight:500;line-height:140%;margin-top:20px}.info_delete button{background:#0000;border:none;cursor:pointer;height:24px;width:24px}.form-card-contract{gap:16px}.form-card-contract,.form-group-contract{align-self:stretch;display:flex;flex-direction:column}.form-group-contract{gap:8px}.form-group-contract label{color:#8c8b8b;font-family:Be Vietnam;font-size:14px;font-weight:400;line-height:20px}.form-group-contract select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;padding:12px 40px 12px 16px;transition:all .2s ease;width:100%}.form-group-contract select option:first-child{color:#9ca3af}.form-group-contract input{border:2px solid #e5e7eb;border-radius:12px;height:48px;padding:14px 16px;width:100%}.player-actions{display:flex;justify-content:center;margin-top:8px}.player-actions .add-button{background:none;border:none;color:#7a9b0c;cursor:pointer}.total-fee-display{background:#e8f5e9;border-radius:8px;color:#2e7d32;font-size:18px;font-weight:600;margin-bottom:16px;padding:8px 12px}.form-footer{background:#fff;border-top:1px solid #e5e7eb;border-top-left-radius:20px;border-top-right-radius:20px;bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;gap:12px;justify-content:space-between;left:0;max-width:480px;padding:16px 20px;position:fixed;right:0;width:100%;z-index:1000}.btn-footer{display:flex;gap:10px;justify-content:center;width:100%}.btn-cancel{background:#fff;border:1px solid #e0e0e0;border-radius:12px;color:#615f5f}.btn-cancel,.btn-submit{flex:1 1;padding:14px 24px}.btn-submit{background:#7a9b0c;border:none;border-radius:12px;color:#fff}
/*# sourceMappingURL=main.94b52900.css.map*/