@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--font-display: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-bg: hsl(210, 40%, 99%);--color-surface: hsl(0, 0%, 100%);--color-surface-hover: hsl(210, 30%, 96%);--color-border: hsl(210, 20%, 92%);--color-border-hover: hsl(210, 15%, 85%);--color-text: hsl(0, 0%, 3.9%);--color-text-muted: hsl(210, 15%, 35%);--color-text-dim: hsl(210, 10%, 55%);--color-primary: hsl(0, 0%, 9%);--color-primary-glow: hsla(0, 0%, 0%, .03);--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-accent-gradient: linear-gradient(135deg, hsl(0, 0%, 10%), hsl(0, 0%, 30%), hsl(0, 0%, 50%));--radius: .25rem;--radius-sm: .25rem;--radius-lg: .5rem;--shadow-glow: 0 0 40px rgba(0, 0, 0, .03);--shadow-card: 0 4px 24px rgba(0, 0, 0, .05), 0 0 0 1px var(--color-border);--transition: .25s cubic-bezier(.4, 0, .2, 1)}.dark{--color-bg: hsl(0, 5%, 8%);--color-surface: hsl(0, 8%, 9%);--color-surface-hover: hsl(0, 7%, 12%);--color-border: hsl(0, 6%, 20%);--color-border-hover: hsl(0, 0%, 75%);--color-text: hsl(0, 0%, 95%);--color-text-muted: hsl(0, 0%, 65%);--color-text-dim: hsl(0, 0%, 50%);--color-primary: hsl(0, 0%, 98%);--color-primary-glow: hsla(0, 0%, 100%, .05);--color-danger: hsl(0, 62.8%, 30.6%);--color-accent-gradient: linear-gradient(135deg, hsl(0, 0%, 100%), hsl(0, 0%, 80%), hsl(0, 0%, 60%));--shadow-glow: 0 0 40px rgba(255, 255, 255, .05);--shadow-card: 0 4px 24px rgba(0, 0, 0, .3), 0 0 0 1px var(--color-border)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-display);background:var(--color-bg);color:var(--color-text);min-height:100dvh;line-height:1.6}#root{min-height:100dvh;display:flex;flex-direction:column}.layout{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem 4rem;position:relative;overflow:hidden}.hero-glow{position:fixed;inset:0;display:block;background:radial-gradient(700px circle at 50% 0%,hsla(210,40%,80%,.1),transparent 60%);pointer-events:none;z-index:0}.dark .hero-glow{background:radial-gradient(700px circle at 50% 0%,hsla(0,0%,100%,.05),transparent 60%)}.pattern-grid{position:fixed;inset:0;background-image:linear-gradient(to right,hsl(210 40% 50% / .05) 1px,transparent 1px),linear-gradient(to bottom,hsl(210 40% 50% / .05) 1px,transparent 1px);background-size:80px 80px;pointer-events:none;z-index:0;opacity:.2}.dark .pattern-grid{background-image:linear-gradient(to right,hsl(0 0% 100% / .03) 1px,transparent 1px),linear-gradient(to bottom,hsl(0 0% 100% / .03) 1px,transparent 1px);opacity:.5}@keyframes float-slow{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}@keyframes float-slow-reverse{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-25px,20px) scale(.95)}66%{transform:translate(15px,-25px) scale(1.05)}}.ambient-orb{position:fixed;border-radius:50%;filter:blur(80px);opacity:1;pointer-events:none;z-index:0}.ambient-orb--1{width:500px;height:500px;top:-100px;left:-150px;background:radial-gradient(circle,hsla(220,60%,50%,.08),transparent 70%);animation:float-slow 20s ease-in-out infinite}.ambient-orb--2{width:400px;height:400px;top:30%;right:-100px;background:radial-gradient(circle,hsla(280,60%,50%,.06),transparent 70%);animation:float-slow-reverse 25s ease-in-out infinite}.ambient-orb--3{width:450px;height:450px;bottom:20%;left:-100px;background:radial-gradient(circle,hsla(170,60%,45%,.06),transparent 70%);animation:float-slow 22s ease-in-out infinite 5s}.layout-content{position:relative;z-index:1;width:100%;max-width:600px}@media(min-width:768px){.layout-content{max-width:900px}}.theme-toggle-container{position:absolute;top:-1.75rem;right:-1rem}.theme-toggle{background:none;border:none;color:var(--color-text-dim);cursor:pointer;padding:.5rem;border-radius:var(--radius);transition:var(--transition);display:flex;align-items:center;justify-content:center}.theme-toggle:hover{color:var(--color-text);background:var(--color-surface-hover)}.sun-icon{display:block}.moon-icon,.dark .sun-icon{display:none}.dark .moon-icon{display:block}.logo{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem;text-decoration:none;color:var(--color-text)}.logo-text{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;animation:card-in .5s ease-out;position:relative}.card:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#5c85d600 0% 40%,#5c85d626 50%,#5c85d600 60% 100%);background-size:300% 300%;animation:shimmer-border 8s ease-in-out infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:1;transition:opacity .3s ease;z-index:10}.card:hover:after{background:linear-gradient(135deg,#5c85d600,#5c85d640,#5c85d600);background-size:300% 300%;animation:shimmer-border 4s ease-in-out infinite}@keyframes shimmer-border{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}@keyframes card-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.card-header{padding:1.5rem 1.5rem 0}.card-title{font-size:1.125rem;font-weight:700;color:var(--color-text);letter-spacing:-.01em;line-height:1.3;word-wrap:break-word;padding-bottom:.5rem}.card-subtitle{font-size:.8125rem;color:var(--color-text-dim);margin-top:.25rem}.card-body{padding:1.5rem}.qr-container{display:flex;justify-content:center;padding:1.5rem}.qr-image{width:240px;height:240px;display:block}@media(max-width:420px){.qr-image{width:200px;height:200px}.info-row{flex-wrap:nowrap}.info-label{min-width:80px;flex-shrink:0}.info-value{min-width:120px;flex-shrink:0;text-align:right}}.qr-loading{width:240px;height:240px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border-radius:var(--radius-sm);color:#999}.info-list{display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;background:var(--color-bg);border-radius:var(--radius-sm);min-width:0}.info-row:hover{background:var(--color-surface-hover)}.info-label{font-size:.75rem;font-weight:600;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;width:100%}.info-value{font-size:.875rem;font-weight:600;font-family:var(--font-mono);color:var(--color-text);text-align:right;word-break:break-all;width:100%}.info-value.amount{font-size:1.25rem;font-weight:800;font-family:var(--font-mono)}.copy-btn{display:inline-flex;align-items:center;gap:.375rem;background:none;border:1px solid var(--color-border);color:var(--color-text-muted);font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:6px;cursor:pointer;font-family:inherit}.copy-btn:hover{background:var(--color-primary-glow);border-color:var(--color-primary);color:var(--color-primary)}.copy-btn.copied{border-color:var(--color-success);color:var(--color-success)}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:99px;font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%}.status-badge.active{background:#10b9811a;color:var(--color-success)}.dark .status-badge.active{background:#10b9811f}.status-badge.active:before{background:var(--color-success);box-shadow:0 0 6px var(--color-success);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.status-badge.expired{background:#f59e0b1a;color:var(--color-warning)}.dark .status-badge.expired{background:#f59e0b1f}.status-badge.expired:before{background:var(--color-warning)}.status-badge.cancelled{background:#ef44441a;color:var(--color-danger)}.dark .status-badge.cancelled{background:#ef44441f}.status-badge.cancelled:before{background:var(--color-danger)}.status-badge.completed{background:#0000000d;color:var(--color-primary)}.dark .status-badge.completed{background:#ffffff1f}.status-badge.completed:before{background:var(--color-primary)}.footer{text-align:center;padding:2rem 1rem;font-size:.75rem;color:var(--color-text-dim)}.footer a{color:var(--color-primary);text-decoration:none;font-weight:500}.footer a:hover{text-decoration:underline}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:4rem 2rem}.spinner{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--color-text-muted);font-size:.875rem;font-weight:500}.error-container{text-align:center;padding:4rem 2rem}.error-icon{font-size:3rem;margin-bottom:1rem}.error-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.error-message{color:var(--color-text-muted);font-size:.875rem}.not-found{text-align:center;padding:6rem 2rem}.not-found-code{font-size:6rem;font-weight:800;background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:1rem}.not-found-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.not-found-text{color:var(--color-text-muted);font-size:.875rem;margin-bottom:2rem}.not-found-link{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;background:var(--color-accent-gradient);color:var(--color-surface);border:none;border-radius:99px;font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;transition:var(--transition)}.not-found-link:hover{opacity:.9;transform:translateY(-1px)}.divider{height:1px;background:var(--color-border);margin:0 1.5rem}.skeleton{background:linear-gradient(90deg,var(--color-surface-hover) 25%,var(--color-surface) 50%,var(--color-surface-hover) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.success-container{text-align:center;padding:2rem 1.5rem;animation:success-in .5s ease-out}@keyframes success-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.success-icon{width:64px;height:64px;margin:0 auto 1rem;border-radius:50%;background:var(--color-success);color:#fff;font-size:2rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #10b9814d;animation:success-bounce .6s ease-out}@keyframes success-bounce{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.success-title{font-size:1.25rem;font-weight:700;color:var(--color-success);margin-bottom:.375rem}.success-message{color:var(--color-text-muted);font-size:.8125rem}.polling-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color-success);box-shadow:0 0 6px var(--color-success);animation:pulse-dot 2s infinite}.payment-split{display:flex;flex-direction:column}.payment-split .divider{display:none}.payment-details{padding:1.5rem;order:1}.payment-qr{padding:1.5rem;order:2;display:flex;flex-direction:column;align-items:center}.qr-section-label{padding:.5rem 0}@media(min-width:768px){.payment-split{flex-direction:row}.payment-details,.payment-qr{flex:1;width:50%;order:unset}.payment-details{border-right:1px solid var(--color-border)}.payment-qr{padding:2rem}.qr-section-label{margin-bottom:.5rem}}