.xaman-modal-content{width:calc(100vw - 2rem);max-width:26rem;margin:.5rem;padding:1rem}@media (min-width:640px){.xaman-modal-content{width:90vw;max-width:30rem;padding:1.5rem}}.xaman-modal-header{text-align:center;margin-bottom:.25rem}@media (min-width:640px){.xaman-modal-header{margin-bottom:.5rem}}.xaman-modal-title{display:flex;align-items:center;justify-content:center;gap:.375rem;font-size:1.125rem;font-weight:700;margin-bottom:.25rem}@media (min-width:640px){.xaman-modal-title{gap:.5rem;font-size:1.375rem;margin-bottom:.375rem}}.xaman-modal-title-icon{width:1.125rem;height:1.125rem;color:hsl(var(--primary))}@media (min-width:640px){.xaman-modal-title-icon{width:1.25rem;height:1.25rem}}.xaman-modal-description{font-size:.75rem;color:hsl(var(--muted-foreground));line-height:1.4;padding-left:.5rem;padding-right:.5rem}@media (min-width:640px){.xaman-modal-description{font-size:.8125rem;padding-left:0;padding-right:0}}.xaman-qr-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:.5rem;padding-bottom:.5rem;gap:.75rem}@media (min-width:640px){.xaman-qr-container{padding-top:1rem;padding-bottom:1rem;gap:1rem}}.xaman-qr-wrapper{position:relative;padding:.75rem;background:white;border-radius:.75rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);width:100%;max-width:240px;display:flex;align-items:center;justify-content:center}@media (min-width:640px){.xaman-qr-wrapper{padding:1rem;border-radius:1rem;max-width:280px}}.xaman-qr-wrapper:before{content:"";position:absolute;inset:-3px;background:var(--brand-gradient-hero);border-radius:1.5rem;z-index:-1;opacity:.6;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.6;filter:blur(8px)}50%{opacity:.8;filter:blur(12px)}}.xaman-qr-code{display:block;border-radius:.5rem;overflow:hidden;width:100%;height:auto;max-width:100%}.xaman-status-section{text-align:center;display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:20rem;margin-left:auto;margin-right:auto;padding-left:.5rem;padding-right:.5rem}@media (min-width:640px){.xaman-status-section{gap:.75rem;padding-left:0;padding-right:0}}.xaman-status-text{font-size:.75rem;color:hsl(var(--muted-foreground));display:flex;align-items:center;justify-content:center;gap:.5rem}@media (min-width:640px){.xaman-status-text{font-size:.8125rem}}.xaman-status-pulse{display:inline-flex;width:.5rem;height:.5rem;background:var(--brand-green-600);border-radius:9999px;animation:status-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.xaman-open-app-button{position:relative;gap:.5rem;background:linear-gradient(to right,hsl(var(--primary)),var(--brand-purple-600));border:none;color:white;font-weight:600;transition:all .3s ease;overflow:hidden;width:100%;font-size:.875rem;padding:.625rem 1rem}@media (min-width:640px){.xaman-open-app-button{width:auto;font-size:1rem;padding:.75rem 1.5rem}}.xaman-open-app-button:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,var(--brand-purple-600),hsl(var(--primary)));opacity:0;transition:opacity .3s ease}.xaman-open-app-button:hover:before{opacity:1}.xaman-open-app-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px rgba(59,130,246,.5)}.xaman-open-app-button-icon{width:1rem;height:1rem}.xaman-open-app-button-icon,.xaman-open-app-button-text{position:relative;z-index:10}.xaman-loading-container{text-align:center;color:hsl(var(--muted-foreground));display:flex;flex-direction:column;align-items:center;gap:1rem}.xaman-loading-spinner{width:3rem;height:3rem;border:3px solid hsl(var(--muted));border-top-color:hsl(var(--primary));border-radius:9999px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.xaman-loading-text{font-size:.875rem}.xaman-error-container{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem}.xaman-error-icon{font-size:3rem;line-height:1}.xaman-error-text{font-size:.875rem;color:hsl(var(--destructive));max-width:20rem;line-height:1.5}@media (min-width:640px){.xaman-error-text{font-size:1rem}}.xaman-retry-button{background:linear-gradient(to right,hsl(var(--primary)),var(--brand-purple-600));color:white;font-weight:600;padding:.625rem 1.5rem;border-radius:.5rem;transition:all .3s ease}.xaman-retry-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px rgba(59,130,246,.5)}.xaman-instructions{background:color-mix(in srgb,hsl(var(--muted)) 30%,transparent);border-radius:.5rem;padding:.5rem;margin-top:.25rem;width:100%;display:none}@media (min-width:480px){.xaman-instructions{display:block}}@media (min-width:640px){.xaman-instructions{border-radius:.75rem;padding:.75rem;margin-top:.5rem}}.xaman-instructions-title{font-size:.75rem;font-weight:600;margin-bottom:.375rem;color:hsl(var(--foreground))}@media (min-width:640px){.xaman-instructions-title{font-size:.8125rem;margin-bottom:.5rem}}.xaman-instructions-list{display:flex;flex-direction:column;gap:.25rem;font-size:.6875rem;color:hsl(var(--muted-foreground))}@media (min-width:640px){.xaman-instructions-list{gap:.375rem;font-size:.75rem}}.xaman-instruction-item{display:flex;align-items:flex-start;gap:.5rem}.xaman-instruction-number{flex-shrink:0;width:1.25rem;height:1.25rem;border-radius:9999px;background:linear-gradient(to bottom right,hsl(var(--primary)),var(--brand-purple-600));color:white;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center}.dark .xaman-qr-wrapper{background:hsl(var(--card));box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -4px rgba(0,0,0,.3)}.notification-bell-trigger:hover{background-color:hsl(var(--accent))}.notification-badge{position:absolute;top:-4px;right:-4px;display:flex;align-items:center;justify-content:center;height:1.125rem;min-width:1.125rem;padding:0 .25rem;border-radius:9999px;background:linear-gradient(135deg,#ef4444,#dc2626);font-size:.625rem;font-weight:600;color:white;box-shadow:0 2px 8px rgba(239,68,68,.4)}.notification-dropdown-content{width:24rem;padding:0;border:1px solid hsl(var(--border));box-shadow:0 10px 40px -10px rgba(0,0,0,.3)}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:none;gap:.75rem}.notification-header-title{font-size:1rem;font-weight:700;color:hsl(var(--foreground))}.notification-header-actions{display:flex;align-items:center;gap:.5rem}.notification-unread-count{font-size:.6875rem;font-weight:600;padding:.25rem .5rem;border-radius:.375rem;background:linear-gradient(to right,hsl(var(--primary)),var(--brand-purple-600));color:white;white-space:nowrap}.notification-mark-all-button{font-size:.75rem;height:auto;padding:.25rem .5rem;color:hsl(var(--primary));transition:all .2s ease}.notification-mark-all-button:hover{background-color:hsl(var(--primary)/.1);color:hsl(var(--primary))}.notification-separator{margin:0;background-color:hsl(var(--border))}.notification-list{max-height:28rem;overflow-y:auto;overflow-x:visible;padding:.25rem 0}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground))}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1rem}.notification-item{padding:0;cursor:pointer;border-left:3px solid transparent;transition:all .2s ease;will-change:background-color,border-left-color}.notification-item:hover{background-color:hsl(var(--accent));border-left-color:hsl(var(--primary))}.notification-item-unread{background-color:color-mix(in srgb,hsl(var(--primary)) 5%,transparent)}.notification-item-unread:hover{background-color:color-mix(in srgb,hsl(var(--primary)) 10%,transparent)}.notification-item-content{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;width:100%}.notification-icon-container{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.5rem;flex-shrink:0}.notification-icon-success{background:linear-gradient(135deg,#10b981,#059669);color:white}.notification-icon-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:white}.notification-icon-pending{background:linear-gradient(135deg,#3b82f6,#2563eb);color:white}.notification-icon-info{background:linear-gradient(135deg,var(--brand-purple-600),var(--brand-pink-600));color:white}.notification-details{flex:1;display:flex;flex-direction:column;gap:.375rem;min-width:0}.notification-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.notification-title{font-size:.875rem;font-weight:600;color:hsl(var(--foreground));line-height:1.25;flex:1}.notification-actions{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.notification-dismiss-button{width:1.25rem;height:1.25rem;padding:0;opacity:0;transition:opacity .2s ease;color:hsl(var(--muted-foreground))}.notification-item:hover .notification-dismiss-button{opacity:1}.notification-dismiss-button:hover{background-color:hsl(var(--destructive)/.1);color:hsl(var(--destructive))}.notification-message{font-size:.8125rem;color:hsl(var(--muted-foreground));line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-timestamp{font-size:.75rem;color:hsl(var(--muted-foreground));opacity:.7}.notification-unread-indicator{width:.5rem;height:.5rem;border-radius:9999px;background:linear-gradient(135deg,hsl(var(--primary)),var(--brand-purple-600));flex-shrink:0;box-shadow:0 0 8px rgba(59,130,246,.6)}.notification-footer{padding:.75rem 1rem;border-top:1px solid hsl(var(--border));background-color:hsl(var(--muted)/.3)}.notification-footer-button{width:100%;font-size:.875rem;font-weight:500;color:hsl(var(--primary));transition:all .2s ease}.notification-footer-button:hover{background-color:hsl(var(--primary)/.1);color:hsl(var(--primary))}.dark .notification-dropdown-content{box-shadow:0 10px 40px -10px rgba(0,0,0,.5)}.dark .notification-footer{background-color:hsl(var(--muted)/.2)}