@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:root{--brand: #e23744;--text: #333333;--accent: #4CAF50;--bg: #f7f7f7;--card: #ffffff;--border: #e0e0e0}html,body,#root{height:100%}body{margin:0;background-image:linear-gradient(to top,#f3e7e9,#e3eeff 99% 100%);color:var(--text);font-family:"Poppins",ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:Poppins,sans-serif}.ff-card{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 12px #00000014;transition:all .2s ease-in-out}.ff-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.ff-primary{background:var(--brand);color:#fff;border:none;border-radius:12px;padding:10px 16px;font-weight:600;transition:background .2s}.ff-primary:hover{background:#c02d39}.ff-outline{background:#fff;border:1px solid var(--border);border-radius:12px;padding:8px 14px;transition:all .2s}.ff-outline:hover{background:#f0f0f0;border-color:#ccc}.ff-badge{background:#fff;color:var(--brand);border:1px dashed var(--brand);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:600}.main-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);z-index:10;box-shadow:0 2px 8px #0000000d}.main-nav-logo{font-weight:800;font-size:24px;color:var(--brand)}.main-nav-links{display:flex;gap:24px;align-items:center}.main-nav-links a{font-weight:600;font-size:16px;color:var(--text);transition:color .2s}.main-nav-links a:hover{color:var(--brand)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-in-out}.order-confirmation-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Poppins,sans-serif}.order-confirmation-container.fallback{background:#f7f7f7;text-align:center;flex-direction:column}.order-confirmation-card{max-width:600px;width:100%;background:var(--card);padding:48px;border-radius:24px;box-shadow:0 16px 48px #0003;text-align:center}.order-success-icon{color:var(--accent);width:80px;height:80px;margin-bottom:24px}.order-success-message{margin:0;font-size:2.5rem;font-weight:800;color:var(--text)}.order-sub-message{margin-top:8px;font-size:1.1rem;color:#666;margin-bottom:48px}.order-status-tracker{margin-bottom:48px}.progress-bar-container{position:relative;height:4px;background:#e9ecef;border-radius:2px;margin-bottom:16px}.progress-bar{position:absolute;top:0;left:0;height:100%;background:var(--brand);border-radius:2px;transition:width .5s ease}.status-steps{display:flex;justify-content:space-between;align-items:flex-start}.status-step{flex:1;text-align:center;position:relative}.status-step .status-icon{width:50px;height:50px;border-radius:50%;background:#fff;color:#6c757d;display:grid;place-items:center;margin:0 auto 8px;font-weight:700;font-size:1.5rem;border:3px solid #e9ecef;transition:all .3s ease}.status-step.active .status-icon{background:var(--brand);color:#fff;border-color:var(--brand)}.status-step .status-name{margin:0;font-size:.9rem;font-weight:600;color:#999;transition:color .3s ease}.status-step.active .status-name{color:var(--text)}.eta-section{background:#f8f9fa;padding:32px;border-radius:16px;margin-bottom:48px}.eta-title{margin:0;font-size:1.2rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:1px}.eta-time{margin:8px 0 0;font-size:3rem;font-weight:800;color:var(--text)}.order-summary-section{border-top:1px solid var(--border);padding-top:32px;text-align:left}.order-summary-title{font-size:1.5rem;font-weight:700;margin-bottom:24px;text-align:center}.summary-details{display:grid;gap:16px;font-size:1rem}.summary-item{display:flex;justify-content:space-between}.summary-item strong{color:#333}.summary-item span{font-weight:600;color:var(--text)}.order-actions{margin-top:48px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.order-actions .btn{padding:14px 28px;font-size:1rem;text-decoration:none;border-radius:12px;font-weight:600;transition:all .2s ease}.order-actions .btn-primary{background:var(--brand);color:#fff;border:none}.order-actions .btn-primary:hover{background:#c02d39}.order-actions .btn-secondary{background:#fff;color:var(--text);border:1px solid var(--border)}.order-actions .btn-secondary:hover{background:#f0f0f0;border-color:#ccc}