.pay-status-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:radial-gradient(circle at top left,#6e8efb,#a777e3);padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#333}.pay-status-card{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:32px;box-shadow:0 25px 50px -12px #00000040;padding:60px 40px;width:100%;max-width:480px;text-align:center;border:1px solid rgba(255,255,255,.3)}.animate-in{animation:slideUp .6s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.icon-wrapper{width:120px;height:120px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 30px;position:relative}.icon-wrapper.success{background-color:#d1fae5;color:#059669}.icon-wrapper.error{background-color:#fee2e2;color:#dc2626}.icon-wrapper:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid currentColor;opacity:.3;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:0}to{transform:scale(1);opacity:0}}.pay-status-title{font-size:2rem;font-weight:800;margin-bottom:15px;letter-spacing:-.025em;color:#111827}.pay-status-message{font-size:1.1rem;line-height:1.6;color:#4b5563;margin-bottom:40px}.payment-details{background-color:#f9fafb;border-radius:20px;padding:24px;margin-bottom:40px;text-align:left;border:1px solid #f3f4f6}.detail-row{display:flex;justify-content:space-between;margin-bottom:12px}.detail-row:last-child{margin-bottom:0}.detail-label{color:#6b7280;font-weight:500}.detail-value{color:#111827;font-weight:700}.action-button{width:100%;height:56px!important;border-radius:16px!important;font-weight:600!important;font-size:1.1rem!important;transition:all .2s ease!important}.action-button:active{transform:scale(.98)}.footer-info{margin-top:30px;color:#fffc;font-size:.9rem;letter-spacing:.025em}vaadin-button[theme~=success]{background-color:#059669;color:#fff}vaadin-button[theme~=error]{background-color:#dc2626;color:#fff}.centered-content{margin:0 auto;max-width:250px}vaadin-text-field.bordered::part(input-field){box-shadow:inset 0 0 0 1px var(--lumo-contrast-30pct);background-color:var(--lumo-base-color)}vaadin-grid::part(even-row){background-color:#c8c8c833}vaadin-grid::part(odd-row){background-color:#fff}:is() .material-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 6px #0000001a;padding:1rem;margin-bottom:1.5rem}:is() .avatar{border-radius:50%;width:60px;height:60px}:is() .v-button[theme~=error]{color:red}:is() .nav-link{font-weight:500;transition:background-color .3s}:is() .nav-link:hover{background-color:var(--lumo-contrast-10pct)}:is() .nav-link[highlight]{background-color:var(--lumo-primary-color-10pct);font-weight:600;color:var(--lumo-primary-text-color)}:is() .router-link-active{font-weight:700;color:var(--lumo-primary-color)}