body{background:linear-gradient(135deg, #ffffff 0%, #efefef 100%);min-height:100vh}body.with-order{background:linear-gradient(135deg, #ffffff 0%, #efefef 100%)}body.without-order{background:#2ba0e3;background:linear-gradient(45deg, rgb(43, 160, 227) 0%, rgb(168, 0, 129) 100%);color:#fff}body.without-order>.success{color:#373737}body.without-order>.success h1{color:#71c46d;font-size:24px}.card{border:none;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.btn-primary{background:linear-gradient(45deg, #667eea, #764ba2);border:none;border-radius:25px}.btn-primary:hover{background:linear-gradient(45deg, #5a6fd8, #6a4190);transform:translateY(-1px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(102,126,234,.25)}.status-badge{border-radius:20px;padding:5px 15px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.payment-card{transition:transform .2s ease-in-out}.payment-card:hover{transform:translateY(-5px)}.table th{font-weight:600;color:#495057;border-bottom:2px solid #dee2e6}.table td{vertical-align:middle}.table tbody tr{transition:background-color .2s}.table tbody tr:hover{background-color:rgba(102,126,234,.05)}.form-control{border-radius:8px;border:1px solid #ced4da;transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:#667eea;box-shadow:0 0 0 .2rem rgba(102,126,234,.25)}.form-label{font-weight:500;color:#495057;margin-bottom:.5rem}.alert{border-radius:10px;border:none}.alert.alert-success{background:linear-gradient(45deg, #28a745, #20c997);color:#fff}.alert.alert-warning{background:linear-gradient(45deg, #ffc107, #fd7e14);color:#fff}.text-white h1{font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}@media(max-width: 768px){.card{margin-bottom:1rem}.btn-primary{width:100%;margin-top:1rem}.table-responsive{font-size:.9rem}}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading{opacity:.6;pointer-events:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(45deg, #667eea, #764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg, #5a6fd8, #6a4190)}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}body.without-order>div{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}body.without-order>div>section{background-color:#fff;border-radius:20px;padding:20px;width:300px;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}body.without-order>div>section>h1{font-size:20px;margin-bottom:10px}body.without-order>div>section>form{display:flex;flex-direction:column;gap:10px}body.without-order>div>section>form input{width:100%;padding:10px;border-radius:5px;border:1px solid #ccc}body.without-order>div>section>form button{width:100%;padding:10px;border-radius:5px}body section.heading{margin-top:50px}body section.heading svg{width:150px;height:150px}body section.heading h1{font-size:24px;font-weight:600;color:#000;margin-top:0;margin-bottom:50px}body section.order-grid{display:grid;grid-template-columns:1fr 300px;gap:20px;max-width:800px;margin:0 auto}body section.order-grid.payment-form{margin-bottom:100px}body section.order-grid.full{grid-template-columns:1fr}body section.order-grid.full .alert p{margin-bottom:0}body section.order-grid>div{padding:20px}body section.order-grid>div.left-panel{background-color:#fff;width:100%}body section.order-grid>div.left-panel table tbody tr td:first-child{text-align:left}body section.order-grid>div.left-panel table tbody tr td:last-child{text-align:right}body section.order-grid>div.left-panel table tbody tr td:nth-last-child(2){text-align:right}body section.order-grid>div.right-panel{background-color:#fff}body section.order-grid>div.right-panel form{display:flex;flex-direction:column;gap:0;height:100%}body section.order-grid>div.right-panel form div button{width:100%;padding:10px}body section.order-grid>div.right-panel form div.top{flex:1}body section.order-grid>div.right-panel form div.bottom{position:sticky;bottom:0;background-color:#fff}body section.order-grid>div.right-panel form div.bottom .footer{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;margin-bottom:20px}body section.order-grid>div.right-panel form div.bottom .footer span{transform:translateY(-2px);font-size:11px}body section.order-grid>div.right-panel form div.bottom .footer svg{height:20px;width:64px}/*# sourceMappingURL=styles.css.map */