*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f5f5f5}.container{max-width:800px;margin:0 auto;padding:20px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:24px;margin-bottom:20px}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-input{width:100%;padding:12px;border:2px solid #e1e1e1;border-radius:6px;font-size:14px;transition:border-color .3s}.form-input:focus{outline:none;border-color:#4f46e5}.btn{padding:12px 24px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary{background-color:#4f46e5;color:#fff}.btn-primary:hover{background-color:#4338ca}.btn-primary:disabled{background-color:#9ca3af;cursor:not-allowed}.qr-container{text-align:center;padding:20px}.qr-image{max-width:300px;height:auto;border:2px solid #e1e1e1;border-radius:8px}.status-success{background-color:#dcfce7;color:#166534}.status-success,.status-waiting{padding:12px;border-radius:6px;margin-top:16px}.status-waiting{background-color:#fef3c7;color:#92400e}.loading{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top-color:#4f46e5;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}