:root{--bg-main:#f4f6f9;--bg-card:#fff;--bg-input:#f8fafc;--text-main:#333;--text-heading:#2c3e50;--text-muted:#666;--text-footer:#a0aec0;--border-color:#cbd5e1;--primary-color:#206bc4;--primary-hover:#1d60b0;--radius-lg:12px;--radius-sm:6px;--transition-fast:.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--text-main);background-color:var(--bg-main);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}img{width:100px;height:auto}h1,h2{color:var(--text-heading);margin-top:15px;margin-bottom:15px;font-size:24px}p{color:var(--text-muted);margin-bottom:20px;font-size:14px;line-height:1.5}#app-root{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.card{text-align:center;background-color:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:30px;box-shadow:0 4px 15px #0000000d}form{width:100%}input[type=text],textarea{width:100%;font:inherit;background-color:var(--bg-input);border-style:solid;border-width:1px;border-color:var(--border-color);border-radius:var(--radius-sm);transition:background-color var(--transition-fast), border-color var(--transition-fast);margin-bottom:18px;padding:12px}input[type=text]:focus,textarea:focus{background-color:var(--bg-card);border-color:var(--primary-color);outline:none}textarea{resize:none;height:200px}button{width:100%;font:inherit;color:#fff;background-color:var(--primary-color);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);border:none;padding:12px;font-weight:600}button:hover{background-color:var(--primary-hover)}#copy-btn{width:auto;padding:6px 12px}.info-box{text-align:left;background-color:var(--bg-input);border-style:solid;border-width:1px;border-color:var(--border-color);border-radius:var(--radius-sm);margin:20px 0;padding:16px}.info-box p{margin-bottom:10px}.info-box p:last-child{margin-bottom:0}.info-box strong{color:var(--text-heading)}.copy-box{justify-content:space-between;align-items:center;gap:10px;display:flex}#ticket-info:empty{display:none}footer{color:var(--text-footer);margin-top:20px;font-size:12px}#loading-overlay{z-index:1000;background-color:#ffffffb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#loading-overlay[hidden]{display:none}.spinner{border-style:solid;border-width:4px;border-color:var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:48px;height:48px;animation-name:spin;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes spin{to{transform:rotate(360deg)}}