.content-container{max-width:400px;min-height:200px;margin:40px auto}.desktop-intro{display:block}.mobile-intro{display:none}.fbe-intro{text-align:center;margin-bottom:40px}.fbe-title{color:#212b36;margin-bottom:16px;font-size:26px;font-weight:700}.fbe-description{color:#212b36;max-width:400px;margin-bottom:10px;margin-left:auto;margin-right:auto;font-size:12px}.fbe-subtitle{color:#212b36;margin-bottom:24px;font-size:12px;font-weight:700}.steps-container{justify-content:space-evenly;margin-bottom:40px;display:flex}.step-item{text-align:center;background:#f1f2f6;border-radius:8px;flex:1;max-width:120px;padding:16px}.step-number{justify-content:center;align-items:center;width:24px;height:24px;margin:0 auto 5px;display:flex}.step-number img{object-fit:contain;width:24px;height:24px}.step-text{color:#131e29;margin:0;font-size:10px;line-height:1.4}.registerContainer{background:#fff;border:1px solid #212b36;border-radius:36px;width:100%;position:relative;overflow:hidden}.step-heading{margin-bottom:20px;font-size:17px}.registerContainer:before{content:attr(data-header);color:#fff;text-align:center;box-sizing:border-box;background:#212b36;width:100%;margin:0;padding:20px;font-size:22px;font-weight:700;display:block;position:relative;top:0;left:0}.register-content{padding:40px 20px}.outer-input-container{flex-direction:column;width:100%;margin-bottom:20px;display:flex}.input-container{width:100%;display:flex;position:relative}.error-message-container{margin-top:8px;padding-left:5px}.error-message{color:#ea212d;align-items:center;font-size:12px;font-weight:700;display:flex}.error-icon{margin-right:8px}.floating-label{color:#919eab;pointer-events:none;font-size:16px;transition:all .2s;position:absolute;top:50%;left:5px;transform:translateY(-50%)}.bottom-line-input{background-color:#0000;border:none;border-bottom:1px solid #919eab;outline:none;width:100%;padding:8px 5px;font-size:16px;font-weight:700}.bottom-line-input.error{border-bottom-color:#ea212d}.bottom-line-input:focus+.floating-label,.bottom-line-input:not(:placeholder-shown)+.floating-label{color:#212b36;font-size:12px;top:0;transform:translateY(-70%)}.bottom-line-input:disabled{opacity:.7;cursor:not-allowed}.delivery-options{margin:30px 0}.delivery-buttons{flex-wrap:wrap;gap:10px;display:flex}.technical-details{background:#f1f2f6;border-radius:8px;margin:20px 0;padding:15px}.receipt-footer h4{color:#212b36;margin:0 0 10px;font-size:14px}.delivery-button{color:#212b36;cursor:pointer;background:#fff;border:2px solid #212b36;border-radius:8px;flex:1;padding:12px;font-weight:500;transition:all .2s}.delivery-button:not(.selected):hover:not(:disabled){background:#f1f2f6}.delivery-button.selected{color:#fff;background:#212b36}.delivery-button:disabled{opacity:.7;cursor:not-allowed}.button-content{justify-content:center;align-items:center;gap:8px;display:flex}.action-button{cursor:pointer;color:#fff;background-color:#212b36;border:none;border-radius:10px;width:100%;margin-top:20px;padding:12px 20px;font-weight:700;transition:all .3s;position:relative}.action-button:disabled{opacity:.7;cursor:not-allowed;background-color:#212b36}.action-button.print{color:#212b36;background-color:#fff;border:2px solid #212b36}.action-button.print:disabled{opacity:.7;background-color:#fff;border-color:#212b36}.token-result{width:100%}.token-container{background:#fff;border-radius:8px;margin-bottom:20px;padding:20px}.receipt-header{border-bottom:1px solid #dfe3e8;margin-bottom:20px;padding-bottom:15px}.receipt-date{color:#212b36;font-size:14px}.detail-row{justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.label{color:#212b36}.value{color:#212b36;font-weight:500}.token-section{background:#f1f2f6;border-radius:8px;margin:20px 0;padding:15px;overflow:hidden}.token-section h4{color:#212b36;margin:0 0 10px;font-size:16px}.token-display-container{width:100%;position:relative}.token-display{text-align:center;letter-spacing:1px;word-break:break-all;white-space:normal;background:#fff;border:1px solid #dfe3e8;border-radius:8px;padding:12px 35px 12px 8px;font-family:monospace;font-size:18px;font-weight:700;line-height:1.5}.token-display::-webkit-scrollbar{display:none}.copy-button{cursor:pointer;color:#212b36;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.copy-button:hover{background-color:#f1f2f6}.copy-button.success{color:#0a9ba9}.copy-button:focus{outline:none;box-shadow:0 0 0 2px #24303d33}.units-section{background:#f1f2f6;border-radius:8px;margin:20px 0;padding:15px}.delivery-status{color:#0a9ba9;text-align:center;background:#e8f5f6;border-radius:8px;margin-top:10px;padding:10px;font-size:14px}.receipt-footer{color:#212b36;border-top:1px solid #dfe3e8;margin-top:20px;padding-top:15px;font-size:12px}.receipt-footer p{margin:5px 0}.grecaptcha-badge{z-index:999999;visibility:visible!important}@media (max-width:500px){.mobile-intro{border-bottom:2px solid #24303d;display:block;margin-bottom:30px!important}.registerContainer:before{padding:10px;font-size:18px}.content-container{max-width:unset;margin:unset;margin:0 auto 20px}.desktop-intro{display:none}.mobile-intro{margin-bottom:20px;display:block}.mobile-intro .fbe-intro{margin-bottom:20px}.mobile-intro .step-item{padding:8px}.mobile-intro .fbe-title{font-size:22px}.mobile-intro .steps-container{gap:8px}.steps-container{flex-direction:row;gap:12px;padding:0 12px}.step-item{padding:12px 8px}.step-text{font-size:12px}.registerContainer{border:none;border-radius:0}.token-display{letter-spacing:.5px;padding:10px 35px 10px 6px;font-size:16px}.copy-button{padding:6px}}@media print{.content-container{background:0 0;max-width:100%;margin:0;padding:0}.registerContainer{border:none;width:100%;margin:0}.token-container{width:100%;margin:0;padding:20px}.token-display{letter-spacing:1px;white-space:normal;word-break:break-all;border:1px solid #dfe3e8;margin:10px 0;padding:15px;font-size:16px}.action-buttons{display:none}.token-section,.units-section,.delivery-status,.receipt-footer{page-break-inside:avoid}.copy-button{display:none}@page{size:A4;margin:20mm}}
.error-modal{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.error-content{background:#fff;border-radius:8px;width:90%;max-width:500px;padding:2rem;position:relative;box-shadow:0 2px 10px #0000001a}.close-button{cursor:pointer;color:#666;background:0 0;border:none;font-size:24px;position:absolute;top:10px;right:10px}.error-body{text-align:center;margin-bottom:1.5rem}.icon-container{margin-bottom:1rem}.info-icon{width:64px;height:64px}.error-body h2{color:#333;margin-bottom:1rem;line-height:30px}.error-body p{color:#666;margin-bottom:1.5rem}.button-container{justify-content:center;display:flex}.primary-button{color:#fff;cursor:pointer;background-color:#24303d;border:none;border-radius:4px;padding:.75rem 2rem;font-size:1rem;transition:background-color .2s}.primary-button:hover{background-color:#24303d}