.success-page{min-height:100vh;background:#f5f5f5;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.success-page .container{display:flex;align-items:center;justify-content:center;width:100%}.success-card{background:#fff;border-radius:16px;padding:3rem 2.5rem;max-width:600px;width:100%;box-shadow:0 4px 20px #00000014;text-align:center;margin:0 auto}.success-icon{width:120px;height:120px;margin:0 auto 2rem;background:linear-gradient(135deg,#d4f4dd,#a8e6cf);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #a8e6cf66}.success-icon svg{width:60px;height:60px;color:#00b207;stroke-width:2.5}.success-message{font-size:1.125rem;color:#999;line-height:1.6;margin-bottom:2.5rem}.order-details-box{background:#f9f9f9;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:left}.detail-row{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0}.detail-row:not(:last-child){border-bottom:1px solid #eee}.detail-icon{width:40px;height:40px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.detail-icon svg{width:24px;height:24px;color:#ff6b35}.detail-content{flex:1}.detail-label{font-size:.95rem;color:#999;margin-bottom:.25rem}.detail-value{font-size:1.125rem;font-weight:600;color:#1a1a1a}.delivery-row{border-bottom:none!important}.delivery-date{color:#00b207;font-weight:700}.btn-view-order{width:100%;max-width:400px;background:#ff6b35;color:#fff;padding:1rem 2rem;border:none;border-radius:12px;font-weight:600;font-size:1.125rem;cursor:pointer;transition:all .3s}.btn-view-order:hover{background:#ff5722;transform:translateY(-2px);box-shadow:0 5px 15px #ff6b354d}@media (max-width: 768px){.success-page{padding:1rem}.success-card{padding:2rem 1.5rem}.success-icon{width:100px;height:100px;margin-bottom:1.5rem}.success-icon svg{width:50px;height:50px}.success-message{font-size:1rem;margin-bottom:2rem}.order-details-box{padding:1rem}.detail-row{padding:.75rem 0}.detail-icon{width:36px;height:36px}.detail-icon svg{width:20px;height:20px}.detail-value,.btn-view-order{font-size:1rem}}@media (min-width: 769px) and (max-width: 1024px){.success-card{padding:2.5rem 2rem}}