.payment-success{display:flex;min-height:100vh;align-items:center;justify-content:center;background-color:hsl(var(--background));padding:3rem 1rem}.payment-success__container{margin-left:auto;margin-right:auto;width:100%;max-width:32rem;text-align:center;border-radius:1rem;background-color:hsl(var(--card));padding:2.5rem;min-height:560px;border:1px solid var(--whisper-gray);box-shadow:0 0 20px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center}.payment-success__icon{margin-left:auto;margin-right:auto;margin-bottom:1.5rem;height:5rem;width:5rem;--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.payment-success__title{margin-bottom:1rem;padding-bottom:1rem;font-size:1.875rem;line-height:2.25rem;font-weight:700;color:hsl(var(--foreground));border-bottom:1px solid var(--whisper-gray)}.payment-success__message{margin-bottom:2rem;font-size:1.125rem;line-height:1.75rem;color:hsl(var(--muted-foreground))}.payment-success__details{margin-bottom:2rem;border-radius:var(--radius);border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--card));padding:1.5rem;text-align:left}.payment-success__detail-row{display:flex;justify-content:space-between;border-bottom-width:1px;border-color:hsl(var(--border));padding-top:.75rem;padding-bottom:.75rem}.payment-success__detail-row:last-child{border-width:0}.payment-success__detail-label{font-size:.875rem;line-height:1.25rem;color:hsl(var(--muted-foreground))}.payment-success__detail-value{font-size:.875rem;line-height:1.25rem;font-weight:600;color:hsl(var(--foreground))}.payment-success__detail-value--highlight{color:hsl(var(--primary))}.payment-success__actions{display:flex;flex-direction:column;gap:.75rem}@media (min-width:640px){.payment-success__actions{flex-direction:row;justify-content:center}}.payment-success__button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);padding:.75rem 2rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background-color:var(--premium-black);min-width:140px}@media (min-width:640px){.payment-success__button{width:auto}}.payment-success__button:hover{background-color:var(--premium-black);opacity:.85}.payment-success__button--secondary{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.payment-success__button--secondary:hover{background-color:hsl(var(--secondary)/.9)}.payment-success__link{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);padding:.75rem 1.5rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s;border-width:1px;border-color:hsl(var(--border));background-color:transparent;color:hsl(var(--muted-foreground))}.payment-success__link:hover{background-color:hsl(var(--muted));color:hsl(var(--foreground))}.payment-success__link:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--border));--tw-ring-offset-width:2px}.payment-success__link{min-width:140px}@media (min-width:640px){.payment-success__link{width:auto}}.payment-cancel{display:flex;min-height:100vh;align-items:center;justify-content:center;background-color:hsl(var(--background));padding:3rem 1rem}.payment-cancel__container{margin-left:auto;margin-right:auto;width:100%;max-width:32rem;text-align:center;border-radius:1rem;background-color:hsl(var(--card));padding:2.5rem;min-height:500px;border:1px solid var(--whisper-gray);box-shadow:0 0 20px rgba(0,0,0,.1)}.payment-cancel__icon{margin-left:auto;margin-right:auto;margin-bottom:1.5rem;height:5rem;width:5rem;--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.payment-cancel__title{margin-bottom:1rem;padding-bottom:1rem;font-size:1.875rem;line-height:2.25rem;font-weight:700;color:hsl(var(--foreground));border-bottom:1px solid var(--whisper-gray)}.payment-cancel__message{margin-bottom:4rem;font-size:1.125rem;line-height:1.75rem;line-height:1.625;color:var(--gray-classic-content)}.payment-cancel__actions{display:flex;flex-direction:column;gap:.75rem}@media (min-width:640px){.payment-cancel__actions{flex-direction:row;justify-content:center}}.payment-cancel__button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);padding:.75rem 2rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background-color:var(--premium-black);min-width:140px}@media (min-width:640px){.payment-cancel__button{width:auto}}.payment-cancel__button:hover{background-color:var(--premium-black);opacity:.85}.payment-cancel__link{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);padding:.75rem 1.5rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s;border-width:1px;border-color:hsl(var(--border));background-color:transparent;color:hsl(var(--muted-foreground))}.payment-cancel__link:hover{background-color:hsl(var(--muted));color:hsl(var(--foreground))}.payment-cancel__link:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--border));--tw-ring-offset-width:2px}.payment-cancel__link{min-width:140px}@media (min-width:640px){.payment-cancel__link{width:auto}}.payment-processing{display:flex;min-height:100vh;align-items:center;justify-content:center;background-color:hsl(var(--background))}.payment-processing__container{margin-left:auto;margin-right:auto;width:100%;max-width:32rem;text-align:center;border-radius:1rem;background-color:hsl(var(--card));padding:2.5rem;min-height:560px;border:1px solid var(--whisper-gray);box-shadow:0 0 20px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center}.payment-processing__spinner{margin-left:auto;margin-right:auto;margin-bottom:1rem;height:3rem;width:3rem}@keyframes spin{to{transform:rotate(1turn)}}.payment-processing__spinner{animation:spin 1s linear infinite;border-radius:9999px;background:conic-gradient(from 0deg,transparent 0deg 90deg,#0090F7 90deg 180deg,#BA62FC 180deg 270deg,#F2416B 270deg 315deg,#F55600 315deg 1turn);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px))}.payment-processing__text{margin-bottom:.5rem;font-size:1rem;line-height:1.5rem;color:var(--gray-classic-content)}.payment-processing__title{margin-bottom:1rem;font-size:1.5rem;line-height:2rem;font-weight:700;color:var(--gray-classic-content)}.payment-processing__order{margin-top:1rem;font-size:1rem;line-height:1.5rem;font-weight:500;color:var(--gray-classic-content)}.payment-processing__retry{margin-top:.75rem;font-size:.875rem;line-height:1.25rem;opacity:.7;color:var(--gray-classic-content)}.payment-processing__refresh{margin-top:2rem;border-radius:var(--radius);padding:.5rem 1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;display:inline-block;cursor:pointer;background-color:var(--premium-black)}.payment-processing__refresh:hover{background-color:var(--premium-black);opacity:.85}.payment-processing__timeout{margin-top:2rem;border-radius:var(--radius);background-color:hsl(var(--muted));padding:1rem}.payment-processing__timeout p{margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;color:var(--gray-classic-content)}.payment-processing__link{margin-top:.5rem;display:inline-block;color:hsl(var(--primary))}.payment-processing__link:hover{text-decoration-line:underline}.payment-processing__container .payment-success__details{padding:.75rem 1.5rem;margin-bottom:0}.payment-processing__container .payment-success__detail-row{padding-top:.75rem;padding-bottom:.75rem;min-height:32px}.payment-processing__container .payment-success__detail-value{color:var(--gray-classic-content)}.payment-error{display:flex;min-height:100vh;align-items:center;justify-content:center;background-color:hsl(var(--background));padding:3rem 1rem}.payment-error__container{margin-left:auto;margin-right:auto;width:100%;max-width:32rem;text-align:center;border-radius:1rem;background-color:hsl(var(--card));padding:2.5rem;min-height:560px;border:1px solid var(--whisper-gray);box-shadow:0 0 20px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center}.payment-error__icon{margin-left:auto;margin-right:auto;margin-bottom:1.5rem;height:5rem;width:5rem;--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.payment-error__title{margin-bottom:1rem;padding-bottom:1rem;font-size:1.875rem;line-height:2.25rem;font-weight:700;color:hsl(var(--foreground));border-bottom:1px solid var(--whisper-gray)}.payment-error__message{margin-bottom:1.5rem;text-align:left;font-size:1rem;line-height:1.5rem;line-height:1.625;color:hsl(var(--muted-foreground))}.payment-error__code{margin-bottom:3rem;display:inline-flex;align-items:center;border-radius:var(--radius);padding:.5rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;color:hsl(var(--foreground));background-color:var(--whisper-gray)}.payment-error__actions{display:flex;flex-direction:column;gap:.75rem}@media (min-width:640px){.payment-error__actions{flex-direction:row;justify-content:center}}.payment-error__button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);padding:.75rem 2rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background-color:var(--premium-black)}.payment-error__button:hover{background-color:var(--premium-black);opacity:.85}.payment-error__link{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);padding:.75rem 1.5rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s;border-width:1px;border-color:hsl(var(--border));background-color:transparent;color:hsl(var(--muted-foreground))}.payment-error__link:hover{background-color:hsl(var(--muted));color:hsl(var(--foreground))}.payment-error__link:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--border));--tw-ring-offset-width:2px}.payment-error__link{min-width:140px}@media (min-width:640px){.payment-error__link{width:auto}}.payment-result-modal{margin-left:1rem;margin-right:1rem;width:100%;max-width:42rem;min-height:400px;background-color:var(--premium-white);border-radius:1rem;box-shadow:0 0 20px rgba(0,0,0,.1);border:1px solid var(--whisper-gray);outline:none}.payment-result-modal:focus,.payment-result-modal:focus-visible{outline:none;border:1px solid var(--whisper-gray)}.payment-result-modal__overlay{background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:0.25;z-index:9999}.payment-result-modal__content{padding:0;display:flex;flex-direction:column;justify-content:center;min-height:400px}.payment-result-modal .modal-close{color:var(--gray-classic-content);background-color:transparent}.payment-result-modal .modal-close:hover{background-color:var(--whisper-gray);color:var(--premium-black)}.payment-success--modal{min-height:0;padding:0;background:transparent}.payment-success--modal .payment-success__container{min-height:auto;padding:2rem;background-color:transparent;box-shadow:none;border:none}.payment-error--modal{min-height:0;padding:0;background:transparent}.payment-error--modal .payment-error__container{height:auto;min-height:auto;padding:2rem;background-color:transparent;box-shadow:none;border:none}.payment-processing--modal{min-height:0;padding:0;background:transparent}.payment-processing--modal .payment-processing__container{padding:2rem;background-color:transparent;box-shadow:none;border:none}.payment-result-modal .payment-error__button,.payment-result-modal .payment-success__button{width:100%}@media (min-width:640px){.payment-result-modal .payment-error__button,.payment-result-modal .payment-success__button{width:auto}}.payment-history{padding-top:2rem;padding-bottom:2rem}.payment-history__container{width:100%;padding-right:2rem;padding-left:2rem}@media (min-width:1400px){.payment-history__container{max-width:1400px}}.payment-history__container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.payment-history__container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.payment-history__container{padding-left:2rem;padding-right:2rem}}.payment-history__title{margin-bottom:1.5rem;font-size:1.5rem;line-height:2rem;font-weight:700;color:hsl(var(--foreground))}.payment-history__table{width:100%;overflow:hidden;border-radius:var(--radius);border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--card))}.payment-history__header{background-color:hsl(var(--muted))}.payment-history__row{border-bottom-width:1px;border-color:hsl(var(--border));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.payment-history__row:last-child{border-width:0}.payment-history__row:hover{background-color:hsl(var(--muted)/.5)}.payment-history__cell{padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem}.payment-history__cell--header{font-weight:600;color:hsl(var(--foreground))}.payment-history__status{display:inline-flex;align-items:center;border-radius:9999px;padding:.125rem .625rem;font-size:.75rem;line-height:1rem;font-weight:500}.payment-history__status--paid{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.payment-history__status--paid:is(.dark *){--tw-bg-opacity:1;background-color:rgb(20 83 45/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity,1))}.payment-history__status--pending{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity,1))}.payment-history__status--pending:is(.dark *){--tw-bg-opacity:1;background-color:rgb(113 63 18/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(254 240 138/var(--tw-text-opacity,1))}.payment-history__status--failed{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.payment-history__status--failed:is(.dark *){--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity,1))}.payment-history__empty{padding-top:3rem;padding-bottom:3rem;text-align:center;color:hsl(var(--muted-foreground))}@media (max-width:640px){.payment-result-modal{margin-left:.5rem;margin-right:.5rem;max-width:100%}.payment-error--modal .payment-error__container,.payment-success--modal .payment-success__container{padding:1.5rem}.payment-error--modal .payment-error__title,.payment-success--modal .payment-success__title{font-size:1.5rem;line-height:2rem}.payment-error--modal .payment-error__icon,.payment-success--modal .payment-success__icon{height:4rem;width:4rem}}