:root{--primary-color: #1e3a5f;--secondary-color: #f59e0b;--white: #ffffff;--light-gray: #f8f9fa;--border-color: #e9ecef;--text-primary: #333333;--text-secondary: #666666;--success-color: #28a745;--danger-color: #dc3545;--info-color: #1e3a5f}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--white);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.MuiButton-root{border-radius:6px}.mui-input .MuiOutlinedInput-root{border-radius:6px;background-color:var(--white)}.mui-input .MuiOutlinedInput-notchedOutline{border-color:var(--border-color)}.mui-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--secondary-color);box-shadow:0 0 0 .2rem #f59e0b26}.mui-input .MuiInputBase-root.Mui-disabled{background-color:#f7f8fa;color:#9aa0a6}.mui-input .MuiInputBase-root.Mui-disabled .MuiOutlinedInput-notchedOutline{border-color:#d5d8dc}.mui-input .MuiFormLabel-root.Mui-disabled{color:#9aa0a6}.MuiMenu-paper{z-index:9999!important}.MuiMenuItem-root{cursor:pointer!important;pointer-events:auto!important}.mui-input .MuiSelect-icon{color:#6b7280}.mui-input .MuiSelect-icon.Mui-disabled{color:#9aa0a6}.mui-input .MuiInputLabel-root{color:var(--text-secondary)}.mui-input .MuiOutlinedInput-input,.mui-input textarea{padding:.85rem 1rem}.App{min-height:100vh;display:flex;flex-direction:column;background-color:var(--white)}.header-custom{background-color:var(--white);border-bottom:none;padding:1rem 0;box-shadow:0 4px 12px #00000014}.header-content{display:flex;align-items:center;justify-content:space-between;gap:2.25rem;flex-wrap:wrap}.logo-brand{display:flex;align-items:center;gap:.75rem;flex:0 0 auto}.logo-img{width:64px;height:auto;border-radius:0;box-shadow:none}.brand-text{display:flex;flex-direction:column;gap:.1rem;margin-right:.5rem}.brand-text h1{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.5px}.brand-text p{font-size:.85rem;color:var(--text-secondary);margin:0}.nav-buttons{display:flex;gap:.4rem;align-items:center;flex:0 0 auto}.nav-btn{padding:.35rem .95rem;font-size:.88rem;font-weight:500;border:2px solid var(--primary-color);color:var(--primary-color);background-color:var(--white);border-radius:6px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.nav-btn.MuiButton-root{padding:.35rem .95rem;border:2px solid var(--primary-color);color:var(--primary-color)!important;background-color:var(--white);border-radius:6px;font-weight:600;min-height:38px}.nav-btn:hover{background-color:#f59e0b0d;border-color:var(--secondary-color);color:var(--secondary-color)}.btn-custom-active,.nav-btn.btn-custom-active{background-color:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.nav-btn.btn-custom-active.MuiButton-root{background-color:var(--primary-color);color:var(--white)!important;border-color:var(--primary-color)}.nav-btn.btn-custom-active:hover{background-color:var(--secondary-color);border-color:var(--secondary-color);color:var(--primary-color)}.main-content{flex:1;padding:2rem 0}.order-card,.content-card{border:1px solid #e9ecef;border-radius:12px;box-shadow:0 12px 30px #0000000f;overflow:hidden;margin-bottom:2rem;animation:fadeIn .6s ease-out;background-color:#fff}.order-card.MuiPaper-root,.content-card.MuiPaper-root{border:1px solid #e9ecef;border-radius:12px;box-shadow:0 12px 30px #0000000f}.card-header-custom{background:linear-gradient(135deg,#1e3a5f 0%,#0d1f3a 100%);border-bottom:none;padding:2rem 1.5rem}.card-header-content{text-align:center}.card-header-custom h4{color:var(--white);font-weight:700;font-size:1.5rem;margin:0 0 .5rem}.header-subtitle{color:#ffffffe6;font-size:.95rem;margin:0;font-weight:400}.order-card .card-body,.content-card .card-body{padding:2rem}.stepper-container{display:flex;align-items:center;justify-content:center;margin:2rem 0;padding:0 1rem}.stepper-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.stepper-circle{width:48px;height:48px;border-radius:50%;background-color:#e0e0e0;color:#999;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;border:3px solid #e0e0e0;transition:all .3s ease;margin-bottom:.5rem}.stepper-step.active .stepper-circle{background-color:#1e3a5f;color:#fff;border-color:#1e3a5f;box-shadow:0 4px 12px #1e3a5f4d}.stepper-step.completed .stepper-circle{background-color:#4caf50;color:#fff;border-color:#4caf50}.stepper-label{font-size:.85rem;font-weight:500;color:#999;text-align:center;margin-top:.25rem}.stepper-step.active .stepper-label{color:#1e3a5f;font-weight:600}.stepper-step.completed .stepper-label{color:#4caf50}.stepper-line{flex:1;height:3px;background-color:#e0e0e0;margin:0 1rem 2rem;transition:all .3s ease}.stepper-line.completed{background-color:#4caf50}.step-header{margin-bottom:1.5rem}.form-section-title{color:var(--text-primary);font-weight:600;font-size:1.2rem;margin:0 0 .5rem;padding-bottom:0;border-bottom:none;display:flex;align-items:center;gap:.5rem}.step-icon{font-size:1.3rem}.step-subtitle{color:var(--text-secondary);font-size:.95rem;margin:0}.supported-areas-alert{background:linear-gradient(135deg,#e8eef5 0%,#d4dce8 100%);border:none;border-radius:8px;padding:1rem 1.25rem}.supported-areas-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#1e3a5f}.globe-icon{font-size:1.2rem}.supported-areas-text{margin:0;color:#1e3a5f;font-size:.9rem;line-height:1.5;text-align:left}.supported-areas-note{color:var(--text-secondary);font-size:.85rem}.validation-warning{background-color:#fff3cd;border-left:4px solid #ffc107;color:#856404;padding:.75rem 1rem;margin-bottom:1rem}.validation-result{margin-top:1rem}.form-label{font-weight:500;color:var(--text-primary);font-size:.95rem;margin-bottom:.5rem}.form-control,.form-select{border:2px solid var(--border-color);border-radius:6px;padding:.75rem 1rem;font-size:.95rem;transition:all .3s ease;background-color:var(--white)}.form-control:focus,.form-select:focus{border-color:var(--secondary-color);box-shadow:0 0 0 .2rem #f59e0b26;background-color:var(--white)}.form-control::placeholder{color:#999}.address-form-wrapper{margin-bottom:1rem}.city-note{color:#dc3545;font-size:.85rem;margin-top:.35rem;font-weight:500}.address-preview-card{background-color:var(--light-gray);border:none;border-radius:8px;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000f}.address-preview-card .card-body{padding:1rem}.address-preview-content{display:flex;align-items:center;gap:1rem}.flag-img{width:50px;height:33px;border-radius:4px;object-fit:cover;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.address-label{font-size:.85rem;color:var(--text-secondary);margin-bottom:.25rem}.address-text{font-size:1.05rem;font-weight:600;color:var(--text-primary)}.address-district{font-size:.85rem;color:var(--text-secondary);margin-top:.5rem}.step-navigation{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.btn-prev-step{flex:0 0 auto;padding:0 1.5rem;border:2px solid #6c757d;color:#6c757d;background-color:#fff;border-radius:6px;font-weight:600;transition:all .3s ease;height:48px;min-height:48px;line-height:48px;display:flex;align-items:center;justify-content:center}.btn-prev-step.MuiButton-root{color:#6c757d!important;border:2px solid #6c757d}.btn-prev-step:hover{background-color:#6c757d14;border-color:#6c757d;transform:translate(-2px)}.btn-prev-step.MuiButton-root:hover{color:#6c757d!important;background-color:#6c757d14}.btn-next-step{flex:1;padding:.75rem 1.5rem;border:none;background:linear-gradient(135deg,#1e3a5f 0%,#0d1f3a 100%);color:#fff;border-radius:6px!important;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #1e3a5f4d;min-height:48px;display:flex;align-items:center;justify-content:center}.btn-next-step.MuiButton-root{color:#fff!important}.btn-next-step:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #1e3a5f66}.btn-next-step:disabled{opacity:1;cursor:not-allowed;background:#9aa8b8;color:#e8edf4!important;box-shadow:none}.btn-submit-final{flex:1;padding:.75rem 1.5rem;border:none;background:linear-gradient(135deg,#4caf50 0%,#388e3c 100%);color:#fff;border-radius:6px!important;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #4caf504d;min-height:48px;display:flex;align-items:center;justify-content:center}.btn-submit-final.MuiButton-root{color:#fff!important}.btn-submit-final:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.btn-submit-final:disabled{opacity:1;cursor:not-allowed;background:#9aa8b8;color:#e8edf4!important;box-shadow:none}.btn-outline-primary,.btn-validate-custom{border:none;color:var(--white);background:linear-gradient(135deg,#1e3a5f 0%,#0d1f3a 100%);border-radius:6px!important;padding:.75rem 1.5rem;font-weight:600;transition:all .3s ease;width:100%;box-shadow:0 4px 12px #1e3a5f4d;min-height:48px;display:flex;align-items:center;justify-content:center}.btn-outline-primary.MuiButton-root,.btn-validate-custom.MuiButton-root{color:#fff!important}.btn-outline-primary:hover,.btn-validate-custom:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #1e3a5f66}.btn-outline-primary:disabled,.btn-validate-custom:disabled{opacity:1;cursor:not-allowed;background:#9aa8b8!important;border-color:#9aa8b8!important;color:#e8edf4!important;box-shadow:none}.btn-validate-custom.MuiButton-root.Mui-disabled,.btn-outline-primary.MuiButton-root.Mui-disabled{background:#9aa8b8!important;color:#e8edf4!important;border-color:#9aa8b8!important;opacity:1!important}.btn-submit-custom{background-color:var(--primary-color);color:var(--white);border:none;border-radius:6px;padding:.85rem 2rem;font-weight:600;font-size:1rem;width:100%;transition:all .3s ease;cursor:pointer}.btn-submit-custom:hover:not(:disabled){background-color:var(--secondary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d;font-weight:600}.btn-submit-custom:disabled{opacity:.6;cursor:not-allowed}.btn-validate-custom:disabled{opacity:.5;cursor:not-allowed;background-color:#ccc!important;border-color:#ccc!important}.btn:disabled,.btn.disabled,fieldset:disabled .btn{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;color:var(--white)!important}.btn-submit-custom:active:not(:disabled){transform:translateY(0)}.alert{border:none;border-radius:8px;border-left:4px solid}.alert-heading{font-weight:600;margin-bottom:.75rem;font-size:.95rem}.alert-info{background-color:#f0f5ff;color:var(--primary-color);border-left-color:var(--primary-color)}.alert-info .alert-heading{color:var(--primary-color)}.alert-success{background-color:#f0fdf4;color:var(--success-color);border-left-color:var(--success-color)}.alert-success .alert-heading{color:var(--success-color)}.alert-danger{background-color:#fef2f2;color:var(--danger-color);border-left-color:var(--danger-color)}.alert-danger .alert-heading{color:var(--danger-color)}.guide-section{display:flex;flex-direction:column;gap:1.5rem}.guide-item{display:flex;gap:1.5rem;padding:1.5rem;background-color:var(--white);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.guide-item:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.guide-icon-wrapper{position:relative;flex-shrink:0}.guide-icon{font-size:2.5rem;display:block}.guide-number{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#1e3a5f 0%,#0d1f3a 100%);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;box-shadow:0 2px 8px #1e3a5f4d}.guide-content h5{color:var(--text-primary);font-weight:600;font-size:1.15rem;margin:0 0 .75rem}.guide-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0}.ready-to-order-section{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border:none;border-radius:12px;padding:2rem;margin-top:1rem}.ready-to-order-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.check-icon{font-size:1.5rem}.ready-to-order-header h5{color:#2e7d32;font-weight:700;font-size:1.3rem;margin:0}.ready-to-order-section p{color:#2e7d32;font-size:1rem;margin-bottom:1.5rem}.order-links{display:flex;gap:1rem;flex-wrap:wrap}.order-link-btn{flex:1;min-width:200px;padding:0 1.5rem;background:linear-gradient(135deg,#1e3a5f 0%,#0d1f3a 100%);color:#fff;border:none;border-radius:6px!important;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 12px #1e3a5f4d;height:48px;min-height:48px;line-height:48px;display:flex;align-items:center;justify-content:center}.order-link-btn.MuiButton-root{color:#fff!important;font-weight:700;border-radius:6px!important}.order-link-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1e3a5f66;background:linear-gradient(135deg,#2e4a6f 0%,#1d2f4a 100%)}.about-section{display:flex;flex-direction:column;gap:1.5rem}.about-item{display:flex;gap:1.5rem;padding:1.5rem;background-color:var(--white);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.about-item:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.about-icon-wrapper{flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.about-icon{font-size:3rem}.about-content h5{color:var(--text-primary);font-weight:600;font-size:1.15rem;margin:0 0 .75rem}.about-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0}.content-section{line-height:1.8}.content-section h5{color:var(--primary-color);font-weight:600;font-size:1.1rem;margin-top:1.5rem;margin-bottom:.75rem;border-bottom:none;padding-bottom:0}.content-section p{color:var(--text-secondary);font-size:.95rem;margin-bottom:1rem}.footer-custom{background-color:var(--light-gray);border-top:none;box-shadow:0 -4px 12px #0000000f;padding:2rem 0;margin-top:2rem}.footer-content{text-align:center}.footer-content p{color:var(--text-secondary);font-size:.85rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spinner-border{color:var(--primary-color)}@media (max-width: 768px){.header-content{flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.logo-brand{justify-content:center;gap:.5rem}.nav-buttons{width:100%;max-width:520px;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.25rem}.nav-buttons .nav-btn:last-child{grid-column:1 / -1}.nav-btn{width:100%;min-width:unset;text-align:center;padding:.35rem .75rem;font-size:.9rem}.order-card .card-body,.content-card .card-body{padding:1.5rem}.form-section-title{font-size:1.1rem}.address-preview-content{flex-direction:column;text-align:center}.flag-img{width:60px;height:40px}.brand-text h1{font-size:1.2rem}.brand-text p{font-size:.85rem}.brand-text{text-align:center;align-items:center;margin-right:0}.stepper-container{padding:0 .5rem}.stepper-circle{width:40px;height:40px;font-size:1rem}.stepper-label{font-size:.75rem}.stepper-line{margin:0 .5rem}.step-navigation{flex-direction:column;gap:.75rem}.btn-prev-step{order:2}.btn-next-step,.btn-submit-final{order:1}.card-header-custom{padding:1.5rem 1rem}.card-header-custom h4{font-size:1.25rem}.header-subtitle{font-size:.85rem}.guide-item,.about-item{flex-direction:column;text-align:center;padding:1.25rem;align-items:center}.guide-icon-wrapper,.about-icon-wrapper{margin:0 auto}.guide-content,.about-content{text-align:justify;text-align-last:center;max-width:520px;margin:0 auto}.guide-content h5,.about-content h5{font-size:1.05rem;margin-bottom:.5rem}.guide-content p,.about-content p{font-size:.95rem;line-height:1.55}.card-header-custom h4{font-size:1.2rem}.header-subtitle{font-size:.82rem;line-height:1.45}.order-links{flex-direction:column}.order-link-btn{width:100%;min-width:auto}}@media (max-width: 480px){.nav-btn{padding:.5rem .75rem;font-size:.85rem}.logo-img{width:90px;height:90px}.order-card .card-body,.content-card .card-body{padding:1rem}.content-section h5{margin-top:1.25rem;font-size:1rem}.guide-content h5,.about-content h5{font-size:1rem}.guide-content p,.about-content p{font-size:.9rem;line-height:1.5}.card-header-custom h4{font-size:1.1rem}.header-subtitle{font-size:.78rem}}.min-vh-100{min-height:100vh}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.ms-2{margin-left:.5rem}.w-100{width:100%}.text-center{text-align:center}.text-muted{color:var(--text-secondary)}