*{box-sizing:border-box;font-family:Inter,system-ui,-apple-system,sans-serif;margin:0;padding:0}body{background-color:#f9fafb;color:#1e293b;line-height:1.5;min-height:100vh}.container{margin:0 auto;max-width:64rem;padding:2rem 1rem}header{margin-bottom:1rem;text-align:center}h1{color:#165dff;font-size:clamp(1.8rem,5vw,2.5rem);font-weight:700;margin-bottom:.5rem}.subtitle{color:#64748b;font-size:1rem}.card{background-color:#fff;border-radius:.75rem;box-shadow:0 10px 25px -5px #165dff1a,0 8px 10px -6px #165dff0d;padding:2rem;transition:all .5s ease}.form-container{margin:0 auto;max-width:28rem}.form-header{margin-bottom:1.5rem;text-align:center}.icon-large{color:#165dff4d;font-size:5rem;margin-bottom:1rem}h2{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.form-text{color:#64748b;font-size:.875rem}form{display:flex;flex-direction:column;gap:1rem}.form-group{margin-bottom:1rem}label{color:#4b5563;display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.input-wrapper{position:relative}.input-icon{color:#64748b;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}input{border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;padding:.75rem .75rem .75rem 2.5rem;width:100%}input:focus{border-color:#165dff;box-shadow:0 0 0 2px #165dff40;outline:none}.error-message{color:#ef4444;font-size:.875rem;margin-top:.25rem}button{align-items:center;background-color:#165dff;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease}button:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-1px)}.link-text{color:#165dff;text-decoration:none}.link-text:hover{text-decoration:underline}.footer-text{color:#64748b;font-size:.875rem;margin-top:1.5rem;text-align:center}#order-details-section{margin-top:10px}.detail-header{justify-content:space-between;margin-bottom:1.5rem}.back-button,.detail-header{align-items:center;display:flex}.back-button{background:none;border:none;color:#165dff;font-size:.875rem;font-weight:500;gap:.25rem;padding:0}.back-button:hover{box-shadow:none;color:#165dffcc;transform:none}.order-summary{border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1rem}.summary-grid{display:flex;flex-direction:column;gap:1rem}@media (min-width:768px){.summary-grid{flex-direction:row;justify-content:space-between}}.summary-item{margin-bottom:.5rem}.summary-label{color:#64748b;font-size:.875rem}.section-title,.summary-value{font-size:1.125rem;font-weight:500}.info-card{background-color:#f1f5f9;border-radius:.5rem;padding:1rem}.product-list{display:flex;flex-direction:column;gap:.75rem}.product-item{align-items:center;border:1px solid #f1f5f9;border-radius:.5rem;display:flex;justify-content:space-between;padding:.75rem}.product-info{flex:1}.product-name{font-weight:500;margin-bottom:.25rem}.product-quantity{color:#64748b;font-size:.875rem}.product-price{text-align:right}.price-detail{font-size:1rem}.price-subtotal{color:#64748b;font-size:.875rem}.price-summary{padding-top:1rem}.price-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.price-label{color:#64748b}.total-row{display:flex;font-size:1.25rem;font-weight:700;justify-content:space-between;margin-top:1rem;padding-top:1rem}.total-price{color:#165dff}.print-button{background-color:#fff;border:1px solid #165dff;color:#165dff;margin:2rem auto 0;padding:.5rem 1.5rem}footer{color:#64748b;font-size:.875rem;margin-top:4rem;padding:1.5rem 0;text-align:center}.status-completed{color:#10b981;font-weight:500}.status-shipped{color:#3b82f6;font-weight:500}.status-processing{color:#f59e0b;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.animate-fadeIn{animation:fadeIn .5s ease-out forwards}.animate-shake{animation:shake .5s ease-in-out}.loader{aspect-ratio:1;background:#25b09b;border-radius:50%;padding:8px;width:50px;--_m:conic-gradient(#0000 10%,#000),linear-gradient(#000 0 0) content-box;animation:l3 1s linear infinite;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract}@keyframes l3{to{transform:rotate(1turn)}}