*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background:#282828;padding:20px}#app,body{min-height:100vh}#app{display:flex;align-items:center;justify-content:center}.container{background:#fff;border-radius:4px;padding:50px 40px;max-width:700px;width:100%;box-shadow:0 2px 8px rgba(0,0,0,.08)}h1{font-size:32px;color:#1a1a1a;margin-bottom:12px;font-weight:400;letter-spacing:.5px}.subtitle,h1{text-align:center}.subtitle{color:#666;margin-bottom:40px;font-size:15px;font-weight:300}.drop-zone{border:2px dashed #d4d4d4;border-radius:2px;padding:50px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa;margin-bottom:25px}.drop-zone:hover{border-color:#a89968;background:#f5f5f5}.drop-zone.drag-over{border-color:#a89968;background:#f9f7f2;border-width:3px}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:20px}.drop-zone-content svg{color:#a89968}.drop-zone-content p{color:#333;font-size:16px;font-weight:300}.select-button{background:#a89968;color:#fff;border:none;padding:14px 32px;border-radius:2px;font-size:14px;font-weight:400;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.select-button:hover{background:#9a8858;transform:translateY(-1px);box-shadow:0 4px 12px hsla(46,27%,53%,.3)}.file-info{display:flex;align-items:center;gap:20px;padding:20px;background:#fafafa;border-radius:2px;border:1px solid #e8e8e8}.file-info svg{color:#a89968;flex-shrink:0}.file-info>div{flex:1;text-align:left}.file-name{font-weight:400;color:#1a1a1a;margin-bottom:6px;font-size:15px}.voucher-count{font-size:13px;color:#666;font-weight:300}.clear-button{background:#e8e8e8;color:#666;border:none;width:32px;height:32px;border-radius:2px;font-size:20px;cursor:pointer;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;line-height:1}.clear-button:hover{background:#d4d4d4;color:#333}.generate-button{width:100%;background:#a89968;color:#fff;border:none;padding:18px;border-radius:2px;font-size:15px;font-weight:400;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.generate-button:hover:not(:disabled){background:#9a8858;transform:translateY(-1px);box-shadow:0 4px 12px hsla(46,27%,53%,.3)}.generate-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.error-message{background:#fef2f2;color:#991b1b;padding:14px 18px;border-radius:2px;margin-bottom:25px;font-size:14px;border-left:3px solid #dc2626;font-weight:300}.progress{margin-top:25px}.progress-bar{height:6px;background:#a89968;border-radius:3px;transition:width .3s ease}.progress-text{text-align:center;color:#666;font-size:13px;margin-top:10px;font-weight:300}