:root{--bg-deep:#0a0807;--bg-glow-1:#8c59393d;--bg-glow-2:#b6864529;--paper-main:#fcfbf8;--paper-alt:#f4efe6;--border-light:#e8dfd1;--border-dark:#cbbca4;--text-ink:#2c241e;--text-muted:#7a6f65;--accent-bronze:#a67644;--accent-bronze-hover:#8c5f32;--accent-bronze-light:#c49767;--success-color:#386641;--success-bg:#e8f0ea;--danger-color:#8c2d2d;--danger-bg:#f5e6e6;--shadow-premium:0 32px 64px -12px #000000a6, 0 0 45px #a6764429, 0 0 0 1px #ffffff0f inset;--radius-card:18px;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{min-height:100vh;font-family:var(--font-sans);background-color:var(--bg-deep);background-image:radial-gradient(circle at 15% 15%, var(--bg-glow-1) 0%, transparent 45%), radial-gradient(circle at 85% 85%, var(--bg-glow-2) 0%, transparent 45%), radial-gradient(circle at 50% 50%, #d977060d 0%, transparent 60%);color:var(--text-ink);background-attachment:fixed;justify-content:center;align-items:center;padding:44px 16px;display:flex}.container{width:100%;max-width:440px;margin:0 auto;position:relative}.card{background:var(--paper-main);border-radius:var(--radius-card);box-shadow:var(--shadow-premium);opacity:0;border:1px solid var(--border-dark);padding:7px;animation:.55s cubic-bezier(.16,1,.3,1) forwards slideUp;position:relative;transform:translateY(22px)}.card-inner{border:1px solid var(--border-dark);border-radius:calc(var(--radius-card) - 5px);background:var(--paper-main);overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.header{text-align:center;flex-direction:column;align-items:center;padding:38px 30px 22px;display:flex;position:relative}.logo-wrapper{justify-content:center;align-items:center;width:78px;height:78px;margin-bottom:14px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex}.logo-wrapper:hover{transform:scale(1.06)}.brand-logo{object-fit:contain;filter:drop-shadow(0 4px 10px #0000001f);width:100%;height:100%}.brand-name{font-family:var(--font-serif);color:var(--text-ink);letter-spacing:.8px;margin:0;font-size:33px;font-weight:700;line-height:1.1}.divider{border-top:1.5px dashed var(--border-dark);height:0;margin:0 32px}.total-section{text-align:center;padding:28px 24px}.total-label{text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:10px;font-size:11.5px;font-weight:600}.total-amount{font-family:var(--font-serif);color:var(--text-ink);letter-spacing:-.5px;margin-bottom:14px;font-size:46px;font-weight:700;line-height:1.1;animation:3.5s ease-in-out infinite alternate amountGlow}@keyframes amountGlow{0%{text-shadow:0 0 #0000}to{text-shadow:0 0 20px #a6764438}}.product-name{color:var(--accent-bronze);background:var(--paper-alt);border:1px solid var(--border-light);letter-spacing:.2px;border-radius:20px;padding:7px 20px;font-size:14px;font-weight:600;transition:transform .2s,border-color .2s;display:inline-block;box-shadow:0 1px 3px #00000008}.product-name:hover{border-color:var(--border-dark);transform:translateY(-1px)}.details-section{padding:24px 32px 30px}.detail-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:13px 0;font-size:13.5px;display:flex}.detail-row:nth-last-child(2){border-bottom:none}.detail-label{color:var(--text-muted);font-size:13.5px;font-weight:500}.detail-value{color:var(--text-ink);align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:inline-flex}.detail-value.date-time-value{font-family:var(--font-sans);font-weight:700}.detail-value.mono{font-family:var(--font-mono);letter-spacing:-.2px;font-size:13px;font-weight:600}.status-badge{background:var(--success-bg);color:var(--success-color);letter-spacing:.6px;text-transform:uppercase;border-radius:4px;padding:4px 11px;font-size:11px;font-weight:700;box-shadow:0 1px 3px #3866411f}.copy-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px;transition:color .2s,transform .15s;display:inline-flex;position:relative}.copy-btn:hover{color:var(--accent-bronze);transform:scale(1.15)}.copy-btn.copied{color:var(--success-color)}.copied-icon{color:var(--success-color);animation:.25s cubic-bezier(.16,1,.3,1) popCheck}@keyframes popCheck{0%{transform:scale(.5)}to{transform:scale(1)}}.copy-tooltip{color:#fff;font-family:var(--font-sans);white-space:nowrap;pointer-events:none;z-index:10;background:#2c241e;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600;animation:.2s tooltipFade;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 4px 12px #0000004d}@keyframes tooltipFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.actions-wrapper{flex-direction:column;width:100%;margin-top:24px;display:flex}.btn-download-pdf{color:#fff;width:100%;min-height:52px;font-family:var(--font-sans);letter-spacing:.4px;cursor:pointer;background:linear-gradient(135deg,#b8864e 0%,#a67644 50%,#8c5f32 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:14px 22px;font-size:14.5px;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px -2px #a676446b,inset 0 1px 2px #fff3}.btn-download-pdf:hover:not(:disabled){background:linear-gradient(135deg,#c7945a 0%,#b8864e 50%,#966735 100%);transform:translateY(-2px);box-shadow:0 12px 28px -2px #a676448c}.btn-download-pdf:active:not(:disabled){transform:translateY(1px);box-shadow:0 4px 12px #a676444d}.btn-download-pdf:disabled{opacity:.75;cursor:wait}.btn-download-pdf:after{content:"";background:linear-gradient(90deg,#0000,#ffffff47,#0000);width:50%;height:100%;animation:3.8s infinite btnShine;position:absolute;top:0;left:-100%;transform:skew(-20deg)}@keyframes btnShine{0%{left:-100%}30%,to{left:140%}}.footer{background:var(--paper-alt);text-align:center;border-top:1px solid var(--border-dark);padding:22px 30px}.footer p{color:var(--text-muted);font-size:11.5px;line-height:1.6}.footer strong{color:var(--text-ink);font-weight:700}.loading-card{padding:7px}.loading-inner{text-align:center;flex-direction:column;align-items:center;padding:44px 28px;display:flex}.loading-logo-box{justify-content:center;align-items:center;width:74px;height:74px;margin:0 auto 20px;display:flex;position:relative}.loading-logo-img{object-fit:contain;filter:drop-shadow(0 4px 10px #00000026);width:100%;height:100%}.loading-pulse-ring{border:2px solid var(--accent-bronze);opacity:.5;border-radius:20px;animation:1.8s cubic-bezier(.2,.8,.2,1) infinite ringPulse;position:absolute;inset:-6px}@keyframes ringPulse{0%{opacity:.8;transform:scale(.95)}to{opacity:0;transform:scale(1.22)}}.loading-spinner-ring{border:3px solid #e8dfd1;border-top-color:var(--accent-bronze);border-radius:50%;width:28px;height:28px;margin-bottom:16px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-heading{font-family:var(--font-serif);color:var(--text-ink);margin:0 0 6px;font-size:22px;font-weight:700}.loading-subtext{color:var(--text-muted);margin:0 0 16px;font-size:13px}.loading-skeleton-lines{width:100%;max-width:280px}.skeleton{background:linear-gradient(90deg, var(--paper-alt) 25%, var(--border-light) 50%, var(--paper-alt) 75%);background-size:200% 100%;border-radius:6px;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.alert-card{background:var(--paper-main);border-radius:var(--radius-card);text-align:center;border:1px solid var(--border-dark);box-shadow:var(--shadow-premium);padding:48px 30px;animation:.5s cubic-bezier(.2,.8,.2,1) forwards slideUp}.alert-icon{color:var(--accent-bronze);margin-bottom:18px}.alert-icon.error-color{color:var(--danger-color)}.alert-title{font-family:var(--font-serif);color:var(--text-ink);margin-bottom:12px;font-size:24px;font-weight:700}.alert-text{color:var(--text-muted);max-width:340px;margin:0 auto;font-size:13.5px;line-height:1.6}.alert-order-badge{background:var(--paper-alt);border:1px solid var(--border-light);color:var(--text-muted);border-radius:8px;margin-top:18px;padding:6px 14px;font-size:13px;display:inline-block}.alert-order-badge code{font-family:var(--font-mono);color:var(--text-ink);font-weight:700}.btn-retry{background:var(--accent-bronze);color:#fff;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:9px;align-items:center;gap:8px;padding:12px 22px;font-size:13.5px;font-weight:600;transition:background .2s,transform .15s;display:inline-flex}.btn-retry:hover{background:var(--accent-bronze-hover);transform:translateY(-1px)}.btn-retry:active{transform:translateY(1px)}@media (width<=480px){body{padding:20px 12px 36px;padding-bottom:max(36px, env(safe-area-inset-bottom))}.container{max-width:100%}.card{border-radius:16px;padding:5px}.card-inner{border-radius:12px}.header{padding:30px 20px 20px}.brand-name{font-size:29px}.logo-wrapper{width:68px;height:68px;margin-bottom:12px}.divider{margin:0 20px}.total-section{padding:22px 18px}.total-amount{font-size:40px}.details-section{padding:20px 20px 24px}.detail-row{padding:11px 0;font-size:12.5px}.detail-value.mono{font-size:12px}.footer{padding:18px 20px}.footer p{font-size:11px}.btn-download-pdf{min-height:48px;font-size:14px}}@media (width<=360px){.total-amount{font-size:34px}.detail-value.mono{font-size:11px}}@media print{body{color:#000!important;background:0 0!important;padding:0!important}.container{max-width:100%!important;margin:0!important;padding:0!important}.card{box-shadow:none!important;opacity:1!important;border:none!important;padding:0!important;animation:none!important;transform:none!important}.card-inner{border:1px solid #000!important;border-radius:0!important}.actions-wrapper,.copy-btn,.no-print{display:none!important}.total-amount,.brand-name{color:#000!important;text-shadow:none!important;animation:none!important}.product-name{color:#000!important;background:0 0!important;border:1px solid #000!important}.divider{border-top:1px dashed #000!important}.footer{background:0 0!important;border-top:1px solid #000!important}}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{color:#2b241d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0e0c0a;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#14100d}::-webkit-scrollbar-thumb{background:#3a2e24;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5a4738}