.button{width:100%;padding:18px 24px;border-radius:12px;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);border:none;outline:none;position:relative;overflow:hidden;letter-spacing:.3px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.button::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%, -50%);transition:width .6s,height .6s}.button:active::before{width:300px;height:300px}.button--primary{background:linear-gradient(135deg, #1976d2 0%, #1565c0 100%);color:#fff;box-shadow:0 4px 12px rgba(25,118,210,.3)}.button--primary:hover:not(:disabled){background:linear-gradient(135deg, #1565c0 0%, #0d47a1 100%);transform:translateY(-2px);box-shadow:0 6px 16px rgba(25,118,210,.4)}.button--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px rgba(25,118,210,.3)}.button--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.button--secondary{background-color:#fff;color:#1976d2;border:2px solid #1976d2;box-shadow:0 2px 8px rgba(25,118,210,.15)}.button--secondary:hover:not(:disabled){background-color:#f5f8ff;border-color:#1565c0;color:#1565c0;transform:translateY(-2px);box-shadow:0 4px 12px rgba(25,118,210,.25)}.button--secondary:active:not(:disabled){transform:translateY(0);background-color:#e3f2fd;box-shadow:0 2px 6px rgba(25,118,210,.2)}.button--secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}[data-theme=dark] .button--primary{background:linear-gradient(135deg, #1976d2 0%, #1565c0 100%);box-shadow:0 4px 12px rgba(25,118,210,.4)}[data-theme=dark] .button--primary:hover:not(:disabled){background:linear-gradient(135deg, #1565c0 0%, #0d47a1 100%);box-shadow:0 6px 16px rgba(25,118,210,.5)}[data-theme=dark] .button--secondary{background-color:#1e1e1e;color:#64b5f6;border-color:#64b5f6;box-shadow:0 2px 8px rgba(100,181,246,.2)}[data-theme=dark] .button--secondary:hover:not(:disabled){background-color:#2a3441;border-color:#90caf9;color:#90caf9;box-shadow:0 4px 12px rgba(100,181,246,.3)}[data-theme=dark] .button--secondary:active:not(:disabled){background-color:#1e3a5f;box-shadow:0 2px 6px rgba(100,181,246,.25)}
.timer{font-size:18px;font-weight:600;color:inherit}
.language-selector{position:relative;display:inline-block}.language-selector__button{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease}.language-selector__button:hover{border-color:#1976d2}.language-selector__flag{display:flex;align-items:center;justify-content:center;flex-shrink:0}.language-selector__flag-icon{display:block;width:24px;height:18px;border-radius:2px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.1)}.language-selector__name{font-weight:500;color:#333}.language-selector__arrow{font-size:10px;color:#666;transition:transform .2s ease;transform:rotate(180deg)}.language-selector__arrow--open{transform:rotate(0deg)}.language-selector__dropdown{position:absolute;top:calc(100% + 4px);left:0;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:1000;min-width:120px;overflow:hidden}.language-selector__option{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background-color:#fff;border:none;text-align:left;cursor:pointer;font-size:14px;transition:background-color .2s ease}.language-selector__option:hover{background-color:#f5f5f5}.language-selector__option--active{background-color:#e3f2fd}[data-theme=dark] .language-selector__button{background-color:#1e1e1e;border-color:#444;color:#fff}[data-theme=dark] .language-selector__button:hover{border-color:#1976d2}[data-theme=dark] .language-selector__name{color:#fff}[data-theme=dark] .language-selector__arrow{color:#ccc}[data-theme=dark] .language-selector__dropdown{background-color:#1e1e1e;border-color:#444;box-shadow:0 4px 12px rgba(0,0,0,.5)}[data-theme=dark] .language-selector__option{background-color:#1e1e1e;color:#fff}[data-theme=dark] .language-selector__option:hover{background-color:#2e2e2e}[data-theme=dark] .language-selector__option--active{background-color:#1565c0}
.loader{display:flex;justify-content:center;align-items:center;padding:40px}.loader__circle{width:60px;height:60px}.loader__spinner{width:100%;height:100%;animation:loader-rotate 1s linear infinite}.loader__path{stroke-dasharray:90,150;stroke-dashoffset:0;stroke-linecap:round;animation:loader-dash 1.5s ease-in-out infinite}@keyframes loader-rotate{100%{transform:rotate(360deg)}}@keyframes loader-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}
.theme-toggle{width:40px;height:40px;border-radius:50%;border:1px solid #e0e0e0;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;outline:none;padding:0}.theme-toggle__icon{font-size:20px;color:#333;transition:transform .3s ease,color .3s ease}.theme-toggle:hover{border-color:#1976d2;background-color:#f5f5f5;transform:scale(1.1)}.theme-toggle:hover .theme-toggle__icon{color:#1976d2}.theme-toggle:active{transform:scale(0.95)}[data-theme=dark] .theme-toggle{background-color:#1e1e1e;border-color:#444}[data-theme=dark] .theme-toggle__icon{color:#fff}[data-theme=dark] .theme-toggle:hover{border-color:#1976d2;background-color:#2e2e2e}[data-theme=dark] .theme-toggle:hover .theme-toggle__icon{color:#64b5f6}
.toast{position:fixed;top:15px;left:50%;transform:translateX(-50%);z-index:10000;animation:slideUp .3s ease-out}.toast__content{display:flex;align-items:center;gap:12px;background-color:#1976d2;color:#fff;padding:14px 20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2);min-width:200px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.toast__content:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.25)}.toast__icon{font-size:20px;font-weight:700;line-height:1}.toast__message{font-size:14px;font-weight:500;line-height:1.4}[data-theme=dark] .toast__content{box-shadow:0 4px 12px rgba(0,0,0,.4)}@keyframes slideUp{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
.payment-layout{min-height:100vh;background-color:#e3f2fd;display:flex;align-items:center;justify-content:center;padding:20px;transition:background-color .3s ease}.payment-layout__container{width:100%;max-width:600px;position:relative}.payment-layout__controls{display:flex;justify-content:space-between;align-items:center;z-index:10;margin-bottom:10px}.payment-layout__language{flex:0 0 auto}.payment-layout__theme{flex:0 0 auto}.payment-layout__content{width:100%}[data-theme=dark] .payment-layout{background-color:#121212}
.payment-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);width:100%;margin:0 auto}.payment-loader__amount{font-size:36px;font-weight:700;color:#000;margin-bottom:40px}.payment-loader__text{margin-top:40px;text-align:center;color:#666;font-size:17px;line-height:1.5}.payment-loader__confirm-content{margin-top:40px;text-align:center;display:flex;flex-direction:column;gap:18px;width:100%;animation:fadeIn .6s ease-out .2s both}.payment-loader__confirm-title{font-size:28px;font-weight:600;color:#333;margin:0;letter-spacing:-0.6px;line-height:1.3}.payment-loader__confirm-message{font-size:17px;color:#666;line-height:1.7;margin:0;font-weight:500}.payment-loader__confirm-warning{margin-top:8px;padding:16px;background:linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%);border-radius:10px;border-left:4px solid #ff9800;font-size:15px;color:#e65100;font-weight:600;line-height:1.6;box-shadow:0 2px 8px rgba(255,152,0,.15)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}[data-theme=dark] .payment-loader{background-color:#1e1e1e;box-shadow:0 2px 8px rgba(0,0,0,.5)}[data-theme=dark] .payment-loader__text{color:#aaa}[data-theme=dark] .payment-loader__amount{color:#fff}[data-theme=dark] .payment-loader__confirm-title{color:#fff}[data-theme=dark] .payment-loader__confirm-message{color:#bbb}[data-theme=dark] .payment-loader__confirm-warning{background:linear-gradient(135deg, #3d2f1f 0%, #4a3a2a 100%);color:#ffb74d;border-left-color:#ff9800;box-shadow:0 2px 8px rgba(255,152,0,.2)}
.payment-form{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:background-color .3s ease,color .3s ease}.payment-form__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.payment-form__title{font-size:20px;font-weight:600;color:#333;margin:0}.payment-form__timer{padding:8px 14px;background-color:#fff3e0;border-radius:15px;color:#e65100;font-weight:600;font-size:16px}.payment-form__amount{font-size:34px;font-weight:700;color:#333;margin-bottom:24px}.payment-form__section{background:linear-gradient(to bottom, #e9f4fa 0%, #e9f4fa 100%);border-radius:10px;padding:18px;margin-bottom:18px;border:1px solid #e0e0e0;box-shadow:0 1px 3px rgba(0,0,0,.05)}.payment-form__section:last-child{margin-bottom:0}.payment-form__field{margin-bottom:16px}.payment-form__field:last-child{margin-bottom:0}.payment-form__label{font-size:15px;color:#9a9999;margin-bottom:4px;font-weight:500}.payment-form__value{display:flex;align-items:center;justify-content:space-between;font-size:19px;font-weight:600;color:#333}.payment-form__copy{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s ease,transform .2s ease;color:inherit}.payment-form__copy:hover{opacity:1;transform:scale(1.1)}.payment-form__copy:active{transform:scale(0.95)}.payment-form__copy svg{width:18px;height:18px}.payment-form__actions{display:flex;flex-direction:column;gap:12px;margin-top:24px;margin-bottom:0}[data-theme=dark] .payment-form{background-color:#1e1e1e;box-shadow:0 2px 8px rgba(0,0,0,.5)}[data-theme=dark] .payment-form__title{color:#fff}[data-theme=dark] .payment-form__amount{color:#fff}[data-theme=dark] .payment-form__section{background:linear-gradient(to bottom, #2e2e2e 0%, #272727 100%);border:1px solid #404040;box-shadow:0 2px 6px rgba(0,0,0,.3)}[data-theme=dark] .payment-form__label{color:#aaa}[data-theme=dark] .payment-form__value{color:#fff}[data-theme=dark] .payment-form__copy{color:#fff}
.payment-instruction{background-color:#fff;border-radius:12px;padding:20px 24px;margin-top:16px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:background-color .3s ease,box-shadow .3s ease}.payment-instruction__text{font-size:17px;line-height:1.4;margin:0;font-weight:500}.payment-instruction__text:last-child{margin-bottom:0}[data-theme=dark] .payment-instruction{background-color:#1e1e1e;box-shadow:0 2px 8px rgba(0,0,0,.5);border:1px solid #333}[data-theme=dark] .payment-instruction__text{color:#fff}
.payment-success-page{width:100%}.payment-success-page__content{background-color:#fff;border-radius:16px;padding:48px 24px;box-shadow:0 4px 20px rgba(0,0,0,.08);text-align:center;animation:fadeInUp .5s ease-out}.payment-success-page__icon-wrapper{display:flex;justify-content:center;margin-bottom:24px}.payment-success-page__icon{font-size:80px !important;color:#4caf50;filter:drop-shadow(0 4px 12px rgba(76, 175, 80, 0.3))}.payment-success-page__title{font-size:32px;font-weight:700;color:#4caf50;margin:0 0 16px 0;animation:fadeIn .5s ease-out .3s both}.payment-success-page__message{font-size:18px;font-weight:500;color:#666;margin:0 0 32px 0;line-height:1.6;animation:fadeIn .5s ease-out .4s both}.payment-success-page__order{display:flex;flex-direction:column;gap:8px;margin-bottom:32px;padding:20px;background:linear-gradient(135deg, #f5f5f5 0%, #f5f5f5 100%);border-radius:12px;border:1px solid rgba(76,175,80,.1);animation:fadeIn .5s ease-out .5s both}.payment-success-page__order-label{font-size:16px;font-weight:600;color:#999}.payment-success-page__order-value-wrapper{display:flex;align-items:center;justify-content:center;gap:8px}.payment-success-page__order-value{font-size:18px;font-weight:600;color:#333;word-break:break-all}.payment-success-page__copy{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s ease,transform .2s ease;color:inherit}.payment-success-page__copy:hover{opacity:1;transform:scale(1.1)}.payment-success-page__copy:active{transform:scale(0.95)}.payment-success-page__copy svg{width:18px;height:18px}.payment-success-page__actions{margin-top:32px;animation:fadeIn .5s ease-out .6s both}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}[data-theme=dark] .payment-success-page__content{background-color:#1e1e1e;box-shadow:0 2px 8px rgba(0,0,0,.5)}[data-theme=dark] .payment-success-page__message{color:#fff}[data-theme=dark] .payment-success-page__order{background:linear-gradient(135deg, #2e2e2e 0%, #2e2e2e 100%);border-color:rgba(76,175,80,.2)}[data-theme=dark] .payment-success-page__order-label{color:#aaa}[data-theme=dark] .payment-success-page__order-value{color:#fff}[data-theme=dark] .payment-success-page__copy{color:#fff}[data-theme=dark] .payment-success-page__copy:hover{color:#64b5f6}
.payment-fail-page{width:100%}.payment-fail-page__content{background-color:#fff;border-radius:16px;padding:48px 24px;box-shadow:0 4px 20px rgba(0,0,0,.08);text-align:center;animation:fadeInUp .5s ease-out}.payment-fail-page__icon-wrapper{display:flex;justify-content:center;margin-bottom:24px}.payment-fail-page__icon{font-size:80px !important;color:#f44336;filter:drop-shadow(0 4px 12px rgba(244, 67, 54, 0.3))}.payment-fail-page__title{font-size:32px;font-weight:700;color:#f44336;margin:0 0 16px 0;animation:fadeIn .5s ease-out .3s both}.payment-fail-page__message{font-size:18px;font-weight:500;color:#666;margin:0 0 32px 0;line-height:1.6;animation:fadeIn .5s ease-out .4s both;white-space:pre-line}.payment-fail-page__order{display:flex;flex-direction:column;gap:8px;margin-bottom:32px;padding:20px;background:linear-gradient(135deg, #f5f5f5 0%, #f5f5f5 100%);border-radius:12px;border:1px solid rgba(244,67,54,.1);animation:fadeIn .5s ease-out .5s both}.payment-fail-page__order-label{font-size:16px;font-weight:600;color:#999}.payment-fail-page__order-value-wrapper{display:flex;align-items:center;justify-content:center;gap:8px}.payment-fail-page__order-value{font-size:18px;font-weight:600;color:#333;word-break:break-all}.payment-fail-page__copy{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s ease,transform .2s ease;color:inherit}.payment-fail-page__copy:hover{opacity:1;transform:scale(1.1)}.payment-fail-page__copy:active{transform:scale(0.95)}.payment-fail-page__copy svg{width:18px;height:18px}.payment-fail-page__actions{margin-top:32px;animation:fadeIn .5s ease-out .6s both}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}[data-theme=dark] .payment-fail-page__content{background-color:#1e1e1e;box-shadow:0 2px 8px rgba(0,0,0,.5)}[data-theme=dark] .payment-fail-page__message{color:#fff}[data-theme=dark] .payment-fail-page__order{background:linear-gradient(135deg, #2e2e2e 0%, #2e2e2e 100%);border-color:rgba(244,67,54,.2)}[data-theme=dark] .payment-fail-page__order-label{color:#aaa}[data-theme=dark] .payment-fail-page__order-value{color:#fff}[data-theme=dark] .payment-fail-page__copy{color:#fff}[data-theme=dark] .payment-fail-page__copy:hover{color:#64b5f6}
.not-found-page{width:100%}.not-found-page__content{background-color:#fff;border-radius:12px;padding:48px 24px;box-shadow:0 2px 8px rgba(0,0,0,.1);text-align:center}.not-found-page__title{font-size:32px;font-weight:700;color:#333;margin:0 0 16px 0}.not-found-page__message{font-size:24px;color:#666;margin:0 0 2rem 0}.not-found-page__actions{display:flex;justify-content:center;margin-top:2rem}[data-theme=dark] .not-found-page__content{background-color:#1e1e1e;box-shadow:0 2px 8px rgba(0,0,0,.5)}[data-theme=dark] .not-found-page__title{color:#fff}[data-theme=dark] .not-found-page__message{color:#aaa}
.access-denied-page{width:100%}.access-denied-page__content{background-color:#fff;border-radius:12px;padding:48px 24px;box-shadow:0 2px 8px rgba(0,0,0,.1);text-align:center}.access-denied-page__title{font-size:32px;font-weight:700;color:#333;margin:0 0 16px 0}.access-denied-page__message{font-size:18px;font-weight:600;color:#333;margin:0 0 32px 0;line-height:1.5}.access-denied-page__actions{display:flex;justify-content:center;margin-top:2rem}[data-theme=dark] .access-denied-page__content{background-color:#1e1e1e;box-shadow:0 2px 8px rgba(0,0,0,.5)}[data-theme=dark] .access-denied-page__title{color:#fff}[data-theme=dark] .access-denied-page__message{color:#fff}
.server-error-page{width:100%}.server-error-page__content{background-color:#fff;border-radius:12px;padding:48px 24px;box-shadow:0 2px 8px rgba(0,0,0,.1);text-align:center}.server-error-page__title{font-size:32px;font-weight:700;color:#f44336;margin:0 0 16px 0}.server-error-page__message{font-size:18px;font-weight:600;color:#333;margin:0 0 32px 0;line-height:1.5}.server-error-page__order{display:flex;flex-direction:column;gap:8px;margin-bottom:32px;padding:16px;background-color:#f5f5f5;border-radius:8px}.server-error-page__order-label{font-size:16px;font-weight:600;color:#999}.server-error-page__order-value{font-size:18px;font-weight:600;color:#333;word-break:break-all;font-family:monospace}.server-error-page__actions{display:flex;justify-content:center;margin-top:2rem}[data-theme=dark] .server-error-page__content{background-color:#1e1e1e;box-shadow:0 2px 8px rgba(0,0,0,.5)}[data-theme=dark] .server-error-page__message{color:#fff}[data-theme=dark] .server-error-page__order{background-color:#2e2e2e}[data-theme=dark] .server-error-page__order-label{color:#aaa}[data-theme=dark] .server-error-page__order-value{color:#fff}
.payment-declined-page{width:100%}.payment-declined-page__content{background-color:#fff;border-radius:12px;padding:48px 24px;box-shadow:0 2px 8px rgba(0,0,0,.1);text-align:center}.payment-declined-page__title{font-size:32px;font-weight:700;color:#f44336;margin:0 0 16px 0}.payment-declined-page__message{font-size:18px;font-weight:500;color:#666;margin:0 0 2rem 0;line-height:1.6}.payment-declined-page__actions{display:flex;justify-content:center;margin-top:2rem}[data-theme=dark] .payment-declined-page__content{background-color:#1e1e1e;box-shadow:0 2px 8px rgba(0,0,0,.5)}[data-theme=dark] .payment-declined-page__title{color:#ef5350}[data-theme=dark] .payment-declined-page__message{color:#e0e0e0}
.payment-page{width:100%}
.payment-processing{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.payment-processing__header{border-radius:8px;padding:20px}.payment-processing__timer{text-align:center;color:#fff;font-size:36px;font-weight:700}.payment-processing__timer .timer{color:#000;font-size:36px;margin-bottom:12px}.payment-processing__content{text-align:center;margin-bottom:10px}.payment-processing__message{color:#000;font-size:17px;font-weight:500;margin:8px 0;line-height:1.2}[data-theme=dark] .payment-processing{background-color:#1e1e1e;box-shadow:0 2px 8px rgba(0,0,0,.5)}[data-theme=dark] .payment-processing__message{color:#fff}[data-theme=dark] .payment-processing__timer .timer{color:#fff}
.payment-paid-page{width:100%}.loader-container{display:flex;justify-content:center;align-items:center;height:100%}
.ecom-card-form{display:flex;flex-direction:column;gap:20px;width:100%}.ecom-card-form__field{display:flex;flex-direction:column;gap:6px}.ecom-card-form__label{font-size:15px;font-weight:600;color:#9a9999;margin-bottom:2px;letter-spacing:.2px}.ecom-card-form__input{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:17px;font-weight:600;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);background-color:#fff;color:#333;box-shadow:0 2px 4px rgba(0,0,0,.04)}.ecom-card-form__input:hover{border-color:#bdbdbd;box-shadow:0 2px 8px rgba(0,0,0,.08)}.ecom-card-form__input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 4px rgba(25,118,210,.12),0 2px 8px rgba(0,0,0,.1);transform:translateY(-1px)}.ecom-card-form__input::placeholder{color:#bdbdbd;font-weight:400}.ecom-card-form__error{font-size:13px;color:#f44336;margin-top:2px;font-weight:500;padding-left:2px}.ecom-card-form__row{display:flex;flex-direction:row;gap:16px;align-items:flex-start}.ecom-card-form__row .ecom-card-form__field{flex:1}.ecom-card-form__row-error{margin-top:-16px;margin-bottom:4px}[data-theme=dark] .ecom-card-form__label{color:#aaa}[data-theme=dark] .ecom-card-form__input{background-color:#2a2a2a;border-color:#404040;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.3)}[data-theme=dark] .ecom-card-form__input:hover{border-color:#555;box-shadow:0 2px 10px rgba(0,0,0,.4)}[data-theme=dark] .ecom-card-form__input:focus{border-color:#1976d2;box-shadow:0 0 0 4px rgba(25,118,210,.25),0 2px 10px rgba(0,0,0,.4)}[data-theme=dark] .ecom-card-form__input::placeholder{color:#666}[data-theme=dark] .ecom-card-form__separator{color:#ccc}
.ecom-payment-page{width:100%}.ecom-payment-page__form-wrapper{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:background-color .3s ease,color .3s ease}.ecom-payment-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.ecom-payment-page__title{font-size:21px;font-weight:600;color:#333;margin:0}.ecom-payment-page__timer{padding:8px 14px;background-color:#fff3e0;border-radius:15px;color:#e65100;font-weight:600;font-size:16px}.ecom-payment-page__amount{font-size:34px;font-weight:700;color:#333;margin-bottom:24px}.ecom-payment-page__error{background-color:#fff;border-radius:12px;padding:48px 24px;box-shadow:0 2px 8px rgba(0,0,0,.1);text-align:center}.ecom-payment-page__error h2{color:#f44336;margin-bottom:16px}.ecom-payment-page__error p{color:#666}.ecom-payment-page__error-message{margin-top:16px;padding:12px;background-color:#ffebee;border-radius:8px;color:#c62828;font-size:14px;font-weight:500}[data-theme=dark] .ecom-payment-page__form-wrapper{background-color:#1e1e1e;box-shadow:0 2px 8px rgba(0,0,0,.5)}[data-theme=dark] .ecom-payment-page__title{color:#fff}[data-theme=dark] .ecom-payment-page__amount{color:#fff}[data-theme=dark] .ecom-payment-page__error{background-color:#1e1e1e;box-shadow:0 2px 8px rgba(0,0,0,.5)}[data-theme=dark] .ecom-payment-page__error h2{color:#f44336}[data-theme=dark] .ecom-payment-page__error p{color:#aaa}[data-theme=dark] .ecom-payment-page__error-message{background-color:#3d1f1f;color:#ef5350}
.ecom-confirm-form{display:flex;flex-direction:column;gap:24px;width:100%}.ecom-confirm-form__field{display:flex;flex-direction:column;gap:8px}.ecom-confirm-form__label{font-size:16px;font-weight:600;color:#333;margin-bottom:8px;text-align:center}.ecom-confirm-form__input{padding:16px 20px;border:2px solid #e0e0e0;border-radius:12px;font-size:24px;font-weight:700;text-align:center;letter-spacing:8px;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);background-color:#fff;color:#333;box-shadow:0 2px 8px rgba(0,0,0,.05)}.ecom-confirm-form__input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 4px rgba(25,118,210,.15),0 4px 12px rgba(25,118,210,.2);transform:translateY(-2px)}.ecom-confirm-form__input::placeholder{color:#bbb;font-weight:400;letter-spacing:4px}.ecom-confirm-form__error{font-size:15px;color:#f44336;margin-top:6px;font-weight:600;text-align:center}.ecom-confirm-form__hint{font-size:15px;color:#999;margin-top:8px;text-align:center;line-height:1.5}.ecom-confirm-form__submit{margin-top:12px}[data-theme=dark] .ecom-confirm-form__label{color:#fff}[data-theme=dark] .ecom-confirm-form__input{background:linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);border-color:#404040;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.4)}[data-theme=dark] .ecom-confirm-form__input:focus{border-color:#1976d2;box-shadow:0 0 0 4px rgba(25,118,210,.25),0 4px 12px rgba(25,118,210,.3);background:linear-gradient(135deg, #2d2d2d 0%, #222222 100%)}[data-theme=dark] .ecom-confirm-form__input::placeholder{color:#666}[data-theme=dark] .ecom-confirm-form__hint{color:#888}
.ecom-confirm-page__form-wrapper{background-color:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.ecom-confirm-page__header{margin-bottom:32px;text-align:center}.ecom-confirm-page__header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.ecom-confirm-page__title{margin:0;text-align:left}.ecom-confirm-page__timer{padding:8px 14px;background-color:#fff3e0;border-radius:15px;color:#e65100;font-weight:600;font-size:16px}.ecom-confirm-page__icon-wrapper{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);border-radius:50%;box-shadow:0 4px 12px rgba(25,118,210,.15)}.ecom-confirm-page__icon{font-size:32px !important;color:#1976d2}.ecom-confirm-page__title{font-size:21px;font-weight:600;color:#333;letter-spacing:-0.5px}.ecom-confirm-page__subtitle{font-size:17px;color:#666;line-height:1.6;margin:0;max-width:400px;margin-left:auto;margin-right:auto}.ecom-confirm-page__error-message{margin-top:20px;padding:14px 16px;background:linear-gradient(135deg, #ffebee 0%, #fce4ec 100%);border-radius:10px;color:#c62828;font-size:16px;font-weight:500;border-left:4px solid #f44336;box-shadow:0 2px 8px rgba(244,67,54,.1)}[data-theme=dark] .ecom-confirm-page__form-wrapper{background:linear-gradient(135deg, #1e1e1e 0%, #252525 100%);box-shadow:0 4px 20px rgba(0,0,0,.6);border:1px solid hsla(0,0%,100%,.1)}[data-theme=dark] .ecom-confirm-page__icon-wrapper{background:linear-gradient(135deg, #1e3a5f 0%, #1565c0 100%);box-shadow:0 4px 12px rgba(25,118,210,.3)}[data-theme=dark] .ecom-confirm-page__icon{color:#90caf9}[data-theme=dark] .ecom-confirm-page__title{color:#fff}[data-theme=dark] .ecom-confirm-page__timer{background-color:#3e2723;color:#ff9800}[data-theme=dark] .ecom-confirm-page__subtitle{color:#aaa}[data-theme=dark] .ecom-confirm-page__error-message{background:linear-gradient(135deg, #3d1f1f 0%, #4a1f1f 100%);color:#ef5350;border-left-color:#ef5350;box-shadow:0 2px 8px rgba(239,83,80,.2)}
.ecom-processing-page{width:100%;margin:0 auto}.ecom-processing-page__card{background-color:#fff;border-radius:18px;padding:56px 40px;box-shadow:0 6px 24px rgba(0,0,0,.1);transition:all .3s ease;border:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;align-items:center;gap:40px;animation:fadeInUp .5s ease-out;position:relative;overflow:hidden}.ecom-processing-page__card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, #1976d2 0%, #42a5f5 50%, #1976d2 100%);background-size:200% 100%;animation:shimmer 2.5s infinite}.ecom-processing-page__loader-wrapper{display:flex;justify-content:center;align-items:center;min-height:80px;width:100%}.ecom-processing-page__content{text-align:center;display:flex;flex-direction:column;gap:18px;width:100%;animation:fadeIn .6s ease-out .2s both}.ecom-processing-page__title{font-size:28px;font-weight:600;color:#333;margin:0;letter-spacing:-0.6px;line-height:1.3}.ecom-processing-page__message{font-size:17px;color:#666;line-height:1.7;margin:0;font-weight:500;max-width:420px;margin-left:auto;margin-right:auto}.ecom-processing-page__warning{font-size:15px;color:#e65100;line-height:1.6;margin:0;font-weight:500;max-width:420px;margin-left:auto;margin-right:auto;padding:12px 16px;background-color:#fff3e0;border-radius:10px;border-left:3px solid #ff9800}.ecom-processing-page__cancel{margin-top:20px;padding:10px 20px;background-color:rgba(0,0,0,0);border:2px solid #f44336;border-radius:8px;color:#f44336;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.ecom-processing-page__cancel:hover{background-color:#f44336;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(244,67,54,.3)}.ecom-processing-page__cancel:active{transform:translateY(0)}@keyframes fadeInUp{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}[data-theme=dark] .ecom-processing-page__card{background:linear-gradient(135deg, #1e1e1e 0%, #252525 100%);box-shadow:0 6px 24px rgba(0,0,0,.7);border:1px solid hsla(0,0%,100%,.1)}[data-theme=dark] .ecom-processing-page__card::before{background:linear-gradient(90deg, #1976d2 0%, #64b5f6 50%, #1976d2 100%)}[data-theme=dark] .ecom-processing-page__title{color:#fff}[data-theme=dark] .ecom-processing-page__message{color:#bbb}[data-theme=dark] .ecom-processing-page__warning{color:#ff9800;background-color:#3e2723;border-left-color:#ff9800}[data-theme=dark] .ecom-processing-page__cancel{border-color:#ef5350;color:#ef5350}[data-theme=dark] .ecom-processing-page__cancel:hover{background-color:#ef5350;color:#fff;box-shadow:0 4px 12px rgba(239,83,80,.4)}
*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#333}[data-theme=dark] body{background-color:#121212;color:#fff}button{font-family:inherit}input,textarea,select{font-family:inherit}